Estilos del catálogo de 1001site
Un estilo es una plantilla prediseñada para sitios web basada en una plataforma conocida: colores, tipografías, formas de botones y tarjetas, y animaciones. El catálogo de 1001site contiene 1000 estilos. Selecciona una plantilla, haz clic en "Aplicar" y tu sitio web se diseñará con ese estilo.
¿Para quién es adecuado?
Para quienes desean una página web atractiva sin necesidad de un diseñador. Puedes cambiar el estilo tantas veces como quieras.
Dónde elegir un estilo#
- En tu cuenta: Configuración → Inicio y menú → "Estilo del sitio" → "Seleccionar estilo" (o "Seleccionar otro"). O sigue el paso 2 de la guía.
- En el directorio 1001site.com: abre el estilo y haz clic en "Aplicar a tu tablero" en la parte inferior de la tarjeta. Si ya has iniciado sesión, el estilo se aplicará inmediatamente.
- En el catálogo, al registrarte, selecciona "Consíguelo" → "Todo Incluido". El estilo se guardará y se aplicará después del pago.
Pasos#
Paso 1. Abrir el catálogo#
En la sección "Estilo del sitio", haga clic en "Seleccionar estilo". Se abrirá una ventana con tarjetas. Pase el cursor sobre una tarjeta para ver un video del sitio de ejemplo.
Paso 2. Encuentra un estilo#
La búsqueda se realiza por marca, color, tipografía y categoría. Por ejemplo: "apple", "minimal", "dark", "shop".
Paso 3. Haz clic en Aplicar#
En unos segundos, se aplicará el estilo: colores, tipografía, redondeo, sombras y animaciones. El nombre y la vista previa del estilo seleccionado aparecerán en el bloque "Estilo del sitio". Abra el sitio haciendo clic en el enlace "Ver el resultado".
¿Qué cambia el estilo?#
| Qué | Cómo |
|---|---|
| Bandera | Fondo, tarjetas, texto, acento. Tema claro u oscuro predeterminado, como en el ejemplo. |
| Fuentes | Se selecciona una fuente similar a la del ejemplo de Google Fonts. |
| Forma | Redondeo de botones y tarjetas, tarjetas planas o con sombra, densidad |
| Animaciones | Uno de cuatro conjuntos: tranquilo, suave, brillante, dinámico |
| Hogar | Si la opción "diseñar página de inicio" está activada, se añadirá un bloque principal con el nombre del sitio y el eslogan de estilo en la parte superior. |
El estilo no afecta al texto, los productos, las categorías, las páginas ni el CSS. Los cambios en el CSS se guardan junto al bloque de estilo.
Estilo y asistente de IA#
Tras seleccionar un estilo, el asistente de IA crea la página de inicio y las demás páginas basándose en las referencias de diseño de dicho estilo: composición, imágenes, tipografía y tono del texto. Este es el mismo principio que siguen los diseñadores: estilo → sistema de diseño → páginas.
Cambiar o eliminar estilo#
- Cambio: "Elegir otro" → seleccionar nuevo → "Aplicar". El bloque de estilo anterior se reemplaza, no se agrega.
- Eliminar: el icono de la papelera en la vista previa del estilo. Esto elimina el CSS y el nombre del estilo. Los colores y las fuentes permanecen como están; puedes ajustarlos en la sección de Marca o pedirle al asistente que "restablezca el diseño".
Archivos de estilo#
Cada estilo del catálogo tiene archivos que son compatibles con las herramientas de IA:
- DESIGN.md (completo y compacto): descripción del estilo: colores con roles, fuentes, tamaños, sangrías, reglas de lo que se debe y no se debe hacer.
- Tailwind v4 es un tema para Tailwind.
- Variables CSS - Variables CSS.
- Tokens de diseño: JSON con tokens.
Los archivos se pueden copiar o descargar desde la página del catálogo de estilos. Son fáciles de entregar a Claude, ChatGPT, Cursor o a nuestro asistente: «Hazlo con este estilo». Consulta el catálogo de estilos.
aranceles#
La opción de personalizar el estilo de tu sitio web está disponible con los planes de pago. Si no tienes un plan, el estilo se guarda y se aplica automáticamente tras el pago.
Preguntas y respuestas#
Se aplicó el estilo, pero el sitio no se ve como en el ejemplo. ¿Por qué?#
El estilo se mantiene en colores, tipografías, formas y animaciones. La estructura de la página y las fotos son tuyas. Para que la página de inicio se vea como el ejemplo, pídele al asistente de IA: "Diseña la página de inicio con el estilo del sitio: encabezado, ventajas, galería, contacto".
¿Puedo aplicar un estilo a varios sitios?#
Sí, el estilo se aplica al sitio actual. Cambia de sitio en tu panel de control y aplica el estilo de nuevo.
Cambié el color manualmente y luego apliqué el estilo. ¿Cuál es mejor?#
Estilo. Los colores del estilo anularán los manuales. El CSS personalizado de la sección "Código y widgets" se mantiene.
¿De dónde sacas los ejemplos?#
A partir de un catálogo abierto de estilos populares para sitios web. Los vídeos y carteles se almacenan en nuestro servidor.