
NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia Ártico Nova, una tienda online de productos de diseño y estilo de vida. Usa solo HTML, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. Incluir:
- Paleta de colores: fondo negro #0a0a0a, primario azul ártico #1e40af, secundario gris claro #f3f4f6, acento blanco #ffffff.
- Tipografía: Inter (Google Fonts) para encabezados y texto, con peso 400/600.
- Header fijo con logo SVG blanco, enlaces Home, About, Work, Blog, Shop, Contact y un dropdown "Pages" con opciones adicionales. Añadir botón de carrito que abre un modal mostrando los items del carrito (estructura JSON simulada). El header debe colapsar en móvil con ícono hamburguesa.
- Hero a pantalla completa con fondo oscuro y texto centrado: título grande, subtítulo y botón "
3.288 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.288 caracteres · licencia libre
Solo descarga completa disponible
CAPTURA COMPLETA · HOME
Para que Claude replique el diseño con máxima fidelidad, descarga la imagen y adjúntala en tu chat.
Descargar captura
ESTRUCTURA DEL SITIO
Tabla de secciones
HOME
- 1.1 Barra de navegación fija con logo, enlaces principales y dropdown de páginas
- 2.1 Hero de pantalla completa con fondo oscuro y llamada a la acción
- 3.1 Cuadrícula de productos destacados con tarjetas, imágenes y botones
- 4.1 Sección de testimonios en carrusel horizontal
- 5.1 Últimas entradas del blog en formato tarjeta
- 6.1 Footer amplio con enlaces de navegación, información legal y redes sociales
ABOUT
- 1.1 Encabezado con título y subtítulo
- 2.1 Texto descriptivo sobre la marca con imagen acompañante
- 3.1 Valores y misión en tarjetas
- 4.1 Equipo en cuadrícula de fotos y nombres
- 5.1 Footer
WORK
- 1.1 Galería de proyectos con filtro por categoría
- 2.1 Detalle de proyecto individual con imágenes y descripción
- 3.1 Footer
SHOP
- 1.1 Cabecera con filtros y barra de búsqueda
- 2.1 Lista de productos en tarjetas con precio y botón "Añadir al carrito"
- 3.1 Paginación
- 4.1 Footer
BLOG
- 1.1 Lista de artículos con imágenes, título y extracto
- 2.1 Sidebar con categorías y post recientes
- 3.1 Footer
CONTACT
- 1.1 Formulario de contacto simple con campos nombre, email y mensaje
- 2.1 Mapa incrustado
- 3.1 Información de contacto y redes sociales
- 4.1 Footer
PROMPTS RELACIONADOS · COMERCIO ELECTRÓNICO