← OpenDesign CURATED · OPEN · FREE
Ghost
Ghost is a professional platform for independent publishers to create content and monetize their audience.
cms publishing
01
Identity DNA
Publishing Monetization Membership Creator Economy
A modern, professional toolkit for independent writers.
02
Color
#FACC15Accent
#0F172AInk
#334155Ink soft
#FFFFFFBG
#F8FAFCBG soft
#F1F5F9BG quiet
#94A3B8Muted
rgba(229, 231, 235, 1)Line
High-contrast black-on-white typography with a single vibrant yellow accent and dark mode dashboard elements.
03
Typography
geometric-sans · humanist-sans · ui-monospace
display 80px · 500heading 48px · 600body 18px · 400caption 12px · 50004
Spacing
4px
8px
16px
24px
32px
48px
64px
96px
Vertical spacing relies on multiples of 4px, with common gaps of 24px, 32px, and 48px.
05
Surfaces
sm · 4px
md · 8px
lg · 16px
pill · 9999px
1px solid rgb(229, 231, 235)
rgba(0, 0, 0, 0.03) 0px 2px 6px 0px · rgba(0, 0, 0, 0.1) 0px 4px 6px -1px · rgba(0, 0, 0, 0.1) 0px 10px 15px -3px · rgba(0, 0, 0, 0.1) 0px 20px 25px -5px · rgba(0, 0, 0, 0.25) 0px 25px 50px -12px
06
Layout
1280 container
12 columns
24px gutter
768 / 1024 breakpoints
Standard responsive grid with a maximum width container.
07
Motion & Interaction
150ms micro
300ms small
0ms medium
cubic-bezier(0.4, 0, 0.2, 1) easing
Subtle fade-in transitions on state changes.
Subtle color shifts or elevation changes on interactive elements. · Standard pointer cursor and immediate state feedback.
08
Components
button Dark solid backgrounds with white text, or light backgrounds with dark text and subtle shadows. card Clean containers with subtle shadows and rounded corners. chip Small, uppercase labels with increased letter-spacing. input Standard text inputs with clean borders. hero Large, bold typography centered over a minimal background, often paired with a product screenshot. 09
Voice & Don'ts
Tone Professional, empowering, and clear. Headlines Direct, benefit-driven statements with large, bold typography. CTAs Action-oriented phrases, often with a pill-shaped container. Don't use complex gradients — screenshot shows flat color blocks and solid backgrounds. Don't use serif fonts for headings — screenshot shows a clean, geometric sans-serif. Don't use small, cramped typography — screenshot shows generous spacing and large type. Don't use rounded, bubbly buttons for primary actions — screenshot shows sharp, professional buttons. Don't use a chaotic color palette — screenshot shows a restrained black, white, and yellow scheme. Don't use thin, low-contrast text — screenshot shows high-contrast ink on light backgrounds. Avoid: Overly casual language Avoid: Cluttered layouts Avoid: Distracting animations 10
Inside the pack — real screenshots
桌面首屏（hero） 桌面滚动分段（90% viewport 步进，作为视觉证据） 桌面滚动分段（90% viewport 步进，作为视觉证据） 桌面滚动分段（90% viewport 步进，作为视觉证据） 桌面滚动分段（90% viewport 步进，作为视觉证据） 桌面滚动分段（90% viewport 步进，作为视觉证据） 桌面滚动分段（90% viewport 步进，作为视觉证据） 桌面滚动分段（90% viewport 步进，作为视觉证据） 桌面滚动分段（90% viewport 步进，作为视觉证据） 桌面滚动分段（90% viewport 步进，作为视觉证据） 桌面滚动分段（90% viewport 步进，作为视觉证据） 桌面滚动分段（90% viewport 步进，作为视觉证据） 桌面滚动分段（90% viewport 步进，作为视觉证据） 桌面滚动分段（90% viewport 步进，作为视觉证据） 桌面滚动分段（90% viewport 步进，作为视觉证据） 桌面滚动分段（90% viewport 步进，作为视觉证据） 桌面滚动分段（90% viewport 步进，作为视觉证据） 移动首屏 Captured from the live site · real computed styles
11
System prompt
Ghost is a professional publishing platform. The design DNA is clean and high-contrast, dominated by black (#0F172A) and white (#FFFFFF) with a signature yellow (#FACC15) accent. Typography uses a geometric-sans display font and a humanist-sans body font, with tight letter-spacing on large headings. The layout is spacious, utilizing a 12-column grid and generous white space. Key critical donts: don't use serif fonts, don't use complex gradients, and don't use low-contrast text. The interface feels premium, authoritative, and focused on content.
More from the library en · zh-CN · zh-TW · ja · ko
OpenDesign · curated web aesthetics for AI-readable design DNA · opendesign.cc
Why we curated this: Ghost represents a clean, professional standard for SaaS and publishing platforms, balancing bold typography with a highly restrained visual system.
浙ICP备2021038972号-5
