Design System

Style Guide

Living reference for the reusable pieces used across the site. New components use the ds- prefix so they don't collide with older page styles while templates get rebuilt one at a time.

Color

Primary

Primary Dark

Ink

Gold

Gray 500

Gray 200

Success

Error

Typography

Heading XL / Sovereignty Leads Breeders' Cup Rankings

Heading LG / Race Analysis & Previews

Heading MD / Latest Racing News

Heading SM / The Wire Room

Eyebrow label

Buttons

PHP/CSS versions (.ds-btn) — used in server-rendered templates.

Read Full Story View All News Learn More Small Large Disabled

Svelte versions (same visual system, same CSS classes) —

Tags / Badges

Top Story Racing Member Exclusive Betting Archived Small

Cards

View all news

Racing

Derby Winner Sovereignty Targets Breeders' Cup

Aug 26, 2024 • Jon Stettin

Connections confirm Classic is the goal as Sovereignty continues to impress in morning training at Churchill Downs.

High Level Handicapping

Travers Stakes Recap & What's Next

Aug 26, 2024 • 24:17

Racing Analysis

In-depth race previews & expert takes

Svelte version (same markup/classes, mounted via JS) —