# Design System

Brand
Zeem Development

Style Direction
Professional
Modern
Minimal
Data Focused

Layout

Desktop
Sidebar Navigation
Top Header
Content Area

Tablet
Collapsible Sidebar
Responsive Grid

Mobile
Hamburger Navigation
Single Column Layout

Colors

Primary
#1E40AF

Secondary
#0F172A

Success
#16A34A

Warning
#F59E0B

Danger
#DC2626

Background
#F8FAFC

Surface
#FFFFFF

Border
#E2E8F0

Typography

Headings
Inter Bold

Body
Inter Regular

Widget Titles
Inter SemiBold

Buttons

Primary Button
Filled

Secondary Button
Outlined

Cards

Rounded Corners
Small Shadow
Consistent Padding

Charts

Consistent Color Palette
Visible Legends
Responsive Sizing

States

Loading
Empty
Success
Warning
Error

Responsive Requirements

Desktop First
Tablet Optimized
Mobile Friendly

Client View

Read Only
Responsive
Fast Loading

Internal View

Full Controls
Drag And Drop
Configuration Panels
``