Licht of donker
Eén schakelaar zet de hele pagina om. Alle componenten kennen beide modi.
Aanpasbare starter · één bestand
Eén template, jouw merk in seconden.
Atlas is een strakke, moderne website-starter die je live aanpast. Klik rechtsonder op ✦ Thema: kies een accentkleur, schakel naar donker, draai aan de hoeken en het lettertype — en kopieer je thema als CSS.
1bestand, geen build
∞kleurthema's
A11ytoegankelijk by design
--:--Live demo
Wat je live aanpast
Alles draait op CSS-variabelen
Elk onderdeel hieronder verandert direct mee met de thema-editor — geen herladen, geen build.
Accentkleur
Kies een accent; knoppen, links, randen en highlights nemen het automatisch over.
Hoeken
Van strak hoekig tot zacht afgerond met één slider — overal consistent.
Lettertype
Wissel tussen een grotesk en een serif-pairing; de hele typografie volgt.
Kopieer als CSS
Tevreden? Kopieer je thema als kant-en-klaar :root-blok en plak het in je project.
Klaar om te bouwen
Header, secties, prijzen, FAQ en formulier zitten er al in — vul je content in en ga live.
Zo werkt het
Van download naar jouw merk
Drie stappen en je site staat in jouw kleuren online.
Stap 01
Open de editor
Klik rechtsonder op ✦ Thema en speel met kleur, modus, hoeken en lettertype tot het klopt.
Stap 02
Kopieer je thema
Eén klik zet je keuzes om in een kant-en-klaar :root-CSS-blok op je klembord.
Stap 03
Plak & ga live
Plak het blok in je bestand, vul je content in en zet de pagina online — klaar.
Vergelijk
Waarom Atlas
Een eerlijke vergelijking met de gebruikelijke alternatieven.
| Losse code | Pagebuilder | Atlas | |
|---|---|---|---|
| Live thema aanpassen | — | ✓ | ✓ |
| Eén bestand, geen build | ✓ | — | ✓ |
| Geen dependencies | ✓ | — | ✓ |
| Toegankelijk (ARIA, focus, reduced-motion) | soms | wisselend | ✓ |
| Thema als CSS exporteren | — | — | ✓ |
| Eénmalige prijs | — | abonnement | vanaf € 0 |
Het systeem
Strak, modern en consistent
Atlas is gebouwd op één set semantische design-tokens. Verander een token en alles wat erop steunt verandert mee — kleur, contrast, ruimte en vorm blijven kloppen.
Geen frameworks, geen dependencies: één HTML-bestand met CSS en JavaScript inline. Open het, pas het aan en zet het online.
- Semantische CSS-variabelen
- Licht- én donkermodus ingebouwd
- Toegankelijk: focus, ARIA, reduced-motion
- Eén bestand, nul build-stappen
0
bestand om te kopiëren
0+
kant-en-klare secties
0
accent-presets
0
dependencies
Licenties
Kies je licentie
Eénmalig betalen, voor altijd gebruiken. Geen abonnement.
Persoonlijk
Voor één eigen project of portfolio.
€ 0
gratis
- 1 project
- Volledige thema-editor
- Persoonlijk gebruik
Populair
Pro
Voor freelancers en klantwerk, onbeperkt.
€ 49
eenmalig
- Onbeperkt projecten
- Commercieel gebruik
- Alle toekomstige updates
- E-mailsupport
Team
Voor studio's en bureaus met meerdere makers.
€ 149
eenmalig
- Tot 10 zetels
- Commercieel & herverkoop in klantwerk
- Prioriteitssupport
Prijzen excl. btw. Herverkoop als kant-en-klaar product aan derden is niet toegestaan.
FAQ
Veel gevraagd
Andere vraag? Stuur ons gerust een bericht.
Klik rechtsonder op de knop ✦ Thema. Daar kies je accentkleur, licht of donker, hoekafronding en lettertype — alles verandert direct mee. Met 'Kopieer CSS-variabelen' neem je je thema mee naar je eigen project.
Nee. Atlas is één HTML-bestand met CSS en JavaScript inline. Openen, aanpassen, uploaden — klaar.
Ja. Zichtbare focus, ARIA op interactieve onderdelen, een skip-link en volledige ondersteuning voor prefers-reduced-motion zitten ingebouwd.
Met de Pro- of Team-licentie gebruik je Atlas onbeperkt in commercieel klantwerk. Alleen het kant-en-klaar doorverkopen als product aan derden mag niet.
Contact
Vragen of een licentie?
Laat een bericht achter, we reageren binnen één werkdag.