Frost Vault Design System
A clean, professional, and accessible design language for equipment tracking software.
Color Palette
Primary color shown first (system active)
Primary (Active)
#0f172a
secondary 1
#0369a1
Typography
Heading Hierarchy
Clear visual hierarchy for content organization
Heading 1
Font: Inter, system-ui, sans-serif, Size: 3rem (48px), Weight: Bold
Heading 2
Font: Inter, system-ui, sans-serif, Size: 1.875rem (30px), Weight: Semibold
Body text - Regular paragraph with comfortable reading size (base 16px)
Font: Inter, system-ui, sans-serif, Size: 1.125rem (18px), Weight: Regular
UI Components
Buttons
Primary and secondary button styles
Cards
Content containers with consistent styling
Key Features
- Fast check-in/check-out
- Barcode scanning support
- Detailed usage reports
Overview
Checked Out
12
Available
34
Overdue
2
Conditions
Good
Operational(45)
Needs Repair
—(3)
Design Principles
Clean
Minimalist design with plenty of white space for clarity
Professional
Business-oriented look suitable for inventory management
Accessible
High contrast ratios and clear visual hierarchy
System Icon
Frost Vault Brand Icon
Path: /favicon.ico
Design Direction: Frost Vault's visual identity prioritizes clarity, professionalism, and trust. Every design decision supports the core mission: reliable equipment tracking without complexity.