signalz.nl — Brand Identity System · v1.3 (definitive)

May 2026
signalz
primary · on dark · #111
signalz
primary · on paper · #F5F3EE
signalz
on ink · #0A0A0A
signalz
on white · #FFFFFF
signalz
on green · #00E5A0 · use sparingly

signalz
XL · 48px · hero / splash
signalz
LG · 36px · page header
signalz
MD · 28px · nav bar
signalz
SM · 20px · sidebar / card header
signalz
XS · 16px · footer / email signature
signalz
LG · paper · #CC3333 + #00BF80
signalz
MD · paper · nav
signalz
MD · white bg

icon · dark
icon · paper
icon · green
icon · square
512px
192px
64px
32px
16px
alt · green
alt · white
alt · paper

Signal Red
HEX  #FF4D4D
RGB  255 · 77 · 77
HSL  0° 100% 65%
Role: bearish candle · dark bg
Signal Red Dark
HEX  #CC3333
RGB  204 · 51 · 51
HSL  0° 60% 50%
Role: bearish candle · light bg · wicks
Signal Green
HEX  #00E5A0
RGB  0 · 229 · 160
HSL  160° 100% 45%
Role: bullish candle · Z glyph · dark bg
Signal Green Dark
HEX  #00BF80
RGB  0 · 191 · 128
HSL  160° 100% 37%
Role: bullish candle · Z glyph · light bg
Ink
HEX  #0A0A0A
RGB  10 · 10 · 10
Role: primary bg · wordmark on light
Paper
HEX  #F5F3EE
RGB  245 · 243 · 238
Role: light bg · print · email

Display · Syne ExtraBold 800 · logo & headlines
signalz   z   ABCDE 01234
Body · DM Sans 400 · UI text, descriptions, copy
Early positioning. Precision execution. Risk management.
signalz surfaces what's about to move — before it does.
Mono · IBM Plex Mono 500 · data, labels, badges, code
FC +2.4%    RVOL 3.2×    MOM ↑    APR 18.4%
conviction: 28/30    last signal: 4h ago    rank #7

signalz
✓ Dark or paper background · sufficient contrast
signalz
✕ Green candle invisible on green background
signalz
✓ Light variant: use #CC3333 + #00BF80
signalz
✕ Never stretch or distort the logo unit
signalz
© 2026 signalz.nl · Van Bree Beheer BV
✓ XS (16px) works clean in footers
signalz
✕ Never replace Syne with another typeface

min clearance = cap-height of wordmark on all sides
1× cap-height
signalz

signalz
Breathe fade · CSS
@keyframes breathe {
  0%, 100% { opacity: 1; }
  50%     { opacity: 0.5; }
}
animation: breathe 2.6s ease-in-out infinite;
Applied to the full logo unit on loading, hero, and empty states. Never loop faster than 2s — reads as error, not signal.