# Daylight Ledger

> A hairline-ruled forum index where reply counts warm from gray to burnt orange

- URL: https://ui.ddct.top/p/daylight-ledger-forum
- Category: Dashboard
- Tags: Forum, Hairline, Data Dense, Heat Scale, Light Mode, Community
- Access: Included with Pro · Buy individually for ¥19
- Live demo: https://ui.ddct.top/api/demo/daylight-ledger-forum
- Updated: 2026-10-09

## About

A well-kept library index card turned forum: pure white paper, 1px hairline rules and a single cyan-blue accent. A 283px sidebar sits beside a dense thread ledger with no hero and no cards. The signature is heat-scale numerals: reply and view counts shift from neutral to brown to burnt orange as engagement rises. Add a five-avatar strip, category-tinted sidebar icons, a pale-cyan notice banner and a floating fresh-threads pill. Ideal for forums, communities and any dense, scan-first index.

中文简介：整页像一张保养良好的图书馆索引卡:纯白底、1px 发丝分隔线、唯一的青蓝强调色。左侧是 283px 侧栏,右侧是紧凑的帖子账本,没有 hero、没有卡片。签名细节是“热度数字”——回复数与浏览数按量级从中性灰过渡到棕色再到焦橙,是全页唯一的装饰;再配上 24px 五连头像条、分类着色的侧栏图标、淡青色通知条与“新帖”浮动药丸。18.4px 标题与 13.9px 灰色元信息拉开层级,适合论坛、社区、知识库、文档索引等高密度扫读产品。

## Signature details

- Counts shift gray to brown to burnt orange by heat
- Five-avatar strip, 24px circles at 28px pitch, cyan ring
- Category-tinted sidebar icons act as the legend
- Pale-cyan banner and floating fresh-threads pill

## Page sections

- Header
- Sidebar
- Notice Banner & Filters
- Table Head & Fresh Pill
- Topic Rows
- Infinite Scroll Loader

## Palette

| Name | Hex | Role |
| --- | --- | --- |
| Paper White | #FFFFFF | background |
| Ledger Gray | #F2F2F2 | surface |
| Hairline | #E9E9E9 | border |
| Ink | #222222 | text |
| Quiet Gray | #646464 | text-muted |
| Porch Blue | #0088CC | accent |
| Pale Cyan Wash | #D1F0FF | accent-wash |
| Burnt Orange | #B04400 | heat |

## Typefaces

- Inter — display / body
- JetBrains Mono — mono

## How to use

- Copy the prompt from https://ui.ddct.top/p/daylight-ledger-forum into any AI that writes front-end code.
- Or export it as an agent skill, a Cursor rule or AGENTS.md from the same page.
- Or connect the UI Atlas MCP server (https://ui.ddct.top/mcp) and ask: “Build this page in the daylight-ledger-forum style from ui-atlas”.

## Preview

# Daylight Ledger — Community Forum Index Page

You are a senior product designer and front-end engineer with an obsessive eye for typography, spacing and numeric alignment.
Build a logged-out "latest threads" home page for a fictional neighborhood-hobby forum called **"Porchlight"** in the **Daylight Ledger** style described below. Treat every value in this brief as a spec, not a suggestion.

## 1. Design Intent

Calm, dense, trustworthy. Picture a well-kept library index card, or a spreadsheet that learned to be friendly. White paper, hairline rules, one cyan-blue accent, and numbers that heat up as threads get busier. The audience is regulars who scan 25 threads in seconds. The first viewport should read as an app shell (sidebar plus ledger) with no hero, no cards and no imagery except tiny avatars.

_The full prompt is available to Pro members at https://ui.ddct.top/p/daylight-ledger-forum._