QuakeSense
Know what that shake was.
Style Guide
lnkz design system — colors, typography, and components.
Color Palette
Trust Blue#2C6BAC--color-primary
Trust Blue Dark#1f4f80--color-primary-dk
Calm Teal#3A9E8F--color-teal
Calm Teal Dark#2b7a6e--color-teal-dk
Warm Amber#E8A43A--color-amber
Charcoal#2D3142--color-dark
Soft White#F7F9FC--color-bg
White#ffffff--color-white
Muted Text#6b7280--color-text-muted
Typography
h1 / 3rem
Heading One
h2 / 2.25rem
Heading Two
h3 / 1.5rem
Heading Three
h4 / 1.25rem
Heading Four
body / 1rem
Body text — the quick brown fox jumps over the lazy dog.
small / 0.875rem
Small text — supporting information and captions.
Buttons
Badges
Available
Coming Soon
Muted
App Card
Pricing Card
Monthly
$4.99
/month
- Australian earthquake feed
- Plain-English impact summaries
- Location-aware alerts
- Map view for nearby activity
Most Popular
Annual
$14.99
/year
Save 75% — $44.89/year
- Everything in Monthly
- Best value
Spacing Scale
--space-1 · 0.25rem · 4px
--space-2 · 0.5rem · 8px
--space-3 · 0.75rem · 12px
--space-4 · 1rem · 16px
--space-6 · 1.5rem · 24px
--space-8 · 2rem · 32px
--space-12 · 3rem · 48px
--space-16 · 4rem · 64px