The cryptiq identity: the key mark, the wordmark, and their lockups — for dark and light backgrounds. You are the key. Download any asset below as vector SVG, transparent PNG, or flattened JPG, or grab the whole kit at once.
PNG & SVG are transparent · JPG is flattened onto slate (dark assets) or near-white (light assets), since JPG has no transparency.
03 · The mark
The key, on its own
The key is the icon — you are the key. Give it clear space of at least the width of the key head on every side, and never render it below 24 px / 8 mm tall. Never stretch, rotate, or redraw it.
04 · Colour
Palette
One accent only — teal #2ec4b6. Everything else is slate, near-white and greys. Red is reserved for genuine errors.
Teal#2ec4b6the one accent
Slate#161a1fprimary background
Floor#0f1318deeper panel
Void#0a0c0fdeepest floor
Near-white#eef1f5text on dark
Muted#8a97a6secondary text
Dim#4e6070tertiary / lines
Alert#e05555errors only
05 · Type
Typography
Display / headings — weight 300–500
cryptiq
DM Sans · lowercase wordmark, light headings
System / tags — uppercase, wide tracking
LIVENESS · ZERO-PII · CTAP
Courier New · monospace
06 · Usage
Do & don't
Do
Keep the wordmark lowercase — always “cryptiq”.
Use teal #2ec4b6 as the single accent.
Give the mark full clear space.
Prefer the dark environment; refined glow, not neon.