# Parchment Hearth

> A hushed AI chat workspace: cream paper, one terracotta lantern seal.

- URL: https://ui.ddct.top/p/parchment-hearth-chat
- Category: AI Product
- Tags: Warm Neutral, Serif Greeting, Chat Workspace, Single Accent, Quiet UI
- Access: Included with Pro · Buy individually for ¥19
- Live demo: https://ui.ddct.top/api/demo/parchment-hearth-chat
- Updated: 2026-10-09

## About

The interface reads like a sheet of cream laid paper under a lamp. About 88% of it is warm, yellow-brown neutrals, and the only color is a small terracotta three-ellipse lantern beside the greeting. A 36px light Newsreader greeting sits against 12–14px chrome, and a pure-white 24px-radius composer lifts off the page with a barely visible shadow. There are no gradients, glass or noise, and the motion is slow and restrained. It suits everyday-life assistants and writing or note apps.

中文简介：整个界面像灯下摊开的米色信纸：九成是偏黄褐的暖中性色，唯一的颜色是问候语旁那枚赤陶色三椭圆“灯笼”标记。36px 的 Newsreader 细体问候语与 12–14px 的小字界面形成强烈的尺度对比，纯白输入框以 24px 圆角和几乎看不见的阴影浮在纸面上。没有渐变、玻璃和噪点，动效克制而缓慢。适合做日常生活向的 AI 助手、写作与笔记类产品的空状态与对话壳层。

## Signature details

- One color only: the terracotta three-ellipse lantern
- 36px light serif greeting against tiny chrome
- Pure-white 24px composer lifting off cream paper
- Warm-tinted grays, no gradient, glass or noise

## Page sections

- Rail header & segmented control
- Primary nav
- Recents
- Account footer
- Top bar
- Greeting & lantern mark
- Composer
- Starter chips
- Conversation thread

## Palette

| Name | Hex | Role |
| --- | --- | --- |
| Cream Folio | #FAF9F6 | background |
| Pure Page | #FFFFFF | surface (composer only) |
| Rail Linen | #F4F2ED | surface-2 / rail |
| Pressed Parchment | #EBE8E2 | active / selected fill |
| Lamp Ink | #1F1E1D | text |
| Dusty Umber | #6F6D68 | text-muted |
| Terracotta Seal | #D26A4B | accent (lantern mark only) |
| Baked Clay | #B4512F | accent-text (in-reply links) |

## Typefaces

- Newsreader — display (greeting, wordmark)
- Hanken Grotesk — body / UI
- JetBrains Mono — mono

## How to use

- Copy the prompt from https://ui.ddct.top/p/parchment-hearth-chat 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 parchment-hearth-chat style from ui-atlas”.

## Preview

# Parchment Hearth — AI Chat Workspace Shell

You are a senior product designer and front-end engineer with an obsessive eye for typography, spacing and motion. Build the logged-in, new-conversation empty state of an AI chat workspace for a fictional assistant called **"Wren"**, in the **Parchment Hearth** style described below. Treat every value in this brief as a spec, not a suggestion.

## 1. Design Intent

Mood: warm, hushed, unhurried. Think of a cream laid-paper folio on a lamplit desk, stamped once with a terracotta seal. The product is for people who use an assistant for everyday thinking, such as cooking, trips, letters and small repairs. The first viewport must feel like a quiet reading room, not a control panel. Almost everything is warm neutral, and a single coral mark carries all the brand energy.

_The full prompt is available to Pro members at https://ui.ddct.top/p/parchment-hearth-chat._