CivilQuants
Brand · v3

Looks like engineering output. Not B2B SaaS.

Drafting-grid backgrounds. Drawing-tick rules. IBM Plex Sans / Mono / Serif. Canonical orange register colour. No gradient blobs, no stock hard-hat photos, no abstract tech imagery. The visual language signals: this is software that knows what a culvert is.

§ 01 · Marks

Monogram + Wordmark · theme-aware via currentColor
Monogram · with dims + grid
Monogram · grid only
Monogram · clean
CivilQuants.comCivilQuants
Wordmark · 56/700 with .com · 32/600 plain

§ 02 · Palette

Single accent · charcoal anchors · paper light theme
  • Orange-500#F08A1E
    Canonical accent

    CTA fill, eyebrows, dim ticks, monogram bracket

  • Charcoal-900#0A0A0A
    Default page background

    Body surface in theme-black

  • Charcoal-825#1A1A1A
    CAD canvas

    Drawing surface — dim lines + orange register cleanly

  • Ink-900#000000
    Type extreme

    Hero headlines, primary text on paper

  • Paper-50#FAF7F2
    Light surface

    Default page background in theme-paper

§ 03 · Typography

IBM Plex tri-family · Sans + Mono + Serif
  • 400 / 500 / 600 / 700

    IBM Plex Sans

    UI · body · headings

    Tabular numerics on every numeric column. Letter-spacing -0.024em on hero headlines.

  • 400 / 500 / 600

    IBM Plex Mono

    Eyebrows · numerics · code

    Mono caps for section labels with leading-rule treatment. Letter-spacing 0.06–0.16em depending on size.

  • 600

    IBM Plex Serif

    Editorial emphasis only

    Italic emphasis word in marketing-page headlines (the 'one accent word' pattern). Not for body copy.

§ 04 · Watermark — free-tier deliverables

Diagonal text
FREE — NOT FOR CONSTRUCTION
Angle
30°
Pitch
180px between repeats
Colour
8% black on paper-50 · rgba(10,10,10,0.08)
Font
IBM Plex Mono 600 · 14pt · 0.18em letter-spacing
Cover banner
Every page top edge · 32px tall · charcoal #0A0A0A fill · paper-50 text “FREE TIER OUTPUT — NOT VALID FOR CONSTRUCTION OR PROCUREMENT — civilquants.com/upgrade”
Soft-barrier model

The watermark is advertising, not DRM. Determined users defeat it; we don't pretend otherwise. The friction is sufficient for casual stripping; converters self-select into the paid tier.

Use the brand

Press · partner · embed.

Press kit assets land at /brand once Phase 3.4 deploys. Until then, reach out directly and we'll send you the SVG / PNG bundle and the latest brand guidelines.

Request press kit →Engine architecture →