POKE IT BRAND SYSTEM.

Eén bron voor logo, kleur, typografie en grafische taal. Alles wat hier staat is bindend voor website, applicaties en communicatie.

VERSIE 1.0JULI 2026ACCENT: VOLTNEUTRAAL: SLATE

[ 01, LOGO ]

Het beeldmerk.

MARK / OP DONKER

MARK / OP LICHT

MARK / OP SIGNAAL

Poke IT

LOCK-UP / MARK + WOORDMERK

VORM

Een hoekige "P" met afgesneden hoeken, nooit afronden, roteren, schuintrekken of van schaduw voorzien.

KLEUR

Mark in tekstkleur op achtergrond, of in Signal Ink op een signaalvlak. "IT" in het woordmerk altijd in de signaalkleur.

MINIMUM & RUIMTE

Minimaal 16px hoog digitaal. Vrije ruimte rondom: de hoogte van het balkje van de "P" aan alle zijden.

DOWNLOADS

Mark, donker (SVG)Mark, licht (SVG)Mark, signaal (SVG)Lock-up (SVG)

[ 02, KLEUR ]

Eén signaal, kalme neutralen.

De interface is vrijwel monochroom. Eén signaalkleur doet al het werk: acties, focus, status. Gebruik haar spaarzaam, nooit als vlakvulling voor content.

SIGNAAL, VOLT

Signal

#D7FF3F

--color-signal

Primaire knoppen, accenten, statuspunten.

Signal Bright

#E2FF6B

--color-signal-bright

Hover-toestand van primaire knoppen.

Signal Ink

#141A03

--color-signal-ink

Tekst en iconen óp een signaalvlak.

Signal Soft

#C6D98F

--color-signal-soft

Mono-labels in badges (dark mode).

Signal Softer

#F2FBDA

--color-signal-softer

Selectietekst, zeer lichte tint.

Signal Text

#4D7C0F

--color-signal-text

Signaal als tekstkleur in light mode.

NEUTRALEN, DARK (SLATE)

--color-bg#080A0FPaginakleur

--color-bg-sunken#0A0D12Verdiepte vlakken

--color-panel#0C1016Panelen, media

--color-card#0E1117Kaarten (op 50%)

--color-line#94A3B8Randen, rasters (10-22%)

--color-ink#E6EAF0Koppen, primaire tekst

--color-ink-2#9BA6B4Lopende tekst

--color-ink-3#8A95A3Secundaire tekst

--color-ink-5#5B6675Meta, mono-bijschriften

--color-placeholder#4A5564Input-placeholders

NEUTRALEN, LIGHT (SLATE)

--color-bg#F4F6F9Paginakleur

--color-bg-sunken#EAEEF3Verdiepte vlakken

--color-panel#FFFFFFPanelen, kaarten

--color-line#64748BRanden, rasters

--color-ink#0F172AKoppen, primaire tekst

--color-ink-2#475569Lopende tekst

--color-ink-3#64748BSecundaire tekst

--color-ink-5#94A3B8Meta, mono-bijschriften

--color-placeholder#94A3B8Input-placeholders

[ 03, TYPOGRAFIE ]

Twee lettertypen, strikte rollen.

Archivo

KOPPEN · UI · BODY

Aa Bb Cc 0123

400Regular, lopende tekst

500Medium, navigatie, subtiele nadruk

600Semibold, kaarttitels, knoppen

700Bold, koppen, woordmerk

800Extrabold, spaarzaam, display

JetBrains Mono

LABELS · DATA · CODE

Aa Bb Cc 0123

400Regular, labels, data

500Medium, nadruk in labels

600Semibold, cijfers, code

Mono-labels staan altijd in kapitalen met ruime letterafstand (0.12-0.18em) en vaak tussen vierkante haken: [ ZOALS DIT ]

DISPLAY / H1

Archivo 700 · clamp(42-82px) · -0.03em · 1.02

WE BUILD THE SOFTWARE.

Archivo 650 · clamp(28-42px) · -0.025em

Een helder, voorspelbaar proces.

H3 / KAARTTITEL

Archivo 600 · 17-24px · -0.01em

Maatwerksoftware

BODY

Archivo 400 · 13.5-20px · 1.6

Veilig, onderhoudbaar en gebouwd voor de lange termijn.

MONO LABEL

JetBrains Mono 400 · 11-13px · +0.12-0.18em · caps

[ SOFTWARE ENGINEERING STUDIO ]

[ 04, GRAFISCHE TAAL ]

Scherp, technisch, rustig.

Geen afronding

border-radius is overal 0. Knoppen, kaarten, inputs, chips, alles scherp.

Haarlijnen

1px randen op 10-22% dekking van de neutraal. Signaalrand alleen bij hover of focus.

[ SECTIE ]

Bracket-labels

Elke sectie opent met een mono-label tussen vierkante haken in de signaalkleur.

Grid & gloed

Subtiel technisch raster als textuur; kleine gloeiende signaalpunten als statusindicator.