User Guide
A walkthrough of the visual changes and features available to users.
Color System
We utilize a strict palette to guide user attention:
- Primary Orange (
#ffa00a): Used for primary buttons, active tabs, and focus rings. Indicates "Action". - Slate Blue (
#36414c): Used for navigation headers and sidebars. Indicates "Structure".
Interface Improvements
- Squared Inputs: Form fields have sharp 90-degree corners for a precise, technical look.
- Focus Glow: Clicking a field highlights it with a bright orange border, preventing "lost cursor" syndrome.
- Slim Scrollbars: Custom 6px scrollbars that hide when not in use, maximizing screen real estate.
Gallery
Dashboard View
List View
