Internal Reference

    Brand Guidelines

    The complete visual identity system for Building 8. This page is hidden from navigation and intended for internal use only.

    Colour Palette

    Primary Navy--primary222 47% 15%#141F38
    Primary FG--primary-foreground210 40% 98%#F8FAFC
    Accent Amber--accent29 79% 52%#E58124
    Halo--halo29 79% 52%#E58124
    Halo Glow--halo-glow29 100% 62%#FF9B3D
    Insight Blue--insight200 85% 45%#1193D4
    Background--background210 25% 98%#F9FAFB
    Foreground--foreground222 47% 11%#0F1729
    Muted--muted215 20% 94%#EDEFF3
    Muted FG--muted-foreground215 16% 47%#65758B
    Secondary--secondary215 25% 94%#ECEFF4
    Border--border215 25% 88%#D9DFE8
    Destructive--destructive0 84% 60%#EF4343
    Card--card0 0% 100%#FFFFFF

    Typography

    Sora, Headings

    700 (Bold)Your data should work for you, not against you
    600 (Semibold)Your data should work for you, not against you
    500 (Medium)Your data should work for you, not against you
    400 (Regular)Your data should work for you, not against you

    Inter, Body

    600 (Semibold)Most organisations don't have a data problem. They have a clarity problem. We help you see what's actually going on before deciding what to do about it.
    500 (Medium)Most organisations don't have a data problem. They have a clarity problem. We help you see what's actually going on before deciding what to do about it.
    400 (Regular)Most organisations don't have a data problem. They have a clarity problem. We help you see what's actually going on before deciding what to do about it.
    300 (Light)Most organisations don't have a data problem. They have a clarity problem. We help you see what's actually going on before deciding what to do about it.

    Voice & Tone

    The core principle

    Building 8 listens before it advises. Every piece of copy should reflect a consultancy that understands the client's problem first, not one that sells a product or pushes a solution.

    We sound like

    • Direct and plain-spoken: no jargon, no filler
    • Confident without being boastful
    • Curious and diagnostic: we ask before we prescribe
    • Grounded: we deal in outcomes, not hype

    We don't sound like

    • A vendor pitching technology
    • A thought-leader performing expertise
    • Vague or hedge-everything cautious
    • Excited about AI for its own sake

    Copy Standards

    Primary CTA

    Always "Get in Touch". Never "Contact Us", "Reach Out", "Book a Call" or any other variation.

    CTA sub-copy

    "Tell us what's getting in the way and we'll tell you honestly whether we can help."

    Banned words and phrases

    Em dashes (—)
    "fix" / "fixing"
    "honest" / "honestly"
    "transform" / "transformation"
    "harness"
    "cutting-edge"
    "world-class"
    "best-in-class"
    "journey"

    Halo AI language

    Halo AI is an enabler of existing tools, not a standalone AI product. Always frame it as what makes your current AI investment actually deliver value. Never position it as competing with other AI products.

    Halo AI: Brand Visual

    Use on dark backgrounds. Represents Halo AI as the central intelligence layer connecting your existing tools.

    Button Variants

    All Variants (default size)

    All Sizes (default variant)

    Gradients

    Hero Gradient

    .hero-gradient

    Halo Gradient

    .halo-gradient

    Insight Gradient

    .insight-gradient

    Surface Gradient

    .surface-gradient

    Border Radius

    smcalc(0.625rem - 4px)
    mdcalc(0.625rem - 2px)
    lg0.625rem
    xl0.75rem
    full9999px

    Utility Classes

    .glass-card
    .geometric-pattern
    .shadow-halo
    .animate-float
    .animate-glow
    .animate-pulse-slow

    Logo Usage

    Building 8 logo (dark variant)Dark variant, for dark backgrounds
    Building 8 logo (light variant)Light variant, for light backgrounds
    Building 8 logo (white on black)White on black, for high-contrast use