---
title: Stílar úr vörulista 1001site
description: Hvernig á að velja stíl úr 1.000 dæmum um vinsælustu vefsíður, nota hann á síðuna þína, breyta honum eða fjarlægja hann. Stílskrár fyrir gervigreind.
section: design
keywords: Vefsíðustíll, stílskrá, hönnun, þema, litir, leturgerðir, tilvísun, DESIGN.md
updated: 2026-09-16
howto: yes
---

Stíll er fyrirfram hannað vefsíðusniðmát byggt á þekktum vettvangi: litum, leturgerðum, hnappa- og kortaformum og hreyfimyndum. 1001site vörulistinn inniheldur 1.000 stíla. Veldu sniðmát, smelltu á „Nota“og vefsíðan þín verður hönnuð í þeim stíl.

> [!tip] Fyrir hverja hentar þetta?
> Fyrir alla sem vilja fallega vefsíðu án hönnuðar. Þú getur breytt útlitinu eins oft og þú vilt.

![Að velja stíl fyrir skrifstofuna þína](/wiki/img/style-picker.webp "Glugginn „Veldu stíl úr vörulista“: leit, skjákort, hnappurinn „Nota“")

## Hvar á að velja stíl

- Í reikningnum þínum: Stillingar → Heim og valmynd → "Vefstíll" → "Velja stíl" (eða "Velja annan"). Eða fylgdu skrefi 2 [í leiðbeiningunum](/wiki/is/guide).
- Á vefsíðu möppunnar [1001site.com](https://1001site.com/): opnaðu stílinn og smelltu á „Nota á spjaldið þitt“neðst á spjaldinu. Ef þú ert þegar skráð(ur) inn verður stíllinn notaður strax.
- Í vörulistanum, eftir skráningu, veldu „Fá það“→ „Allt innifalið“. Stíllinn verður munaður og notaður eftir greiðslu.

## Skref

### Skref 1. Opna vörulistann

Í hlutanum „Vefstíll“smellirðu á „Velja stíl“. Gluggi með spjöldum opnast. Færðu músarbendilinn yfir spjald til að sjá myndband af sýnishornsvefsíðunni.

### Skref 2. Finndu stíl

Leitin leitar eftir vörumerki, lit, letri og flokki. Til dæmis: „apple“, „minimal“, „dark“, „shop“.

### Skref 3. Smelltu á Nota

Eftir nokkrar sekúndur verður stíllinn notaður: litir, leturgerðir, námundun, skuggar og hreyfimyndir. Nafn og forskoðun á völdu stíl birtast í reitnum „Vefstíll“. Opnaðu síðuna með því að smella á tengilinn „Sjá niðurstöðu“.

## Hvað breytir stíl

| Hvað | Hvernig |
|---|---|
| Litir | Bakgrunnur, kort, texti, hreimur. Sjálfgefið ljóst eða dökkt þema — eins og í dæminu. |
| Leturgerðir | Leturgerð svipað og dæmið um leturgerðina er valin úr Google Fonts |
| Eyðublað | Rúnun á hnöppum og kortum, flöt kort eða með skugga, þéttleiki |
| Hreyfimyndir | Eitt af fjórum settum: rólegt, mjúkt, ljómalegt, kraftmikið |
| Heim | Ef rofinn „hanna heimasíðu“er virkur, þá verður aðalblokk með nafni síðunnar og stílslagorði bætt við efst. |

Stíllinn hefur ekki áhrif á texta, vörur, flokka, síður eða CSS. CSS breytingarnar þínar eru vistaðar við hliðina á stílblokkinni.

## Stíll og gervigreindaraðstoðarmaður

Eftir að stíll hefur verið valinn setur gervigreindaraðstoðarmaðurinn saman heimasíðuna og síðurnar út frá hönnunarviðmiðum þess stíls: samsetningu, myndmáli, leturgerð og textatóni. Þetta er sama meginreglan og fyrir hönnuði: stíll → hönnunarkerfi → síður.

## Breyta eða fjarlægja stíl

- **Breyta**: "Velja annað" → velja nýtt → "Nota." Fyrri stílblokk er skipt út, ekki bætt við.
- **Fjarlægja**: ruslatunnutáknið í forskoðun stílsins. Þetta fjarlægir CSS og nafn stílsins. Litir og leturgerðir eru óbreyttar — þú getur breytt þeim í Vörumerkjastillingum eða beðið aðstoðarmanninn um að „endurstilla hönnunina“.

## Stílskrár

Hver stíll í vörulistanum hefur skrár sem gervigreindartól skilja:

- **DESIGN.md** (heildstætt og þétt) — stíllýsing: litir með hlutverkum, leturgerðum, stærðum, inndráttum, reglum um hvað eigi að gera/ekki gera.
- **Tailwind v4** er þema fyrir Tailwind.
- **CSS breytur** - CSS breytur.
- **Hönnunartákn** — JSON með táknum.

Hægt er að afrita eða hlaða niður skrám af vörulistasíðu stílsins. Þær eru auðveldar að gefa Claude, ChatGPT, Cursor eða aðstoðarmanni okkar: „Búðu til þetta í þessum stíl.“Sjáðu [stílskrána](/wiki/is/reference-catalog).

## Tollar

Hægt er að nota stíl á vefsíðuna þína með greiddum áskriftum. Án áskriftar er stíllinn munaður og notaður sjálfkrafa eftir greiðslu.

## Spurningar og svör

### Stíllinn var notaður en síðan lítur ekki út eins og dæmið. Af hverju?

Stíllinn notar liti, leturgerðir, form og hreyfimyndir. Síðuuppbyggingin og myndirnar eru þínar. Til að láta forsíðuna líta út eins og í dæminu skaltu biðja gervigreindaraðstoðarmanninn: „Hannaðu forsíðuna í stíl síðunnar: hetja, kostir, myndasafn, tengiliðir.“

### Get ég notað stíl á margar síður?

Já, stíllinn er notaður á núverandi síðu. Skiptu um síðu í stjórnborðinu þínu og notaðu stílinn aftur.

### Ég breytti litnum handvirkt og notaði svo stílinn. Hvor vinnur?

Stíll. Litir úr stílnum munu yfirskrifa handvirku litirnir. Sérsniðin CSS úr hlutanum „Kóði og viðbætur“eru áfram til staðar.

### Hvaðan færðu dæmin?

Úr opnum vörulista yfir vinsæl vefstíla. Myndbönd og veggspjöld eru geymd á netþjóni okkar.