North star · Keep the interface quiet and legible, using a single rounded notice card against a cinematic dark scene and letting illustration provide the color.
The page contrasts a slim white brand strip with a broad, deep-night scene and a near-black footer. A dark navy announcement card sits prominently over the space backdrop, while pale text keeps the shutdown message readable and calm. The visual hierarchy is restrained: a compact sans-serif heading leads into larger-feeling, generously spaced copy, and monospaced footer labels add a quiet technical character. A colorful illustrated globe supplies the main visual focal point; its bright cyan, green, and pink tones belong to the artwork, not the core interface palette. The composition uses a centered content region and broad breathing room around the card and globe, followed by a low-density footer organized into link groups. Rounded card corners soften the otherwise dark, high-contrast treatment. Keep interface surfaces simple and let the illustration carry the page’s color and emotional warmth.
配色
点色块复制色值。用途说明来自对页面的实测位置（背景、文字、描边、按钮）与截图判读。
品牌色
表层色
中性色
页面底色 · Midnight Moss表层 · Deep Orbit表层 2 · Paper White主文字 · Paper White次要文字 · Moonlit Gray弱文字 · Quiet Ash
Announcement heading and prominent sans-serif text.
Aa 设计
Fragment Mono
网络字体 · 字重 400 / 700 · 占比 29%
免费替代：IBM Plex Mono
Body copy, navigation, captions, and footer links.
角色
示例
字号
字重
行高
字距
一级标题
Shutdown announcement heading inside the central card.
Rally
32px
400
1.1
0
二级标题
Supporting section heading where present.
The quick brown fox 敏捷的狐狸
24px
400
1.4
0.015em
正文
Main announcement paragraphs and explanatory copy.
The quick brown fox 敏捷的狐狸
16px
400
1.62
0.01em
辅助文字
Small secondary labels and supporting details.
The quick brown fox 敏捷的狐狸
13px
400
1.62
0.01em
导航
Compact footer navigation and link labels.
The quick brown fox 敏捷的狐狸
13px
400
1.62
0.01em
代码
Monospaced utility text; no code block is shown.
const style = 1;
13px
400
1.62
0.01em
间距与布局
基准单位 4px · 密度：适中
48px版块间距
10px元素间距
44px卡片内边距
800px内容最大宽度
4px
10px
12px
15px
20px
24px
30px
32px
40px
48px
120px
The page is organized as a narrow white brand strip, a full-width space scene, and a full-width near-black footer. The announcement card is centered within the scene, with left-aligned text and generous internal breathing room. Its measured page maximum width is 800px; the card uses 24px corners and measured padding of 44px. Keep section transitions direct and the overall density comfortable. Footer content sits in separate link groups, aligned to the left rather than spread across a dense grid.
圆角与层次
卡片 · 24px
inset · nav
The card is separated from the surrounding scene primarily through its deeper navy fill and rounded silhouette. The screenshot shows no strong borders or pronounced shadows. Keep layering restrained: the illustration is the background, the notice card sits above it, and the footer remains a flat near-black band.
组件
下面的预览按实测的按钮、输入框、徽标、卡片样式重建（字体用替代字体）。
Brand strip
Slim white band at the top with a small, centered Rally mark; visually separate it from the dark scene below.
Shutdown notice card
Centered dark navy panel with 24px measured corner radius and 44px measured padding; left-align the heading and announcement copy.
Space backdrop
Full-width deep-blue illustrated scene with sparse stars and a large glowing globe near the lower center.
Footer link groups
Near-black footer with compact monospaced labels and links arranged under Company and Resources.
Announcement copy
Short, readable paragraphs in pale gray, with clear separation between the shutdown information and closing note.
Imagery · A full-bleed, dark-blue space illustration fills the main scene, with small stars and a large luminous globe rising near the lower center. The globe is colorful and softly glowing, with painterly land and cloud forms. Treat its varied hues as artwork-specific rather than interface accents; preserve clear negative space around the announcement card.
Keep announcement text left-aligned and easy to scan.
Use monospaced type for navigation and footer links.
Let the illustrated globe provide the vivid color.
Separate the white brand strip from the dark scene.
✕ 不该做
Do not introduce unmeasured interface colors.
Do not style illustration colors as core brand accents.
Do not add heavy borders or prominent shadows.
Do not crowd the card with extra interface elements.
Do not turn the footer into a dense navigation grid.
Do not use decorative all-caps display typography.
给 AI 的提示词
想快速出一个同风格的新页面，把这段话连同 DESIGN.md 一起发给 AI。
Build a new page in Rally’s restrained farewell style. Use Midnight Moss (#0d100d) for the page ground and footer, Deep Orbit (#081028) for a prominent rounded content card, and Moonlit Gray (#e7e8ea) for readable supporting copy. Reserve Paper White (#ffffff) for a narrow brand header and high-emphasis text; use Quiet Ash (#9e9f9e), Soft Graphite (#999999), and Distant Charcoal (#666666) only for subdued secondary footer text. Set headings in a clean sans-serif similar to Inter and body or utility labels in a monospaced face similar to IBM Plex Mono. Center the main content region, keep its text left-aligned, and use generous whitespace. If adding imagery, use a cinematic space illustration as the backdrop and keep its colors confined to the artwork. Keep elevation subtle, corners soft, and navigation sparse.
