Brand
Changelogv1.4
Home/Brand Profiles · Tenant 01

Snyder Technologies

The core BrandOS identity for Snyder Technologies, shared product systems, and keiretsu platform surfaces.

STABLE
Updated Jan 26 2026
BrandOS v1.4

Snyder Technologies

2 ramps · 38 tokenised swatches · 6 semantic slots, wired into the shared BrandOS primitives.

snyder.tech
BRANDsnyder
TOKEN@brandos/tokens/css/snyder
HEADINGRed Hat Display
BODYInter

01 · Snyder Baby Blue

19 shades of Snyder Baby Blue

Primary identity, links, focus states, and clear platform affordances.

02 · Snyder Gray

19 shades of Snyder Gray

Neutral surfaces, body text, borders, and quiet application chrome.

03 · Semantic slots

Meaning over hue

Components consume semantic slots, never raw ramps. The hue can evolve; the meaning shouldn't.

Brand PrimaryAnchor identity & CTAs
Token
--semantic-brand-primary
Class
bg-primary
Brand AccentHighlights & accents
Token
--semantic-brand-accent
Class
bg-accent
Surface 1Card surfaces & chrome
Token
--semantic-surface-1
Class
bg-base-100
ContentBody & headings text
Token
--semantic-content-primary
Class
text-base-content
SuccessPositive & confirm states
Token
--semantic-status-success
Class
text-success
ErrorDestructive & error states
Token
--semantic-status-error
Class
text-error

04 · Typography

Red Hat Display on display · Inter for everything else

Heading and body families are profile tokens, not app-level font aliases.

Heading--brandOS-font-heading
Aa
Red Hat DisplayThe quick brown fox jumps over the lazy dog
ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789 & ! ? · —
  • H1 · DisplayThe system in practice48 / 56 · 800
  • H2 · Section78 brands, one system32 / 40 · 700
  • H3 · CardProfile contract20 / 28 · 600
Body--brandOS-font-body
Aa
InterThe quick brown fox jumps over the lazy dog
ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789 & ! ? · —
  • LedeA clear, generous opening that orients the reader fast.20 / 30 · 500
  • BodyStandard paragraph text. The quick brown fox jumps over the lazy dog.16 / 24 · 400
  • CaptionSmall print, footnotes, and metadata.13 / 20 · 500

05 · Primitive check

Same components, both modes

One mockup, one set of components, data-theme flips every token in unison.

Snyder ConsoleProduction · v2.4.0
Live
Tokens247+12
Sync99.8%stable
Latency42ms−8
primary action⌘K
Brand audit coverage72 / 100
Last run · 3 min ago
Snyder ConsoleProduction · v2.4.0
Live
Tokens247+12
Sync99.8%stable
Latency42ms−8
primary action⌘K
Brand audit coverage72 / 100
Last run · 3 min ago

06 · Imagery rules

How Snyder looks at the world

  1. 01

    Use real product states, operator workflows, and implementation artifacts before decorative technology visuals.

  2. 02

    Keep compositions clean, quiet, and precise, with enough whitespace for dense enterprise information to scan.

  3. 03

    Let the baby-blue identity act as a signal color rather than a full-surface wash.

07 · Example uses

Where Snyder shows up

Surfaces where this brand carries weight in production.

01Keiretsu platform portal
02BrandOS documentation surface
03Shared operator workspace

08 · CDN target

Drop in anywhere

Three lines and an attribute, the whole Snyder Technologies brand renders from CDN.

index.html
<link rel="stylesheet" href="https://brand.snyder.tech/cdn/latest/themes/global-tokens.css" />
<link rel="stylesheet" href="https://brand.snyder.tech/cdn/latest/themes/snyder-brand.css" />
<script type="module" src="https://brand.snyder.tech/cdn/latest/index.js"></script>
<html data-brand="snyder" data-theme="light">