Brand
Changelogv1.4
Home/Brand Profiles · Tenant 11

Phoenixville

The regional chamber of commerce connecting local businesses and advancing economic growth in the Phoenixville area.

STABLE
Updated Jan 26 2026
BrandOS v1.4

Phoenixville

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

phoenixvillechamber.org
BRANDphoenixville
TOKEN@brandos/tokens/css/phoenixville
HEADINGRoboto Slab
BODYCabin

01 · Phoenixville Purple

19 shades of Phoenixville Purple

Primary identity, navigation, and authoritative brand moments.

02 · Phoenixville Gray

19 shades of Phoenixville Gray

Neutral surfaces, body text, dividers, and muted states.

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
WarningCaution & warning states
Token
--semantic-status-warning
Class
text-warning
ErrorDestructive & error states
Token
--semantic-status-error
Class
text-error

04 · Typography

Roboto Slab on display · Cabin for everything else

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

Heading--brandOS-font-heading
Aa
Roboto SlabThe 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
CabinThe 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.

Phoenixville ConsoleProduction · v2.4.0
Live
Tokens247+12
Sync99.8%stable
Latency42ms−8
primary action⌘K
Brand audit coverage72 / 100
Last run · 3 min ago
Phoenixville 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 Phoenixville looks at the world

  1. 01

    Use candid photography of local business owners, chamber events, and Phoenixville community moments.

  2. 02

    Pair the deep purple brand color with warm neutral surfaces and slab serif typography to convey civic authority.

  3. 03

    Show real businesses, community gatherings, and regional pride, avoid abstract corporate stock imagery.

07 · Example uses

Where Phoenixville shows up

Surfaces where this brand carries weight in production.

01Chamber member directory
02Business resource portal
03Community events calendar

08 · CDN target

Drop in anywhere

Three lines and an attribute, the whole Phoenixville 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/phoenixville-brand.css" />
<script type="module" src="https://brand.snyder.tech/cdn/latest/index.js"></script>
<html data-brand="phoenixville" data-theme="light">