gibeon.io INTERN · REFERENTIE
Brand kit
De visuele taal van www.gibeon.io op één pagina: tokens, typografie en componenten. Voor designers en agents om de stijl op te zoeken. Tokens in src/styles/tokens.css, helpers in src/styles/ui.css.
Logo & merkteken
gibeon.io
gibeon.ioHet vlam-komeet-merkteken op een donkerblauwe lucht. Plat op licht, met witte rand op donker; vol-vierkant voor avatars. Bron-assets (SVG + PNG) in docs/brandkit/.
Kleuren · tokens uit tokens.css
Surfaces
--bg #F5F6F7 --surface #FFFFFF --surface-2 #FAFBFC Ink
--ink #0B1220 --ink-2 #2A3343 --mute #5B6473 --line #E2E5EA --line-2 #EEF0F3 Accent
--accent #E26B2C --accent-soft rgba(226,107,44,.10) --dark #0B1220 Indigo
--indigo #2E37C7 --indigo-deep #1B2150 --indigo-soft rgba(46,55,199,.10) Brand gradients
--grad-hero indigo → violet --grad-band vibrant blue --grad-cta indigo CTA Status
--success #157A56 --warning #9A6B0E --danger #B23A2E --info #2A6FDB Typografie · Hanken Grotesk + JetBrains Mono
h1 · 700 Je schermen, geregeld.
h2 · 20 / 600 Een vaste prijs per maand.
lede · 18 / 400 Eén plaats voor al je inhoud.
body · 14 / 400 Voer je schermen automatisch vanuit je bestaande systemen.
mono · 12 / 500 KOPPELINGEN · 04
Componenten
Button · op donker
Pill
Werkt offlineEU-hosting
Eyebrow
DIGITAL SIGNAGE
01 / VOORBEELD
Card-component
Bordered surface, mono label in accent, titel + tekst. Gebruikt op home + plans.
02 / VOORBEELD
Nog een card
De Card-helper staat insrc/components/Card.astro.
Radius
--r8px--r-sm4px--r-pill999px