Slatewell
EV
Interface Standards Handbook
Edited 6m ago
EV
RN
Mist drifting through a pine ridge — photo by eberhard grossgasteiger on Pexels

Interface Standards Handbook

EVBy Elena Vasquez IN REVIEW 4 min read

Scope

This handbook keeps type, color, and component behaviour consistent across every Slatewell surface — web app, desktop client, and the pages our customers embed.

  1. Typography
    • Primary typeface: Gable Sans
    • Headings: Semibold, sentence case
    • Body text: Regular, 16px
    • Line height: 1.55 for body content
  2. Color palette
    • Kelp Green (#0D7A6A) — primary actions, links
    • Mist (#F3F6F7) — panel and sidebar surfaces
    • Graphite (#151A1E) — body text, icons
    • Ember (#C7623F) — review and warning states
  3. Spacing
    • Base unit: 4px, with 8px as the default gap
    • Section rhythm: 24px inside cards, 48px between blocks