Ryan O'Connor Brand Book

Color

Role tokens rendered against the emitted surface color.

accent

#28526F

8.31:1 on surface · AAA

oklch(0.421868 0.06749 241.02427)

error

#B91C1C

6.47:1 on surface · AA

oklch(0.50542 0.190493 27.518103)

info

#0EA5E9

2.77:1 on surface · badge/fill only

oklch(0.684687 0.147869 237.322518)

primary_action

#007353

5.87:1 on surface · AA

oklch(0.492443 0.102677 165.632164)

success

#047857

5.48:1 on surface · AA

oklch(0.508127 0.104939 165.612081)

surface

#FFFFFF

1.00:1 on surface · surface base

oklch(1 0 0)

text_body

#374151

10.31:1 on surface · AAA

oklch(0.372927 0.03062 259.732849)

text_on_surface

#111827

17.74:1 on surface · AAA

oklch(0.210084 0.031763 264.664526)

warning

#FBBF24

1.67:1 on surface · badge/fill only

oklch(0.836861 0.164422 84.428628)

Button text on primary_action: best of surface/text_on_surface is 5.87:1 AA

Type

Resolved type scale rendered with emitted font roles and fallback stacks.

display 3rem / 1.12

Ryan O'Connor

heading 2rem / 1.25

Howard County Council · District 5

subheading 1.25rem / 1.3

Howard County Council · District 5

body 1rem / 1.5

Ryan O'Connor · Howard County Council · District 5 · Friends of Ryan O'Connor · Lori O'Connor, Treasurer

caption 0.875rem / 1.4

Friends of Ryan O'Connor · Lori O'Connor, Treasurer

Components

Buttons, radius, and spacing assembled from emitted token variables.

Buttons

Radius

sm · 3px

md · 8px

lg · 16px

Spacing

space-0 · 0px

space-1 · 8px

space-2 · 16px

space-3 · 24px

space-4 · 32px

space-5 · 40px

space-6 · 48px

space-8 · 64px

space-10 · 80px

Canvases

Social output frames from the deterministic canvas emitter.

social_1x11080 × 1080 px · safe 64 · bottom-left

social_4x51080 × 1350 px · safe 64 · bottom-left

social_9x161080 × 1920 px · safe 96 · bottom-center

Logo

Primary vector variant from the overlay.