NoxKey Brand
Two primitives: the Mark (the key) and the Container (an optional filled tile). The silhouette never changes — only the mark's color and whether it's wrapped.
The Mark
Standalone, no container. Duotone by default — coral bow, purple shaft. Used in navigation, inline text, business cards, and monochrome print.
The Icon — sizes
Mark wrapped in the signature gradient container. Stroke weight scales up at small sizes so detail survives. 60% mark in a 20%-padded tile — consistent optical scale from 16 to 1024.
Container alternates
When the gradient is too much — muted contexts, single-color print, dark-mode surfaces. Same mark, different tile.
Wordmark
Mark + "NoxKey" typeset in Aeonik, set tight. Horizontal is the default lockup; stacked is for square contexts (avatars, social cards).
Color
Two brand hues, a warm/cool neutral pair, and one surface tone.
Signature gradient
Coral to purple, 135°. Used for icon containers, hero surfaces, and headline accents across the site.
linear-gradient(135deg, #FE795D, #9B78F4)
Usage rules
- Silhouette system is immutable. Use only the approved standard and small-size compensated variants; never redraw ad hoc.
- Standalone vs contained. Mark on transparent = logo. Mark in tile = icon.
- Gradient is the default container. Coral to purple, 135°. Match the headline accent used across the site.
- 60% mark, 20% padding. Keeps optical scale uniform from 16 to 1024.
- Use approved small-size compensation. +24 at hero, +40 at 48px, +64 at 32px and below.
- Corner radius ≈ 22% of side. iOS squircle feel at large sizes; tapers proportionally smaller.
- Never recolor the mark ad-hoc. Use duotone, ink, or white. No other tints.