Back to Landing

Design System

Six Human Needs Brand Guidelines

v1.0.0

Welcome to the Design System

This living brandbook captures the design language, components, and patterns from our Six Human Needs landing page to ensure consistency across all interfaces.

Design Tokens

Colors, spacing, typography, and motion tokens extracted from the landing page

Components

Reusable UI components with consistent variants, sizes, and behaviors

Patterns

Layout patterns, motion principles, and interaction guidelines

Key Principles

Glassmorphism Aesthetic

Translucent surfaces with backdrop blur for depth and premium feel

Warm Color Gradients

Three theme variations with complementary gradient backgrounds

Thoughtful Motion

Subtle animations that respect reduced motion preferences

Accessibility First

High contrast, keyboard navigation, and screen reader support