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

Primary Secondary Ghost Primary Large Primary Small Disabled

Badges

Available Coming Soon Muted

App Card

Pricing Card

Trial

Free

30 days full access

  • Full app access
  • No credit card required
  • All features unlocked
Most Popular

Monthly

$14.99 /month
  • GPS shift verification
  • Photo documentation
  • Digital client signatures
  • One-tap PDF export
  • Unlimited records
  • Email support

Annual

$119.99 /year

Save 33% — $59.89/year

  • Everything in Monthly
  • Priority support
  • Save $59.89/year

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