Estils del catàleg 1001site
Un estil és una plantilla de lloc web predissenyada basada en una plataforma coneguda: colors, fonts, formes de botons i targetes, i animacions. El catàleg 1001site conté 1.000 estils. Seleccioneu una plantilla, feu clic a "Aplica" i el vostre lloc web es dissenyarà amb aquest estil.
Per a qui és adequat això?
Per a qualsevol persona que vulgui un lloc web bonic sense dissenyador. Podeu canviar l'estil tantes vegades com vulgueu.
On triar un estil#
- Al vostre compte: Configuració → Inici i menú → "Estil del lloc" → "Seleccioneu un estil" (o "Seleccioneu-ne un altre"). O seguiu el pas 2 de la guia.
- Al lloc web del directori 1001site.com: obriu l'estil i feu clic a "Aplica al vostre tauler" a la part inferior de la targeta. Si ja heu iniciat la sessió, l'estil s'aplicarà immediatament.
- Al catàleg, en registrar-vos, seleccioneu "Aconsegueix-ho" → "Tot inclòs". L'estil es recordarà i s'aplicarà després del pagament.
Passos#
Pas 1. Obre el catàleg#
A la secció "Estil del lloc", feu clic a "Selecciona l'estil". S'obrirà una finestra amb targetes. Passeu el cursor per sobre d'una targeta per veure un vídeo del lloc de mostra.
Pas 2. Troba un estil#
La cerca busca per nom de marca, color, tipus de lletra i categoria. Per exemple: "poma", "minimal", "fosc", "botiga".
Pas 3. Feu clic a Aplica#
En pocs segons, s'aplicarà l'estil: colors, fonts, arrodoniment, ombres i animacions. El nom i la vista prèvia de l'estil seleccionat apareixeran al bloc "Estil del lloc". Obriu el lloc fent clic a l'enllaç "Veure el resultat".
Què canvia l'estil#
| Què | Com |
|---|---|
| Colors | Fons, targetes, text, accent. Tema clar o fosc per defecte, com a l'exemple. |
| Fonts | S'ha seleccionat una font similar a la font d'exemple de Google Fonts. |
| Formulari | Arrodoniment de botons i targetes, targetes planes o amb ombra, densitat |
| Animacions | Un dels quatre conjunts: tranquil, suau, brillant, dinàmic |
| Inici | Si l'opció "pàgina d'inici de disseny" està activada, s'afegirà un bloc principal amb el nom del lloc i l'eslògan d'estil a la part superior. |
L'estil no afecta el text, els productes, les categories, les pàgines ni el CSS. Les edicions del CSS es desen al costat del bloc d'estil.
Assistent d'estil i IA#
Després de seleccionar un estil, l'assistent d'IA munta la pàgina d'inici i les pàgines basant-se en la referència de disseny d'aquest estil: composició, imatges, tipografia i to del text. Aquest és el mateix principi que per als dissenyadors: estil → sistema de disseny → pàgines.
Canviar o eliminar l'estil#
- Canvi: "Tria altres" → selecciona nou → "Aplica". El bloc d'estil anterior es substitueix, no s'afegeix.
- Elimina: la icona de la paperera a la vista prèvia de l'estil. Això elimina el CSS i el nom de l'estil. Els colors i les fonts es mantenen tal com estan; podeu ajustar-los a Branding o demanar a l'assistent que "restableixi el disseny".
Fitxers d'estil#
Cada estil del catàleg té fitxers que les eines d'IA entenen:
- DESIGN.md (complet i compacte) — descripció de l'estil: colors amb rols, fonts, mides, sagnies, regles de "fer/no fer".
- Tailwind v4 és un tema per a Tailwind.
- Variables CSS - variables CSS.
- Disseny de tokens: JSON amb tokens.
Els fitxers es poden copiar o descarregar des de la pàgina del catàleg d'estils. Són fàcils de donar a Claude, ChatGPT, Cursor o al nostre assistent: "Feu-ho amb aquest estil". Vegeu el Catàleg d'estils.
Tarifes#
L'aplicació d'un estil al vostre lloc web està disponible amb els plans de pagament. Sense un pla, l'estil es recorda i s'aplica automàticament després del pagament.
Preguntes i respostes#
S'ha aplicat l'estil, però el lloc web no s'assembla a l'exemple. Per què?#
L'estil inclou colors, fonts, formes i animacions. L'estructura de la pàgina i les fotos són teves. Perquè la pàgina d'inici s'assembli a l'exemple, demana a l'assistent d'IA: "Dissenya la pàgina d'inici a l'estil del lloc: heroi, avantatges, galeria, contactes".
Puc aplicar un estil a diversos llocs web?#
Sí, l'estil s'aplica al lloc web actual. Canvieu de lloc web al tauler de control i torneu a aplicar l'estil.
He canviat el color manualment i després he aplicat l'estil. Quin guanya?#
Estil. Els colors de l'estil substituiran els manuals. El CSS personalitzat de la secció "Codi i widgets" es manté.
D'on treus els exemples?#
D'un catàleg obert d'estils de llocs web populars. Els vídeos i els pòsters s'emmagatzemen al nostre servidor.