Hood Design System™

The visual operating system for trusted intelligence.

HDS standardizes the way Hood Intelligence looks, writes, labels status, presents evidence, and ships enterprise interfaces across the website, Terminal, Passport, Research, API, and future products.

Version 1.0 · Built from the current Hood Intelligence homepage visual language · Use across all public and product surfaces.

01 · Design Tokens

The brand is black, gold, mono, evidence, and restraint. Gold is used for action and verified emphasis, not decoration.

Ink#070705 · page background

Panel#14110a · cards/widgets

Hood Gold#d4a017 · primary action

Bright Gold#e8bd3a · emphasis

Cream#d8d3c5 · body text

Muted#8a8270 · secondary text

02 · Typography

Trusted intelligence for real-world assets.
Archivo Black · headlines only · short, confident, institutional.
Every answer must carry evidence, provenance, and status. IBM Plex Mono is not a style choice; it is the product voice.
IBM Plex Mono · body, UI, data, labels, captions.

03 · Components

These are the core units for every Hood surface.

Buttons

One primary CTA per viewport. Do not stack gold buttons.

Status Pills

Live Beta Roadmap Research Blocked

A status pill is a promise. Never decorate above verified state.

Evidence Card

Use for sourced data, methodology notes, and trust claims.

No source, no claim. Blank beats fake.
Metric Widget
34,753
Verified sales · source required

04 · Product Patterns

All products use the same structural grammar so customers feel one company everywhere.

Homepage Pattern

Hero → proof → why → platform → flagship product → supporting products → trust → developers → pricing → corporate footer.

Product Page Pattern

Problem → buyer → product → workflow → evidence → pricing → demo → docs → support.

Research Page Pattern

Question → methodology → live data → findings → limitations → reproducible links.

Enterprise Page Pattern

Business pain → economic cost → solution architecture → pilot plan → proof requirements.

05 · Platform Diagram Standard

Use layers, not buzzwords. Applications sit on HIOS; HIOS sits on data; data sits on infrastructure.

ApplicationsTerminal · Passport · Portfolio · Research · API
HIOS™Evidence · Identity · Memory · Decisions · Knowledge Graph
DataMarket · Pricing · Auction · Population · Reference
InfrastructureSourced · timestamped · append-only · auditable

06 · Writing & Status Rules

RuleUseAvoid
Evidence first"Verified sales show...""Our AI believes..."
Status honestyLIVE / BETA / ROADMAPVague "coming soon" claims
Enterprise toneShort, declarative, measurableHype, slang, inflated claims
Uncertainty"Valuation pending — insufficient closes"Made-up confidence scores
Platform claims"Same engine, new adapter""Every industry solved"

07 · Implementation CSS

Copy these custom properties into every Hood site and product CSS.

:root{
  --ink:#070705; --panel:#14110a; --line:#1c1810;
  --gold:#d4a017; --gold2:#e8bd3a;
  --cream:#d8d3c5; --muted:#8a8270;
  --green:#34d399; --yellow:#e0a94a; --blue:#6db3ff; --red:#f87171;
  --radius:12px; --wrap:1120px;
}