Brand Hubbackstory.cc

Backstory Creative

internal

Our own brand. Desert Heat / Burn Bright: sun-weathered color, chunky hand-stamped display type, punchy copy.

Industry
Video production and creative agency, Fresno, CA
Last verified
Unverified

Color

Primary

  • Charcoal (ink)

    HEX
    #1C1C1C

    Contrast and grounding; body text

  • Cream (bone)

    HEX
    #F5F0E8

    Background, breathing room

  • Burnt Orange (rust)

    HEX
    #C4601A

    Primary brand color; eyebrows, CTAs

Secondary

  • Olive Green (sage)

    HEX
    #7A8A30

    Earthy depth

  • Desert Sand (sand)

    HEX
    #D4A017

    Energy and warmth accent

  • Dusty Blue (dusty)

    HEX
    #7BA7A7

    Calm tension, contrast

Token names in parentheses match the Tailwind config.

Typography

  • CordonDisplay
    Source
    Custom foundry font (src/app/fonts/Cordon.otf)
    Fallback
    Impact, sans-serif

    Always set in uppercase. Titles, headlines.

  • FrauncesEditorial serif
    Source
    Google Fonts
    Fallback
    Georgia, serif

    Subheadings and supporting headlines; italic for eyebrow lines.

  • InterBody
    Source
    Google Fonts
    Fallback
    system-ui, sans-serif

    Neutral, highly legible. Gets out of the way.

Voice & Tone

Punchy. Confident. Instinctive. Not corporate. Short setup, sharper payoff; couplet rhythm; "we" not "you"; receipts over adjectives.

Do

  • Sentence fragments and two-word punches
  • Specific, physical verbs: earn the scroll, holds the room
  • Paired lines: "Recent fire. / Burn bright."

Never

  • innovative, cutting-edge, solutions, deliver excellence, passionate, world-class
  • end-to-end, holistic, leverage, synergy, unleash, unlock, ecosystem
  • journey (as a metaphor), at the end of the day, that said
  • "It's not just X, it's Y", "In a world where...", "More than ever before"
  • Em dashes

Visual Elements

  • Desert-grain noise texture (Tailwind `bg-grain` / `.grain`)
  • Skull-flame mark (public/skull-flame.svg)
  • Core values icon set (public/values/)

Accessibility

Not collected yetNeed color-contrast and readability guidance.

Sub-brands & Campaigns

None recorded.

Sources & Status

Monday client id
11923911966
Last verified
Unverified

Sources

  • tailwind.config.ts (palette)
  • src/app/layout.tsx (fonts)
  • CLAUDE.md / docs/claude-project-setup.md (voice)

Open questions

  • RGB / CMYK / PMS values for print?
  • Clearspace and minimum size rules for the lockup and mark?