Stilar från 1001site-katalogen
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.
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.
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.
- På katalogwebbplatsen 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.
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.