CURATED · OPEN · FREE

Writer

An enterprise AI platform for scaling brand-consistent execution with autonomous agents.

01

Identity DNA

An enterprise-grade command center for AI-driven content and workflow execution.

02

Color

High-contrast monochrome core with a single high-chroma violet accent for primary CTAs and emphasis.

03

Typography

transitional-serif · geometric-sans · monospaced

• display64px · 400
• body16px · 400

Headlines use a transitional serif for authority and elegance. · Body text and UI use a clean geometric sans for high readability. · Uppercase tracking is used extensively for labels and navigation to add structure.

04

Spacing

8px baseline grid with generous vertical whitespace to maintain a premium, uncluttered feel.

05

Surfaces

Subtle 1px borders used to define inputs and card edges without adding visual noise.

rgb(243, 243, 243) 0px 2px 4px 0px · rgba(191, 203, 255, 0.25) 0px 1px 8px 0px

06

Layout

Centered single-column flow for content, with two-column layouts for feature showcases.

07

Motion & Interaction

Smooth color and background transitions on interactive elements. · Subtle scale and opacity shifts on hover states.

Color transitions for text links and background shifts for buttons. · Subtle scale-down transform on primary action buttons.

08

Components

• button Pill-shaped primary buttons with high-contrast fills; text-based secondary buttons.
• card Clean, rounded-corner cards with subtle shadows, often used to demonstrate UI features.
• chip Small, uppercase badges used for categorization and status indicators.
• input Rounded-pill input fields with subtle borders and clear placeholder text.
• hero Massive serif headline paired with a single high-chroma accent word and a prominent demo request form.

09

Voice & Don'ts

• Tone Authoritative, professional, and direct.
• Headlines Large, impactful serif text with a single highlighted word to draw focus.
• CTAs Action-oriented and clear, emphasizing direct value or trial.

• Don't use a dark mode — the design strictly follows a high-contrast light-background paradigm.
• Don't use highly rounded sans-serif fonts for headlines — the screenshot specifically uses a transitional serif.
• Don't remove uppercase tracking from labels — navigation and labels rely heavily on `text-transform: uppercase`.
• Don't use soft pastel backgrounds — the palette stays strictly monochrome with one vibrant accent.
• Don't use heavy drop shadows — the design relies on subtle box-shadows for minimal depth.
• Don't mix in secondary accent colors — the violet (#5551FF) is the sole high-chroma color used.
• Avoid: Casual slang
• Avoid: Overly complex jargon
• Avoid: Cluttered or noisy layouts

10

Inside the pack — real screenshots

Captured from the live site · real computed styles

11

System prompt

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