Enjab UI
The Enjab brand, built on shadcn/ui and tuned for employee-facing dashboards and internal tools. Light mode only, English LTR, teal-led, Satoshi and Fragment Mono. Pull it into any project and stay consistent.
Components
Every building block, themed and ready.
Dashboard demo
The system applied to a real employee tool.
Landing demo
Where motion lives, Framer Motion only.
Brand
Teal
Primary
#057C8B
Navy
Depth
#1B3766
Teal tint
Active
#E6F3F4
Canvas
App bg
#F6F8F9
Surface
Cards
#FFFFFF
Status & data
Success
#42AF48
Warning
#E0A100
Danger
#D64545
Info
#0099FF
Data 5
#89AAD9
Inter Display · Headings
Your health is our priority
Every page title and heading.
Satoshi · Body
Expert, compassionate family care.
Labels, paragraphs, and UI text.
Fragment Mono · Data
EJ-04821 · 09:30 · 200,400
Numbers, IDs, timestamps.
For agents & developers
The docs live at developers.enjab.ae
Setup, the full component reference, the rules, and the changelog are in the central Enjab developer docs, written for humans and coding agents. This site stays the live showcase and the component registry. Point an agent at developers.enjab.ae/llms.txt and it can theme any project to match Enjab.
light mode onlyInter Display headingsSatoshi bodyfont-data numbersmotion landing-only