---
title: Stilar från 1001site-katalogen
description: Hur man väljer en stil från 1 000 exempel på toppwebbplatser, tillämpar den på din webbplats, ändrar den eller tar bort den. Stilfiler för AI.
section: design
keywords: Webbplatsstil, stilkatalog, design, tema, färger, typsnitt, referens, DESIGN.md
updated: 2026-09-16
howto: yes
---

En stil är en fördesignad webbplatsmall baserad på en välkänd plattform: färger, teckensnitt, knapp- och kortformer och animationer. 1001site-katalogen innehåller 1 000 stilar. Välj en mall, klicka på "Tillämpa" så kommer din webbplats att designas i den stilen.

> [!tip] Vem passar detta för?
> För alla som vill ha en snygg webbplats utan designer. Du kan ändra stilen så många gånger du vill.

![Att välja en stil för ditt kontor](/wiki/img/style-picker.webp "Fönstret “Välj en stil från katalogen”: sök, grafikkort, knappen “Verkställ”")

## Var man ska välja en stil

- I ditt konto: Inställningar → Hem och meny → "Webbplatsstil" → "Välj stil" (eller "Välj en annan"). Eller följ steg 2 [i guiden](/wiki/sv/guide).
- På katalogwebbplatsen [1001site.com](https://1001site.com/): öppna stilen och klicka på "Tillämpa på din anslagstavla" längst ner på kortet. Om du redan är inloggad kommer stilen att tillämpas omedelbart.
- I katalogen, efter registrering, välj "Hämta" → "Allt inkluderat". Stilen kommer att sparas och tillämpas efter betalning.

## Steg

### Steg 1. Öppna katalogen

I avsnittet "Webbplatsstil" klickar du på "Välj stil". Ett fönster med kort öppnas. Håll muspekaren över ett kort för att se en video av exempelwebbplatsen.

### Steg 2. Hitta en stil

Sökningen söker efter varumärke, färg, typsnitt och kategori. Till exempel: "apple", "minimal", "mörk", "butik".

### Steg 3. Klicka på Verkställ

Om några sekunder kommer stilen att tillämpas: färger, teckensnitt, avrundning, skuggor och animationer. Namnet och förhandsgranskningen av den valda stilen visas i blocket "Webbplatsstil". Öppna webbplatsen genom att klicka på länken "Se resultatet".

## Vad som förändrar stilen

| Vad | Hur |
|---|---|
| Färger | Bakgrund, kort, text, accent. Standardtema för ljust eller mörkt – som i exemplet. |
| Typsnitt | Ett typsnitt som liknar exempeltypsnittet är valt från Google Fonts |
| Form | Avrundning av knappar och kort, platta kort eller med skugga, densitet |
| Animationer | En av fyra uppsättningar: lugn, mjuk, glöd, dynamisk |
| Hem | Om knappen "designa startsida" är aktiverad läggs ett huvudblock med webbplatsens namn och stilslogan till högst upp. |

Stilen påverkar inte din text, dina produkter, kategorier, sidor eller din CSS. Dina CSS-redigeringar sparas bredvid stilblocket.

## Stil- och AI-assistent

Efter att ha valt en stil sätter AI-assistenten ihop startsidan och sidorna baserat på stilens designreferens: komposition, bildspråk, typografi och textton. Detta är samma princip som för designers: stil → designsystem → sidor.

## Ändra eller ta bort stil

- **Ändra**: "Välj annat" → välj nytt → "Verkställ." Det föregående stilblocket ersätts, läggs inte till.
- **Ta bort**: papperskorgen i förhandsgranskningen av stilen. Detta tar bort stilens CSS och namn. Färger och teckensnitt förblir som de är – du kan justera dem i Branding eller be assistenten att "återställa designen".

## Stilfiler

Varje stil i katalogen har filer som förstås av AI-verktyg:

- **DESIGN.md** (komplett och kompakt) — stilbeskrivning: färger med roller, teckensnitt, storlekar, indrag, regler för vad man bör/inte bör göra.
- **Tailwind v4** är ett tema för Tailwind.
- **CSS-variabler** - CSS-variabler.
- **Designtokens** — JSON med tokens.

Filer kan kopieras eller laddas ner från stilens katalogsida. De är enkla att ge till Claude, ChatGPT, Cursor eller vår assistent: "Gör det i den här stilen." Se [stilkatalogen](/wiki/sv/reference-catalog).

## Tariffer

Det är möjligt att tillämpa en stil på din webbplats med betalda abonnemang. Utan ett abonnemang sparas stilen och tillämpas automatiskt efter betalning.

## Frågor och svar

### Stilen har tillämpats, men webbplatsen ser inte ut som i exemplet. Varför?

Stilen överför färger, teckensnitt, former och animationer. Sidstrukturen och fotona är dina. För att få hemsidan att se ut som i exemplet, fråga AI-assistenten: "Designa hemsidan i webbplatsens stil: hjälte, fördelar, galleri, kontakter."

### Kan jag tillämpa en stil på flera webbplatser?

Ja, stilen tillämpas på den aktuella webbplatsen. Byt webbplats i din instrumentpanel och tillämpa stilen igen.

### Jag ändrade färgen manuellt och tillämpade sedan stilen. Vilken vinner?

Stil. Färger från stilen kommer att åsidosätta de manuella. Anpassad CSS från avsnittet "Kod och widgetar" finns kvar.

### Var får du exemplen ifrån?

Från en öppen katalog med populära webbstilar. Videor och affischer lagras på vår server.