Create a professional brand style guide page for "Inspira — Water Platform". This must look like a brand guidelines PDF rendered as a webpage — NO navigation bars, NO footer links, NO website-like elements.
Layout: Centered content (max-width ~900px), generous white space, subtle #F0F0F0 background, white content sections, thin-line section dividers. Use Inter font from Google Fonts throughout.
COVER:
#1B3A5C#0077B6#00B4D8) accent lineSECTION 1 — COLOR PALETTE:
6 large color swatches (120px+ tall, 3x2 grid, rounded corners) showing:
#1B3A5C — "Trust, Enterprise Credibility"#00B4D8 — "Innovation, Energy"#0077B6 — "Secondary Accent"#2D2D2D — "Primary Text"#F0F0F0 — "Backgrounds" (add border)#FFFFFF — "Clean Space" (add border)SECTION 2 — TYPOGRAPHY:
SECTION 3 — BRAND VOICE:
#22C55E accent): "Measurable results from day one" / "Enterprise-grade AI that scales with you"#EF4444 accent): "Revolutionary game-changing disruption!" / "The best AI ever created"SECTION 4 — KEY MESSAGING PILLARS:
4 cards in 2x2 grid, each with number accent in #00B4D8, bold title in #1B3A5C:
SECTION 5 — TARGET AUDIENCES:
3 clean cards:
#00B4D8#0077B6FOOTER NOTE: Centered small gray text: "Inspira — Water Platform · Brand Style Guide · 2026"
Use React + Tailwind CSS. Single page component. Print-friendly.
Now let me build the brand style guide page with all the required sections:
Now let me update globals.css with the brand theme, layout.tsx with Inter font, and build the full page:
Now let me build all the section components and the main page:
Now write the main page:
Now let me verify all component files are created correctly and check for any issues:
The file paths need the project root. Let me rewrite all files with correct paths:
Good, the page is correct. The components are split into separate files — let me consolidate everything into a single page to avoid import path issues in the Next.js runtime:
The brand style guide is complete. Here's a summary of what was built:
Structure: A single self-contained page.tsx with all 5 sections as inline components — no nav bars, no footer links, styled as a PDF document rendered in the browser.
What's included: