Brand Guide · Living reference

The GV Drafting brand system.

A single source of truth for logo, color, type, components, and voice. This page renders the actual design tokens the website uses — so it stays in sync as the brand evolves.

Last updated June 14, 2026 · Tip: use the ◐ toggle in the nav to preview light & dark.

01 / Logo
Marks & lockups
Cube mark
Cube markFavicon, social avatar, footer accent
Full logo — on light
Full logo — on lightUse on light backgrounds
Full logo — on dark
Full logo — on darkUse on dark backgrounds

Do

  • Keep clear space around the mark ≥ the height of the cube.
  • Use the light/dark lockup that matches the background.
  • Minimum width: 120px (full logo), 28px (cube).

Don’t

  • Recolor, stretch, rotate, or add effects to the mark.
  • Place the dark logo on a busy or low-contrast background.
  • Recreate the wordmark in a different typeface.

Download: Cube mark · Full logo — on light · Full logo — on dark

02 / Color
Brand constants + semantic tokens

Brand

Green (deep)#23C906Primary brand green — solid CTAs, key accents
Lime#A3FF61Bright accent — highlights, hover, dark-mode accent text
Gradient106° · #23C906 → #A3FF61Hero accent, “grad-text,” key surfaces

Neutrals (flip with theme — values shown light / dark)

Ink#0E1311 / #E9EDEAPrimary text, strong borders
Ink soft#39413D / #B7BFB9Long-form body copy
Muted#6A726D / #828B85Secondary text, captions
Faint#A7AEA9 / #525B55Meta, fine print
Background#F1F4F1 / #070A08Page background (blueprint paper)
Surface#FFFFFF / #0E1411Cards, panels
Surface 2#E9EDEA / #141C18Insets, image wells
Border#C8D0CB / #27322CCard + input borders
Accent text#157A2C / #A3FF61Inline links, accents
03 / Typography
Three voices
Host GroteskDisplay400 – 800 · Headlines, hero, big numbers
Permit-ready drawings.
GeistUI / Body200 – 900 · Body copy, UI, buttons
Construction documents built to your jurisdiction’s plan-check requirements.
Chivo MonoLabels400 – 600 · Eyebrows, meta, sheet-style labels
01 / SERVICES · CLEVELAND

Scale

Display
Drawn for contractors
H2

Built for how you build

Lead

Reserved monthly capacity so your schedule never waits on a drafter.

Body

Standard paragraph copy set in Geist for comfortable reading.

Mono label
01 / SAMPLE PACK
04 / Components
Live, not screenshots

Buttons

Cards · chips · panel

Featured

Reserved capacity

A guaranteed block of monthly drafting hours with same-week turnaround.

Learn more →

Sample pack

See the quality before committing — a real permit-ready sheet set.

Request →
20+ years draftingChief ArchitectCleveland-area codeAdditions · remodels
Panel

Inverted panel for emphasis blocks and CTAs — dark in light mode, near-black in dark.

05 / Motion & motifs
Restrained, technical

Blueprint grid

The faint grid behind every page (the paper this site is drawn on). Minor 40px / major 200px. It drifts slowly; never competes with content.

Gradient text

Reserve the gradient for one key phrase per view — headline accents only, never body copy.

Reveal on scroll

Content fades + rises once as it enters view (power-ease, ~0.6s). Honors “reduce motion.” No looping, no bounce on text.

Hover

Cards lift 3px with a gradient top-line; the cube spins in 3D. Subtle, mechanical — like a plotter, not a toy.

06 / Voice & guardrails
How we speak

Voice

  • Plain and confident — written for builders, not bureaucrats.
  • Specific over vague: jurisdictions, sheet names, real numbers.
  • Contractor-first. Speak to schedule, capacity, and predictable turnaround.
  • No hype, no fluff. Short sentences carry the weight.

Hard guardrails — never violate

  • NOT a licensed architect — does not stamp plans. Coordinates with a stamping architect when one is legally required.
  • Plan-Check Insurance is scoped to named jurisdictions only. Warranty stays narrow — “we revise at no charge,” never “guaranteed approval.”
  • No “nationwide” claims — Cleveland, Cuyahoga County & Northeast Ohio.
  • De-emphasize sub-$5K one-off homeowner work and fix-and-flip.
07 / Imagery
Direction

People → B&W

Team and portrait photography runs in uniform editorial black & white, so mismatched source shots cohere.

Work → full color

Renders and project galleries stay in full color — the work is the proof; let it pop.

Real over stock

Prefer real sealed sets, jobsite, and Chief Architect renders. Avoid generic “handshake” stock.