Brand style guide - v0 by Vercel

Build a brand style guide for "Inspira — Water Platform". PDF-like document layout with no nav/footer. Sections: color palette (#1B3A5C, #00B4D8, #0077B6, #2D2D2D, #F0F0F0, #FFFFFF), typography (Inter font samples), brand voice (DO/DON'T examples), messaging pillars (4 cards), target audiences. Centered max-width 900px on light gray background.

60d ago

Now let me build the complete brand style guide:

Now let me update the globals.css with the Inspira brand tokens, update layout.tsx with Inter font, and build all components:

Now let me create all the brand style guide components:

Now let's build the main page:

The Inspira Brand Style Guide is complete. Here's what was built across 7 components:

Cover — Full-bleed navy hero with decorative water ripple rings, version tag, and section index chips
Color Palette (§01) — Six branded swatches with role, hex, usage notes, and an approved combinations row
Typography (§02) — Inter typeface intro card, a full type-scale table (Display → Label), and a weight spectrum grid (300–800)
Brand Voice (§03) — Four voice trait cards + a side-by-side DO / DON'T table with real copy examples and critique notes
Messaging Pillars (§04) — Four gradient cards (navy/ocean/cyan) each with title, tagline, description, and a proof point callout
Target Audiences (§05) — Four audience cards (Primary/Secondary) with goals, pain points, and tone-of-voice guidance
Document Footer — Navy bar with logo mark and confidentiality notice

60d ago

Now let me build the complete brand style guide:

Now let me update the globals.css with the Inspira brand tokens, update layout.tsx with Inter font, and build all components:

Now let me create all the brand style guide components:

Now let's build the main page:

The Inspira Brand Style Guide is complete. Here's what was built across 7 components:

Cover — Full-bleed navy hero with decorative water ripple rings, version tag, and section index chips
Color Palette (§01) — Six branded swatches with role, hex, usage notes, and an approved combinations row
Typography (§02) — Inter typeface intro card, a full type-scale table (Display → Label), and a weight spectrum grid (300–800)
Brand Voice (§03) — Four voice trait cards + a side-by-side DO / DON'T table with real copy examples and critique notes
Messaging Pillars (§04) — Four gradient cards (navy/ocean/cyan) each with title, tagline, description, and a proof point callout
Target Audiences (§05) — Four audience cards (Primary/Secondary) with goals, pain points, and tone-of-voice guidance
Document Footer — Navy bar with logo mark and confidentiality notice