The comprehensive styling guide for building consistent Mordor-approved interfaces
Color Palette
Dark Void#0d1421
Shadow Realm#1e293b
Eye Blue#3b82f6
Orc Green#10b981
Ring Gold#f59e0b
Typography
HEADING 1
Omniscient Surveillance
HEADING 2
Dark Intelligence Reports
HEADING 3
Nazgûl Team Members
BODY TEXT
Our platform provides unparalleled insight into all enterprise activities. With real-time monitoring and predictive analytics, we help you maintain absolute control over your domain. The Eye sees all.
CAPTION TEXT
Data last collected at the Cracks of Doom on 10/25/2023
UI Components
Buttons
Cards
All-Seeing Module
Track movements across all nine realms with our patented dark vision technology.
Iconography
eye
search
shield
cpu
globe
users
Motion Principles
Interaction Guidelines
Hover effects should be subtle but noticeable (scale 105%, slight elevation)
Transitions should last 300ms with ease-in-out timing
Modal appearances should have a slight fade and upward movement
Important alerts should pulse gently to attract the Eye's attention