Design System

All components and tokens from DESIGN_SYSTEM_SOFTENED.md

Logo

Drive-in Amplifier™ logoDrive-in Amplifier™ logoDrive-in Amplifier™ logo

Buttons

Color Swatches

Foundation (Neutral Shell)

--color-base

--color-text

--color-border

--color-accent-muted

Variant Primaries

Pink

BRG

Lotus

Honeybee

Cards

Card Example

Standard card with border and subtle shadow.

Variant Cards

Variant Hero

Custom Build · Drive-in Amplifier™

The BRG Amplifier

Classic British Racing Green. Vintage motorsport inspired.

BRG Amplifier

Specification Rows

Power
15W
Weight
8 lbs
Finish
Powder-Coated Cast
Custom Options
4 + Upgrades

Typography

Display XL

Handmade Amplifiers

Display

Drive-In Heritage

Heading 2

Softened Design System

Body

This is standard body text. It uses Inter font family with comfortable line height and readable measure.

Small

Secondary text and captions go here.

Spacing & Radii

8px rhythm for all layouts. Soft radii: 6px, 12px, 20px

Shadows

--shadow-whisper
--shadow-pop