CURATED · OPEN · FREE

Prismic

A headless CMS and landing page builder for converting websites.

01

Identity DNA

A clean, professional workspace for developers and marketing teams to build high-performing websites.

02

Color

High-contrast black and white for clarity, with a single green accent to highlight key actions and emphasis.

03

Typography

geometric-sans · humanist-sans

• display56px · 700
• heading40px · 500
• body18px · 500
• small14px · 500

Use geometric-sans for headings to convey a modern, technical feel. · Use humanist-sans for body text to ensure readability. · Avoid using decorative or overly complex fonts.

04

Spacing

Consistent 4px grid with standard 16px and 32px padding/margin increments.

05

Surfaces

1px solid rgba(238,238,238,1)

0px 1px 6px 0px rgba(0,0,0,0.06) · 0px 2px 32px 0px rgba(0,0,0,0.16)

06

Layout

Centered content with a max-width container, generous vertical spacing between sections.

07

Motion & Interaction

Standard transitions on color, background-color, and opacity for hover and focus states.

Subtle color or background-color changes on interactive elements like buttons and links. · Immediate visual feedback through state changes.

08

Components

• button Black filled buttons for primary actions, white outlined buttons for secondary actions. Both have rounded corners and generous padding.
• card White background cards with subtle borders or soft shadows, containing case study testimonials.
• chip Used for displaying statistics (e.g., 'Faster page load times 50%') with a light background and rounded corners.
• input Standard text inputs with a 1px border and 8px border radius.
• hero Large centered headline with a prominent accent color, followed by a subheadline and two main call-to-action buttons.

09

Voice & Don'ts

• Tone Professional, confident, and helpful.
• Headlines Direct, benefit-oriented, and uses a bold accent word for emphasis.
• CTAs Clear and action-oriented (e.g., 'Get started now', 'Request a demo').

• Don't use a multi-color palette — the screenshot shows a monochromatic base with a single green accent.
• Don't use serif fonts — the typography is strictly sans-serif for both headings and body.
• Don't use heavy drop shadows — the UI relies on subtle box shadows or simple borders for depth.
• Don't use dense, cluttered layouts — the design emphasizes whitespace and clear visual hierarchy.
• Don't use complex gradients — the backgrounds are solid colors.
• Don't use low-contrast text — the black-on-white color scheme ensures high readability.
• Avoid: Vague language
• Avoid: Overly technical jargon
• Avoid: Aggressive sales tone

10

Inside the pack — real screenshots

Captured from the live site · real computed styles

11

System prompt

en · zh-CN · zh-TW · ja · ko