Stiler fra 1001site-katalogen
En stil er en forhåndsdesignet nettsidemal basert på en kjent plattform: farger, fonter, knapp- og kortformer og animasjoner. 1001site-katalogen inneholder 1000 stiler. Velg en mal, klikk på «Bruk», så vil nettstedet ditt bli designet i den stilen.
Hvem passer dette for?
For alle som ønsker en vakker nettside uten designer. Du kan endre stilen så mange ganger du vil.
Hvor du skal velge en stil#
- I kontoen din: Innstillinger → Hjem og meny → «Nettstedstil» → «Velg stil» (eller «Velg en annen»). Eller følg trinn 2 i veiledningen.
- På katalognettstedet 1001site.com: åpne stilen og klikk på «Bruk på tavlen din» nederst på kortet. Hvis du allerede er logget inn, vil stilen bli brukt umiddelbart.
- I katalogen, ved registrering, velg "Hent" → "Alt inkludert". Stilen vil bli husket og brukt etter betaling.
Trinn#
Skritt 1. Åpne katalogen#
I delen «Nettstedsstil» klikker du på «Velg stil». Et vindu med kort åpnes. Hold musepekeren over et kort for å se en video av eksempelnettstedet.
Skritt 2. Finn en stil#
Søket søker etter merkenavn, farge, skrifttype og kategori. For eksempel: «apple», «minimal», «mørk», «butikk».
Skritt 3. Klikk på Bruk#
Om noen få sekunder vil stilen bli brukt: farger, fonter, avrunding, skygger og animasjoner. Navnet og forhåndsvisningen av den valgte stilen vil vises i blokken «Nettstedsstil». Åpne nettstedet ved å klikke på lenken «Se resultatet».
Hva som endrer stilen#
| Hva | Hvordan |
|---|---|
| Farger | Bakgrunn, kort, tekst, aksent. Standard lyst eller mørkt tema – som i eksemplet. |
| Skrifter | En skrifttype som ligner på eksempelskrifttypen er valgt fra Google Fonts |
| Skjema | Avrunding av knapper og kort, flate kort eller med skygge, tetthet |
| Animasjoner | Ett av fire sett: rolig, myk, glødende, dynamisk |
| Hjem | Hvis bryteren for «design hjemmeside» er aktivert, vil en hovedblokk med nettstedets navn og stilslagord bli lagt til øverst. |
Stilen påvirker ikke teksten, produktene, kategoriene, sidene eller CSS-en din. CSS-redigeringene dine lagres ved siden av stilblokken.
Stil- og AI-assistent#
Etter å ha valgt en stil, setter AI-assistenten sammen hjemmesiden og sidene basert på designreferansen til den stilen: komposisjon, bilder, typografi og teksttone. Dette er samme prinsipp som for designere: stil → designsystem → sider.
Endre eller fjern stil#
- Endre: «Velg annet» → velg ny → «Bruk». Den forrige stilblokken erstattes, ikke legges til.
- Fjern: søppelbøtteikonet i forhåndsvisningen av stilen. Dette fjerner stilens CSS og navn. Farger og fonter forblir som de er – du kan justere dem i merkevarebygging eller be assistenten om å «tilbakestille designet».
Stilfiler#
Hver stil i katalogen har filer som forstås av AI-verktøy:
- DESIGN.md (komplett og kompakt) — stilbeskrivelse: farger med roller, fonter, størrelser, innrykk, regler for hva man bør/ikke bør gjøre.
- Tailwind v4 er et tema for Tailwind.
- CSS-variabler – CSS-variabler.
- Designtokens — JSON med tokens.
Filer kan kopieres eller lastes ned fra stilens katalogside. De er enkle å gi til Claude, ChatGPT, Cursor eller assistenten vår: «Lag den i denne stilen.» Se stilkatalogen.
Tariffer#
Det er mulig å bruke en stil på nettstedet ditt med betalte abonnementer. Uten et abonnement huskes stilen og brukes automatisk etter betaling.
Spørsmål og svar#
Stilen ble brukt, men nettstedet ser ikke ut som i eksemplet. Hvorfor?#
Stilen overfører farger, fonter, former og animasjoner. Sidestrukturen og bildene er dine. For å få hjemmesiden til å se ut som i eksemplet, spør AI-assistenten: «Design hjemmesiden i nettstedets stil: helt, fordeler, galleri, kontakter.»
Kan jeg bruke en stil på flere nettsteder?#
Ja, stilen er brukt på gjeldende nettsted. Bytt nettsteder i dashbordet ditt og bruk stilen på nytt.
Jeg endret fargen manuelt og brukte deretter stilen. Hvilken vinner?#
Stil. Farger fra stilen vil overstyre de manuelle. Tilpasset CSS fra «Kode og widgeter»-delen forblir.
Hvor får du eksemplene fra?#
Fra en åpen katalog med populære nettstedstiler. Videoer og plakater lagres på serveren vår.