Please completely rebuild this into a comprehensive, premium brand guide document for "Inspira". This is a PDF-style brand book rendered on the web — NOT a website. No navigation bars, no hamburger menus, no footer links. Just a clean scrollable document. Use Inter for headings and Source Sans Pro for body. Max content width 1100px centered. Smooth scroll. Generous spacing.
Here are ALL 12 sections in exact order:
SECTION 1 - TITLE BANNER (full-width Deep Navy #0F1B2D background, tall padding ~200px):
#00B4D8#94A3B8 textSECTION 2 - BRAND FOUNDATION (white bg):
Show large faded "01" in #00B4D8 at 10% opacity, section title "Brand Foundation" in Deep Navy.
Items with clear labels:
SECTION 3 - COLOR PALETTE (#F8FAFC bg):
"02" + "Color Palette" title. Grid of 10 LARGE swatches (140px × 140px, rounded-2xl). Each shows filled color square, name, role, hex code below.
#0F1B2D#1A3A5C#00B4D8#0EA5E9#475569#94A3B8#F8FAFC#FFFFFF (add subtle border)#10B981#F59E0BBelow: card explaining "Primary colors (Deep Navy, Enterprise Blue) convey trust and authority. Accent colors (Electric Teal, Bright Cyan) signal innovation and forward-thinking technology. Neutral tones provide readability and clean layouts."
SECTION 4 - TYPOGRAPHY (white bg):
"03" + "Typography". Show Inter and Source Sans Pro families. Type scale with ACTUAL rendered text:
SECTION 5 - BRAND VOICE & TONE (Deep Navy #0F1B2D bg, white/teal text):
"04" + "Brand Voice & Tone" in white.
Voice: "Confident, knowledgeable, and direct. Inspira speaks like a trusted advisor — not a pushy salesperson."
Tone: "Professional and forward-thinking. Avoids jargon overload and hype. Leads with outcomes and evidence. Warm enough to feel human, sharp enough to feel authoritative."
DO vs DON'T two-column comparison (green for DO with checkmarks, muted red for DON'T with X):
SECTION 6 - BRAND PERSONALITY (white bg):
"05" + "Brand Personality". 5 cards in a row (wrap on mobile), each with teal left border, light bg:
SECTION 7 - MESSAGING PILLARS (#F8FAFC bg):
"06" + "Messaging Pillars". 4 cards in 2×2 grid:
01 Immediate Proof of Value — "See measurable ROI from day one, not months later"
02 Enterprise-Grade Governance — "Full security, visibility, and control over all AI operations"
03 Scalable AI Workforce — "Sidekick agents that enable delegation at scale without losing control"
04 Practical Transformation — "Real business outcomes over hype and promises"
SECTION 8 - TARGET AUDIENCES (white bg):
"07" + "Target Audiences". Two large persona cards:
"The Transformation Leader" — C-suite executives and VPs. Responsible for digital transformation or AI strategy. Measured on business outcomes.
"The Operations Champion" — Directors and senior managers who need to scale team productivity. Need to demonstrate ROI to leadership.
Info strip: Company size 500+ (sweet spot 1,000–10,000). Industries: Technology, Financial Services, Professional Services, Healthcare, Manufacturing.
SECTION 9 - CUSTOMER PAIN POINTS (#F8FAFC bg):
"08" + "Customer Pain Points". 4 quote cards with large decorative teal quotation marks:
"We've piloted AI but can't scale it safely"
"We can't measure the ROI of our AI investments"
"Our team is using AI tools without governance — it's a security risk"
"We need AI that works across the organization, not just in IT"
SECTION 10 - IMAGERY GUIDELINES (white bg):
"09" + "Imagery Guidelines". Clean list:
✓ Use real-world business settings, diverse teams, clean data visualizations
✓ Show humans empowered by technology, not replaced by it
✗ Avoid clichéd stock photos of robots, circuit boards, or glowing AI brains
✓ Photography should feel authentic, warm, and professional
SECTION 11 - DIFFERENTIATION (Deep Navy bg):
"10" + "Brand Differentiation" in white. Large teal centered statement:
"Inspira is the only platform that combines AI task delegation at scale with enterprise-grade governance and immediate, measurable proof of value."
Competitive Advantages with teal checkmarks:
SECTION 12 - FOOTER (white bg):
"Confidential — For Internal Use Only | Inspira © 2026" centered, small, #94A3B8.
Make this absolutely stunning. Premium quality.
Good — clean slate. Let me now rebuild everything systematically.
Now update layout.tsx with Inter + Source Sans Pro:
Now assemble everything in the main page:
Now delete the old brand-guide components from the previous iteration since they're no longer referenced:
The brand guide is fully rebuilt from scratch. All 12 sections are in place as 12 isolated components under /components/brand/, assembled sequentially in page.tsx with no navigation or chrome — just a pure scrollable document. Inter loads at weights 300–800 for headings and Source Sans Pro (via Source Sans 3) handles all body copy, both wired through Next.js font optimization. The color tokens in globals.css now use the exact hex values specified, and smooth scroll is applied globally at the html level.
Rebuild this as a comprehensive premium brand guide for Inspira. No website navigation. Scrollable brand book document. Use Inter for headings, Source Sans Pro for body. Max-width 1100px centered.
12 sections in order:
#0F1B2D bg): "INSPIRA" large tracked teal #00B4D8, "Brand Guide" white, "February 2026" gray#F8FAFC bg): 10 large 140px swatches with hex codes#F8FAFC bg): 4 cards in 2x2 grid#F8FAFC bg): 4 quote cards with decorative teal quotesInclude ALL content from my original request. Make it magazine-quality beautiful.
Good — fonts, tokens, and layout are already set up correctly. No existing components. I'll build all 12 sections from scratch now.
The page.tsx structure is already perfect. All component files don't exist yet — I'll write every single one fresh, all 12 sections plus a shared SectionTitle helper, now.
Now I have everything I need. I'll write all components in parallel batches.
Now write the remaining 10 section components. Let me batch them:
Let me read all remaining files in parallel to understand what exists before editing them all at once.
All 12 files exist. I can see the current state of every component. Now I'll do a comprehensive rewrite of all of them in parallel — every section gets fully rebuilt to be premium, magazine-quality, and exactly matching the spec.
Please expand this into a full brand guide with these sections: 1) Title Banner with INSPIRA in teal on navy background, 2) Brand Foundation with purpose, mission, vision, tagline at 48px, and core values, 3) Color Palette with 10 large swatches showing hex codes, 4) Typography scale, 5) Voice and Tone with DO vs DON'T cards, 6) Brand Personality traits, 7) Messaging Pillars, 8) Target Audiences, 9) Pain Points quotes, 10) Imagery Guidelines, 11) Differentiation, 12) Confidential footer. Premium quality. No nav menus.