North star · Let a single oversized type specimen dominate a quiet dark canvas, using gold only to guide navigation and action.
The page uses a nearly black canvas to make the oversized warm-white serif specimen feel luminous and unmistakably central. Muted yellow-gold, represented in the measured palette by #d8b831, is reserved for navigation accents, trial actions, the featured-typeface line, and small directional cues. The layout is deliberately sparse: a compact floating-style navigation sits above a large centered text composition, while the featured announcement rests near the bottom of the first screen. Typography does nearly all the visual work. A high-contrast display serif showcases the foundry’s product, contrasted with compact, tracked sans-serif interface labels. The page avoids photography and decorative illustrations; the specimen itself is the imagery and proof of craft. Generous dark negative space frames the type and preserves its scale. Components remain flat and simple, with rounded gold controls providing the strongest interface affordance rather than shadows or complex borders.
Measured interface font for body, captions, buttons, and navigation; display specimen uses a contrasting serif.
角色
示例
字号
字重
行高
字距
正文
Supporting copy and featured-typeface announcement
The quick brown fox 敏捷的狐狸
20px
500
1.25
0.05em
辅助文字
Small supporting labels and secondary interface text
The quick brown fox 敏捷的狐狸
15px
500
1.5
0.067em
按钮
Trial and compact action labels
The quick brown fox 敏捷的狐狸
15px
500
1.5
0.067em
导航
Foundry identity and navigation labels
The quick brown fox 敏捷的狐狸
15px
500
1.5
0.067em
间距与布局
基准单位 1px · 密度：适中
—版块间距
25px元素间距
—卡片内边距
—内容最大宽度
1px
4px
5px
7px
9px
11px
15px
25px
30px
38px
A single dark, full-width canvas holds a compact top navigation and a centered hero specimen. The header’s branded capsule sits near the horizontal center, with trial, account, and count controls aligned to the right. The main serif composition occupies the broad central field, broken into deliberate lines and surrounded by substantial negative space. A small featured-typeface announcement anchors the lower portion of the first viewport. Keep the page comfortable and sparse; the measured data does not establish a maximum content width or section gap.
圆角与层次
按钮 · 13px
导航 · 20px
没有测到阴影：页面是扁平的，层次靠底色和描边区分。
The design reads as flat: no measured shadows or gradients are reported, and the dark canvas remains visually continuous. Gold controls are distinguished through filled colour and rounded shapes rather than layered cards. Avoid adding panel borders or depth effects; preserve separation through whitespace and contrast.
组件
下面的预览按实测的按钮、输入框、徽标、卡片样式重建（字体用替代字体）。
Branded navigation capsule
A compact gold-filled rounded bar combines a small geometric mark, white foundry name, and a white menu control.
Header actions
Place a gold “Get trials” button and rounded gold count control at the right, with the account label between them.
Hero type specimen
Center a very large, high-contrast serif phrase in stacked lines on the dark canvas; the screenshot includes a slim typing cursor.
Featured typeface link
Use a small gold announcement for “New typeface by Connor Davenport” followed by a compact gold Beaujon pill with an arrow.
Trial button
Use a gold-filled control with white 15px ClinWeb text, measured 13px radius, and horizontal padding of 15px.
Imagery · No photography or standalone illustration defines the page. The featured type sample is the hero image: large, high-contrast serif lettering displayed directly on the dark canvas, with a visible typing cursor in the first viewport. Keep the specimen crisp and uncluttered; small geometric marks in the navigation belong to the brand mark, not a separate image treatment.
该做与不该做
✓ 该做
Keep the canvas dark and visually continuous.
Make the type specimen the largest and clearest element.
Use measured gold #d8b831 for restrained calls to action.
Separate the header, specimen, and announcement with generous negative space.
Keep interface labels compact and visibly tracked.
Use rounded gold pills for the strongest interactive cues.
✕ 不该做
Do not add unmeasured palette colours.
Do not let navigation compete with the specimen.
Do not introduce decorative photography or busy illustrations.
Do not add shadows, gradients, or card-heavy sections.
Do not turn the sparse composition into a dense grid.
Do not use the accent as a large page background.
给 AI 的提示词
想快速出一个同风格的新页面，把这段话连同 DESIGN.md 一起发给 AI。
Build a new page in the Heavyweight Digital Type Foundry style. Use a near-black canvas like the reference screenshot, while respecting the measured palette: Specimen White (#ffffff) and Foundry Gold (#d8b831). Keep the layout sparse, with a compact rounded navigation capsule above one dominant, centered serif type specimen and a restrained supporting announcement or action below it. Treat typography as the primary visual content; use a clean sans-serif interface substitute such as DM Sans for compact labels, with modest tracking. Reserve gold for filled pill controls, small navigation details, and selected link text. Keep components flat, omit shadows and gradients, and use negative space instead of panels or dividers. Do not invent extra palette values or measured dimensions.
