Active Theory
activetheory.netThe reference for a pure void hero (#000000) where a single iridescent 3D logo artifact IS the interface and all chrome shrinks to hairline uppercase monospace labels floating in the corners.
Creative Studio flagship
Design tokens
background
surface
text
textMuted
accent
border
- display
- Nbarchitekt
- body
- nbarchitekt
- mono
Do / Don't
Reference it for
- Full-bleed #000000 canvas with a single centred luminous 3D object as the entire hero, no headline block competing with it
- Iridescent chrome material on the focal artifact (pink to violet to teal to warm-amber sheen) reading as the only real colour on an otherwise achromatic screen
- Warm amber and orange particle dust (roughly #d9772e to #f0a850) drifting across the lower canvas to seat the object in space
- Corner-anchored UI: a pill nav top-right ('WORK - CONTACT') joined by a thin drawn connector line, cookie consent bottom-right, nothing centred but the artifact
- Whisper-thin uppercase monospace labels (nbarchitekt, ~10 to 14px, letter-spaced) for every chrome element, drafting-panel register
- Times serif reserved only for rare body passages, playing editorial warmth against the technical mono
- Zero elevation: flat black surfaces on both canvas and modals, layers separated only by 1px hairline borders (#4d4d4d) and corner position
- Pill radius token (500px) for nav and buttons vs a soft 5 to 12px radius on panels
Do not copy
- The Active Theory 'a' logo mark and its specific iridescent pin/teardrop form
- The exact nbarchitekt geometric-mono typeface (licensed house face)
- The specific particle-field composition and drift pattern of the hero artifact
- 'WORK - CONTACT' as literal nav copy
- The iridescent chrome shader as a default look; it only works when the whole page is committed to void black
- The cookie-notice wording and Privacy Notice link phrasing