Style Guide
The Bucs Bounty design system: type, color, and components.
Type roles
Bucs Bounty
Pirata One · wordmark only
Headline in Bitter
Section head in Bitter
Card title in Bitter
Bitter Variable · --font-primary
Body copy is set in Work Sans, the workhorse for paragraphs and longer reading. It carries an inline link in Grays Blue so prose links read calm against the page.
Work Sans Variable · --font-secondary
PIT 24-24 · NL CENTRAL 4TH · STREAK L4
Fira Code · --font-mono · the agate voice for dates, scores, tags
Color
Pirates Black #231F20 ink
Ink Soft #4A4441 secondary text
Pirates Gold #FFC72C gold fills
Gold Deep #C8901A borders on light
Grays Red #CC0000 hero rule
Red Ink #B30000 CTA text
Grays Blue #002266 inline links
2000s Red #D7003F accent
Paper #F1EFE9 page background
Card #FFFFFF surfaces
Line #E3DED3 hairlines
Tags
.tag-pill .tag-link
2026 Pirates 12
.topic-count-pill · directory listings
Links & buttons
Read the full post →
.read-more · Red Ink, mono
primary button · gold on ink
Scoreboard
Pirates 24-24 / NL Central 4th / Streak L4 / Next vs STL, 7:05
masthead ribbon · losing streak runs hot
PIT2
ATH11
Final game log scoreline · winner in gold
Prose elements
The bullpen is still very much an issue, and moving Mlodzinski solves nothing when he is going to piggyback Jared Jones' starts.
blockquote · gold left rule