---
title: Stijlen uit de 1001site-catalogus
description: Hoe kies je een stijl uit 1000 voorbeelden van topwebsites, pas je deze toe op je eigen site, wijzig je deze of verwijder je deze? Stijlbestanden voor AI.
section: design
keywords: Websitestijl, stijlcatalogus, ontwerp, thema, kleuren, lettertypen, DESIGN.md
updated: 2026-09-16
howto: yes
---

Een stijl is een vooraf ontworpen websitesjabloon gebaseerd op een bekend platform: kleuren, lettertypen, knop- en kaartvormen en animaties. De 1001site-catalogus bevat 1000 stijlen. Selecteer een sjabloon, klik op 'Toepassen' en uw website wordt in die stijl ontworpen.

> [!tip] Voor wie is dit geschikt?
> Voor iedereen die een mooie website wil zonder een ontwerper in te schakelen. Je kunt de stijl zo vaak veranderen als je wilt.

![Een stijl kiezen voor uw kantoor](/wiki/img/style-picker.webp "Het venster “Selecteer een stijl uit de catalogus”: zoeken, videokaarten, knop “Toepassen”")

## Waar kies je een stijl?

- In je account: Instellingen → Startpagina en menu → "Site-stijl" → "Stijl selecteren" (of "Een andere selecteren"). Of volg stap 2 [van de handleiding](/wiki/nl/guide).
- Op de directorywebsite [1001site.com](https://1001site.com/): open de stijl en klik onderaan de kaart op 'Toepassen op je bord'. Als je al bent ingelogd, wordt de stijl direct toegepast.
- Selecteer in de catalogus bij registratie "Bestellen" → "All-inclusive". De gekozen stijl wordt onthouden en na betaling toegepast.

## Stappen

### Stap 1. Open de catalogus

Klik in het gedeelte 'Website-stijl' op 'Stijl selecteren'. Er wordt een venster met kaarten geopend. Beweeg de muis over een kaart om een video van de voorbeeldwebsite te bekijken.

### Stap 2. Vind een stijl

De zoekfunctie doorzoekt op merknaam, kleur, lettertype en categorie. Bijvoorbeeld: "Apple", "minimalistisch", "donker", "winkel".

### Stap 3. Klik op Toepassen

Binnen enkele seconden wordt de stijl toegepast: kleuren, lettertypen, afronding, schaduwen en animaties. De naam en een voorbeeld van de geselecteerde stijl verschijnen in het blok 'Websitestijl'. Open de website door op de link 'Bekijk het resultaat' te klikken.

## Wat verandert de stijl?

| Wat | Hoe |
|---|---|
| Kleuren | Achtergrond, kaarten, tekst, accent. Standaard licht of donker thema, zoals in het voorbeeld. |
| Lettertypen | Er wordt een lettertype dat lijkt op het voorbeeldlettertype geselecteerd uit Google Fonts. |
| Formulier | Afronding van knoppen en kaarten, platte kaarten of met schaduw, dichtheid |
| Animaties | Een van de vier sets: rustig, zacht, gloed, dynamisch |
| Thuis | Als de optie "Homepage ontwerpen" is ingeschakeld, wordt er bovenaan een hero-blok met de sitenaam en stijlslogan toegevoegd. |

De stijl heeft geen invloed op je tekst, producten, categorieën, pagina's of je CSS. Je CSS-wijzigingen worden naast het stijlblok opgeslagen.

## Stijl- en AI-assistent

Nadat een stijl is geselecteerd, stelt de AI-assistent de homepage en pagina's samen op basis van de ontwerprichtlijnen van die stijl: compositie, afbeeldingen, typografie en teksttoon. Dit is hetzelfde principe als voor ontwerpers: stijl → ontwerpsysteem → pagina's.

## Stijl wijzigen of verwijderen

- **Wijzigen**: "Anders kiezen" → selecteer nieuw → "Toepassen". Het vorige stijlblok wordt vervangen, niet toegevoegd.
- **Verwijderen**: het prullenbakpictogram in de stijlpreview. Hiermee worden de CSS en de naam van de stijl verwijderd. Kleuren en lettertypen blijven behouden; u kunt deze aanpassen in Branding of de assistent vragen om het ontwerp te resetten.

## Stijlbestanden

Elke stijl in de catalogus heeft bestanden die door AI-tools worden begrepen:

- **DESIGN.md** (compleet en compact) — stijlomschrijving: kleuren met hun rol, lettertypen, groottes, inspringingen, do/don't do-regels.
- **Tailwind v4** is een thema voor Tailwind.
- **CSS-variabelen** - CSS-variabelen.
- **Ontwerptokens** — JSON met tokens.

Bestanden kunnen worden gekopieerd of gedownload van de cataloguspagina van de stijl. Ze zijn gemakkelijk te delen met Claude, ChatGPT, Cursor of onze assistent: "Maak het in deze stijl." Zie [de Stijlcatalogus](/wiki/nl/reference-catalog).

## Tarieven

Het toepassen van een stijl op uw website is beschikbaar met betaalde abonnementen. Zonder abonnement wordt de stijl opgeslagen en automatisch toegepast na betaling.

## Vragen en antwoorden

### De stijl is toegepast, maar de website ziet er niet uit zoals in het voorbeeld. Hoe kan dat?

De stijl wordt overgenomen in kleuren, lettertypen, vormen en animaties. De paginastructuur en foto's zijn van jou. Om de homepage eruit te laten zien zoals in het voorbeeld, vraag je de AI-assistent: "Ontwerp de homepage in de stijl van de site: hero, voordelen, galerij, contact."

### Kan ik een stijl op meerdere websites toepassen?

Ja, de stijl wordt toegepast op de huidige site. Schakel over naar een andere site in je dashboard en pas de stijl opnieuw toe.

### Ik heb de kleur handmatig aangepast en daarna de stijl toegepast. Wat is het beste resultaat?

Stijl. De kleuren uit de stijl hebben voorrang op de handmatig ingestelde kleuren. De aangepaste CSS uit het gedeelte "Code en widgets" blijft behouden.

### Waar haal je die voorbeelden vandaan?

Uit een open catalogus met populaire website-stijlen. Video's en posters worden op onze server opgeslagen.