Design System
Foundations, type, spacing, and components used across Design By Drops.
Color Tokens
Primary Text — rgb(255, 255, 255)
Secondary Text — rgb(184, 184, 184)
Surface Fill — rgb(0, 0, 0)
Border — rgb(54, 54, 54)
Page Background — rgb(5, 5, 5)
Typography
Aa Design
H1 Large — Inter Display 700, 4.8rem / -4% / 110%
Aa Design
H2 Medium — Inter Display 800, 3.2rem / -4% / 110%
Aa Design
H3 — Inter Display 700, 2rem / -1% / 130%
Aa Design by Drops
B Big — Inter 900, 1.5rem / -4% / 130%
Aa Design by Drops
B Small — Inter 400, 0.8rem / -2% / 150%
Spacing Scale
16px
24px
32px
64px
128px
Components
Primary Button
Primary Link
Nav Link
Available for work
Label
Unlimited Revisions
Benefit
Monthly
Yearly
Toggle