Onderdelen
Acht pagina's, één taal.
Elke pagina toont de echte componenten met een uitklapbaar HTML-voorbeeld om te kopiëren.
COMPONENT
Knoppen
Primair met shimmer, goud, ghost, maten en states.
COMPONENT
Koppen
Header, mobiel menu, heroes en de koppenschaal.
COMPONENT
Kaarten
Odoo-kaart, chip-card, prijskaart en blockquote.
COMPONENT
Formulieren
Velden, selects, checks en validatie.
COMPONENT
Badges & alerts
Badges, chips, gouden pil, meldingen.
COMPONENT
Tabellen
Standaard, gestreept, responsive en spec-tabel.
COMPONENT
Footers
Live footer, compact en mobiel.
COMPONENT
Secties
Stat-trio, stappen, FAQ en CTA-band.
Fundament
Tokens uit de canon.
Geen eigen kleuren: elke waarde komt uit tokens.scss van de live module (regelnummers in het bronveld).
--a5-bg-0 · canvas
#05080ftokens.scss:13--a5-bg-1
#080c18:14--a5-bg-2
#0c1428:15--a5-panel
#080e1c:16--a5-panel-2
#0a1224:17--a5-panel-3
#0b1222:18--a5-brand-400 · link/accent
#4EA0FF:28--a5-brand-500 · CTA
#1F6FE0:29--a5-brand-600
#145ED2:30--a5-gold
#D4A24C:32--a5-success · live-green
#2EE59D:33--a5-warning
#F1D38C:34--a5-danger
#FF5C7A:35--a5-info
#77A7FF:36Typografie
Drie lettertypen.
Koppen · Space Grotesk 500-900
Je systemen, gekoppeld.
Lopende tekst · DM Sans 400-700
Webshop, winkel, voorraad en boekhouding in één dataflow rond Odoo of Exact Online.
Eyebrows · JetBrains Mono 400-600
Atlas Corporation · Tilburg, NL
v1.0 · 2026-10
Regels
Wat je niet doet.
- Geen eigen kleuren, radii of gradients bedenken; alles komt uit de tokens.
- Geen verzonnen reviews, klantaantallen of cijfers in voorbeeldtekst.
- Het Atlas Works-bedrijf is een handelsnaam van Atlas Corporation (KvK 89137868).