Primary Brand Mark
The NEUS mark is a cloud-blue#98C0EF logomark representing portable verification and trust.
Mark Variants
| Variant | Use Case | File |
|---|---|---|
| Primary (light) | Dark backgrounds, digital | /images/neus-logo.svg |
| Solid black | Print, light backgrounds | Use CSS fill: #000 |
| Monochrome white | Print reversed | Use CSS fill: #FFF |
Technical Specifications
- Primary accent:
#98C0EF(cloud-blue) - Secondary accent:
#3D72C9(dim blue) - Dark accent:
#2F5097(deep blue)
Clear Space
Maintain minimum clear space equal to the height of the “N” stem on all sides.Don’ts
- Do not distort or stretch the mark
- Do not recolor outside brand palette
- Do not apply drop shadows or effects
- Do not rotate the mark
- Do not place on busy backgrounds that reduce legibility
Color System
Primary Palette
| Token | Hex | RGB | Usage |
|---|---|---|---|
--neus-accent | #98C0EF | 152, 192, 239 | Primary accent, links, CTAs |
--neus-accent-dim | #3D72C9 | 61, 114, 201 | Secondary accent, hover states |
--neus-accent-dark | #2F5097 | 47, 80, 151 | Deep accent, emphasis |
Surface Colors (Dark Mode)
| Token | Hex | Usage |
|---|---|---|
--neus-surface-canvas | #101113 | Page background |
--neus-surface-rail | #141619 | Navigation rails |
--neus-surface-card | #1B1D21 | Cards, panels |
--neus-surface-popover | #282B30 | Popovers, modals |
Text Colors
| Token | Opacity | Usage |
|---|---|---|
--neus-text-primary | 93% | Headings, primary content |
--neus-text-secondary | 84% | Body text, labels |
--neus-text-muted | 68% | Secondary labels, metadata |
--neus-text-dimmed | 62% | Disabled, tertiary text |
State Colors
| Token | Hex | Usage |
|---|---|---|
--neus-success | #22C55E | Success states, verified |
--neus-warning | #EAB308 | Warning states |
--neus-error | #EF4444 | Error states, destructive |
Typography
Font Stack
Type Scale
| Token | Size | Usage |
|---|---|---|
--neus-text-body | 16px | Body text |
--neus-text-label | 15px | Labels |
--neus-text-micro | 13px | Micro text, badges (minimum) |