Internal Documentation
Brand Manual
Visual language and design rules for the GRIXAR platform.
Color Palette
Max 2 main colors per screen. Color communicates state — not decoration.
Core
Primary
Sidebar, identity
Structure
Headings, labels
Background
Content areas
Action
Buttons, links
States
Success
Confirmed, approved
Warning
Pending, review needed
Error
Rejected, critical
Typography
Font: Inter — no decorative fonts. Readability is non-negotiable.
20px / Semibold
Operation Summary
14px / Medium
Client information
13px / Regular
The validation process requires reviewing all submitted documents before approval.
12px / Medium
NATIONAL ID
Layout Structure
Every screen follows this exact structure.
Sidebar
Navigation · Identity · 240px fixed
Header
Page title · User · Alerts · 64px
Content
Cards · Tables · Forms · Fluid
UI Principles
Simplicity over complexity
Remove everything that doesn't serve a clear purpose.
Clarity over aesthetics
If the user has to think, the design failed.
Function over decoration
Color communicates state, not style.
One action per screen
Guide the user — never overwhelm with choices.
Status States
Use these consistently across tables, lists, and cards.