---
title: Style uit die 1001site-katalogus
description: Hoe om 'n styl uit 1 000 voorbeelde van topwebwerwe te kies, dit op jou webwerf toe te pas, te verander of te verwyder. Styllêers vir KI.
section: design
keywords: Webwerfstyl, stylkatalogus, ontwerp, tema, kleure, lettertipes, verwysing, DESIGN.md
updated: 2026-09-16
howto: yes
---

'n Styl is 'n voorafontwerpte webwerf-sjabloon gebaseer op 'n bekende platform: kleure, lettertipes, knoppie- en kaartvorms, en animasies. Die 1001site-katalogus bevat 1 000 style. Kies 'n sjabloon, klik "Toepas" en jou webwerf sal in daardie styl ontwerp word.

> [!tip] Vir wie is dit geskik?
> Vir enigiemand wat 'n pragtige webwerf sonder 'n ontwerper wil hê. Jy kan die styl soveel keer verander as wat jy wil.

![Die keuse van 'n styl vir jou kantoor](/wiki/img/style-picker.webp "Die “Kies 'n styl uit die katalogus”-venster: soek, videokaarte, “Toepas”-knoppie")

## Waar om 'n styl te kies

- In jou rekening: Instellings → Tuisblad en Kieslys → "Werfstyl" → "Kies styl" (of "Kies 'n ander"). Of volg stap 2 [van die gids](/wiki/af/guide).
- Op die gidswebwerf [1001site.com](https://1001site.com/): maak die styl oop en klik "Pas toe op jou bord" onderaan die kaart. As jy reeds aangemeld is, sal die styl onmiddellik toegepas word.
- Kies "Kry dit" → "Alles ingesluit" in die katalogus na registrasie. Die styl sal onthou en toegepas word na betaling.

## Stappe

### Stap 1. Maak die katalogus oop

In die "Werfstyl"-afdeling, klik "Kies styl". 'n Venster met kaarte sal oopmaak. Beweeg oor 'n kaart om 'n video van die voorbeeldwebwerf te sien.

### Stap 2. Vind 'n styl

Die soektog soek volgens handelsmerknaam, kleur, lettertipe en kategorie. Byvoorbeeld: "appel", "minimaal", "donker", "winkel".

### Stap 3. Klik Toepas

Oor 'n paar sekondes sal die styl toegepas word: kleure, lettertipes, afronding, skaduwees en animasies. Die naam en voorskou van die gekose styl sal in die "Werfstyl"-blok verskyn. Maak die webwerf oop deur op die skakel "Sien die resultaat" te klik.

## Wat styl verander

| Wat | Hoe |
|---|---|
| Kleure | Agtergrond, kaarte, teks, aksent. Standaard ligte of donker tema—soos in die voorbeeld. |
| Lettertipes | 'n Lettertipe soortgelyk aan die voorbeeldlettertipe is gekies uit Google Fonts |
| Vorm | Afronding van knoppies en kaarte, plat kaarte of met skaduwee, digtheid |
| Animasies | Een van vier stelle: kalm, sag, gloeiend, dinamies |
| Tuis | As die "ontwerp tuisblad"-skakelaar geaktiveer is, sal 'n heldblok met die webwerfnaam en stylslagspreuk bo-aan bygevoeg word. |

Die styl beïnvloed nie jou teks, produkte, kategorieë, bladsye of jou CSS nie. Jou CSS-wysigings word langs die stylblok gestoor.

## Styl- en KI-assistent

Nadat 'n styl gekies is, stel die KI-assistent die tuisblad en bladsye saam gebaseer op die ontwerpverwysing van daardie styl: komposisie, beelde, tipografie en tekstoon. Dit is dieselfde beginsel as vir ontwerpers: styl → ontwerpstelsel → bladsye.

## Verander of verwyder styl

- **Verandering**: "Kies Ander" → kies nuut → "Toepas." Die vorige stylblok word vervang, nie bygevoeg nie.
- **Verwyder**: die asblik-ikoon op die stylvoorskou. Dit verwyder die styl se CSS en naam. Kleure en lettertipes bly soos hulle is—jy kan hulle in Handelsmerk aanpas of die assistent vra om "die ontwerp terug te stel".

## Styllêers

Elke styl in die katalogus het lêers wat deur KI-gereedskap verstaan word:

- **DESIGN.md** (volledig en kompak) — stylbeskrywing: kleure met rolle, lettertipes, groottes, inkepings, doen/nie doen-reëls.
- **Tailwind v4** is 'n tema vir Tailwind.
- **CSS-veranderlikes** - CSS-veranderlikes.
- **Ontwerptokens** — JSON met tokens.

Lêers kan gekopieer of afgelaai word vanaf die styl se katalogusbladsy. Dit is maklik om vir Claude, ChatGPT, Cursor of ons assistent te gee: "Maak dit in hierdie styl." Sien [die Stylkatalogus](/wiki/af/reference-catalog).

## Tariewe

Die toepassing van 'n styl op jou webwerf is beskikbaar met betaalde planne. Sonder 'n plan word die styl onthou en outomaties toegepas na betaling.

## Vrae en antwoorde

### Die styl is toegepas, maar die webwerf lyk nie soos die voorbeeld nie. Hoekom?

Die styl dra kleure, lettertipes, vorms en animasies oor. Die bladsystruktuur en foto's is joune. Om die tuisblad soos die voorbeeld te laat lyk, vra die KI-assistent: "Ontwerp die tuisblad in die styl van die webwerf: held, voordele, galery, kontakte."

### Kan ek 'n styl op verskeie webwerwe toepas?

Ja, die styl word op die huidige webwerf toegepas. Wissel tussen webwerwe in jou dashboard en pas die styl weer toe.

### Ek het die kleur handmatig verander en toe die styl toegepas. Watter een wen?

Styl. Kleure van die styl sal die handmatige kleure oorskryf. Pasgemaakte CSS van die "Kode en Widgets"-afdeling bly.

### Waar kom die voorbeelde vandaan?

Uit 'n oop katalogus van gewilde webwerfstyle. Video's en plakkate word op ons bediener gestoor.