Minimal · Professional · Data Dense
Nexus. Analytics
A precise B2B analytics system focused on clarity, trust and information density with a purposeful warm-orange signal.
01
Preview
Live HTML · responsive · interactive
02
Design Principles
The decisions that make the style coherent.
- 01
Put data and the user’s work before decoration.
- 02
Create hierarchy through spacing and tonal layering.
- 03
Use orange exclusively for primary actions and critical data.
- 04
Keep shapes compact, consistent and software-native.
03
Colors
Primary#1A2A3A
Secondary#4A5B6E
Accent#E07B39
Neutral#F4F6F8
Background#FFFFFF
04
Typography
HeadingInter
600 · precise hierarchy
BodyInter
400 / 16px · 1.6 line-height
LabelInter
500 / 14px · compact metadata
05
Components
- Product navbar↗
- Analytics hero↗
- Metric cards↗
- Query builder↗
- Pricing cards↗
- Enterprise CTA↗
06
Patterns
- Tonal layering◆
- Dense data cards◆
- Purposeful accent◆
- Eight-pixel grid◆
- Subtle one-pixel borders◆
READY TO USE
Download design.mdGive your agent a point of view.
Download the complete specification and add it to your project context.