Visual Identity
Design System
Core palette, hierarchy, layout rules, and component patterns for ERP-style interfaces.
Color Palette
Black
#060606 · kira.black · Primary UI text and actionsDark Gray
#4F4F50 · kira.darkgray · Headers, icons, secondary emphasisWarm Gray
#C7B7B6 · kira.warmgray · Secondary UI and interaction surfacesMid Gray
#7A7C88 · kira.midgray · Microcopy and muted labelsOff-White
#FBFBFB · kira.offwhite · Background and cardsAccent Brown
#90715B · kira.brown · Active states and highlightsTypography & Layout
Font: Geist, Inter, Helvetica Neue, Helvetica, Arial, sans-serif
H1: Bold, 36-48px
H2: Semi-bold, 20-28px
Body: Regular, 14-16px
Microcopy: Light, 12px
Spacing grid: 8px base
Breakpoints: Mobile <= 767px, Tablet 768px - 1023px, Desktop >= 1024px
Component Library Preview
| Module | Status | Owner |
|---|---|---|
| Inventory | In Progress | Ops Team |
| PO Parsing | Review | Catalog Team |
| Exports | Ready | Marketplace Team |
| Invoices | Blocked | Finance |
| Analytics | Ready | Leadership |
Showing 1-5 of 125