North star · Keep the warm editorial canvas quiet and readable, letting expressive serif typography and botanical illustrations frame—not compete with—the guest information.
The page is built around a warm, pale peach canvas (#fef1ec) that keeps the long itinerary visually cohesive. Deep navy (#11223f) carries nearly all readable text, from the fine navigation and small uppercase labels to the oversized names and section headings. Coral (#ff5734) is a restrained accent for rules, links, and small details; white panels give the quiz, lodging, and recommendation content clear reading surfaces. Canela Web supplies a delicate, high-contrast editorial voice for names and select headings, while Calibre handles functional copy and widely tracked uppercase labels. The layout alternates centered story passages with carefully aligned event details and multi-column information panels. Hand-drawn botanical illustrations frame rather than interrupt the content, while event photographs and a venue diagram add place-specific texture. Generous gaps between sections create a leisurely scroll; thin rules and square-edged panels keep the page composed rather than ornate.
Body copy, uppercase captions and eyebrows, form controls, and functional labels.
Aa 设计
Canela Web
网络字体 · 字重 400 / 500 / 100 · 占比 31%
免费替代：Cormorant Garamond
Display names, section titles, navigation, and expressive text links.
角色
示例
字号
字重
行高
字距
特大标题
Oversized names in the opening hero.
Daniela and Moe Wedding 2019
120px
500
0.85
0
一级标题
Spaced uppercase section headings and major labels.
Daniela and Moe Wedding 2019
48px
400
normal
0.2em
二级标题
Large, light sans headings for secondary sections.
Daniela and Moe Wedding 2019
36px
300
normal
0
三级标题
Serif headings within content sections.
Daniela and Moe Wedding 2019
32px
400
1.6
0
四级标题
Light serif subheadings for smaller editorial blocks.
Daniela and Moe Wedding 2019
28px
100
normal
0
正文
Guest-facing story, schedule, and venue descriptions.
The quick brown fox 敏捷的狐狸
16px
300
normal
0
辅助文字
Small uppercase metadata and compact section labels.
The quick brown fox 敏捷的狐狸
12px
400
normal
0.2em
按钮
Uppercase RSVP and form action text.
The quick brown fox 敏捷的狐狸
12px
400
normal
0.2em
导航
Serif navigation links across the top.
Daniela and Moe Wedding 2019
28px
100
normal
0
链接
Serif text links in recommendations and supporting content.
The quick brown fox 敏捷的狐狸
24px
400
2
0
眉题
Small uppercase category labels above headings.
The quick brown fox 敏捷的狐狸
12px
400
normal
0.2em
间距与布局
基准单位 4px · 密度：适中
64px版块间距
—元素间距
32px卡片内边距
920px内容最大宽度
4px
12px
15px
16px
20px
24px
32px
40px
64px
96px
A long, single-page editorial scroll with a measured page max width of 920px. The opening and story passages are centered; event schedules use two-column compositions, with dates and details on one side and circular venue photography on the other. Quiz, lodging, and recommendation content uses multi-column grids. Sections are separated by generous 64px rhythm and smaller pauses, with light hairlines marking schedule boundaries. Overall density is comfortable: detailed information is broken into labelled groups rather than packed into dense blocks.
圆角与层次
没有测到阴影：页面是扁平的，层次靠底色和描边区分。
The interface is predominantly flat, with no measured shadows. White panels and tiles sit directly against the peach canvas; fine coral rules define some panel edges and separate itinerary entries. Components are square-edged, and botanical artwork may overlap section margins as decorative layering without adding interface depth.
组件
下面的预览按实测的按钮、输入框、徽标、卡片样式重建（字体用替代字体）。
Top navigation
A slim, centered row of Canela serif links on the peach canvas, separated from the hero by a thin navy hairline.
Hero title
A centered date label above oversized, two-line Canela names, framed by full-bleed botanical illustration.
Story section
A narrow centered text passage with a small uppercase eyebrow, spaced uppercase heading, and light body copy.
Quiz grid
Question tiles use white surfaces in a four-column grid, with compact illustrations and short prompts; the introductory tile remains on the peach ground.
Event itinerary
Date and venue details sit in a two-column schedule, supported by small uppercase metadata labels, circular venue photography, and outlined MAP links.
Recommendation panels
White lodging and Eat/Drink/Play panels organize useful local suggestions into clearly labelled columns.
RSVP form
White rectangular fields and response options sit on the peach canvas, paired with compact labels and a coral Submit action.
Imagery · Hand-drawn botanical artwork is the defining visual layer, appearing around the hero and section edges in dark green, yellow, olive, coral, and pale peach; these are illustration colours, not measured brand tokens. Event photos are cropped into circular vignettes. Small quiz illustrations and a large venue diagram add context, while the California map is treated as a broad decorative feature.
Use Blush Canvas (#fef1ec) as the continuous page ground.
Set readable copy in Midnight Ink (#11223f).
Pair Canela-style display serif with restrained Calibre-style sans copy.
Use botanical artwork as an edge-framing layer.
Break practical details into labelled, scannable groups.
Keep panels flat, white, and square-edged.
✕ 不该做
Do not replace the peach canvas with a generic white page.
Do not use coral as the main paragraph colour.
Do not let decorative illustrations obscure essential text.
Do not add heavy shadows or rounded-card styling.
Do not compress the itinerary into dense, unlabeled prose.
Do not apply display serif styling to every label.
给 AI 的提示词
想快速出一个同风格的新页面，把这段话连同 DESIGN.md 一起发给 AI。
Build a new long-form page in the style of this wedding site. Use Blush Canvas (#fef1ec) as the continuous background, Midnight Ink (#11223f) for text and navigation, and Wedding Coral (#ff5734) only for restrained rules and link accents; use Gallery White (#ffffff) for information panels and fields. Pair an elegant editorial serif like Canela Web with a clean, lightweight sans like Calibre. Create a spacious scroll with centered story sections, labelled two-column schedules, and simple multi-column panels. Frame the content with hand-drawn botanical illustrations and use circular crops for supporting place photography. Keep surfaces flat, borders fine, and corners square. Preserve strong text contrast and generous breathing room so practical details remain easy to scan.
