GOBE Design System
UI Component Library, Style Guide & Front-End Kit
Typography Scale
Playfair Display (Serif)
Heading 1 - Playfair Display 2.5rem
Heading 2 - Playfair Display 2.0rem
Heading 3 - Playfair Display 1.5rem
Heading 4 - Playfair Display 1.2rem
DM Sans (Sans-serif)
Body Lead - DM Sans Medium 1.1rem
Body Paragraph - DM Sans Regular 0.95rem. This is the main body font size. GOBE is built with a strong focus on sustainability and minimalist elegance.
Uppercase Label - DM Sans Bold 0.75rem (15% letter spacing)
Color Palette
Base Background
#f9f8f4
Card Background
#ffffff
Slate Main
#1c2d27
Accent Sage
#7a8c79
Forest Dark
#2c3b2b
Beige Light
#e8e5dc
Buttons
Form Controls
Password must contain at least 8 characters.
Interactions & Toasts
Click below to test the animated micro-notification toast banner:
Loyalty Tier SVGs & Components
Air
Water
Fire
Earth