NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una web completa de una marca ficticia llamada Norvyn Atelier, una plantilla de comercio electrónico y marketing pensada para startups, SaaS y servicios digitales. Dominio norvynatelier.com, email de contacto hola@norvynatelier.com, año 2025. Claim: 'Lanza tu producto digital sin fricción'. Todo el contenido en español de España, copy 100% original, sin precios concretos, sin jerga, verbos en activo.
ALCANCE: web single-file en HTML + Tailwind CSS por CDN + JavaScript vanilla, todo en un solo archivo index.html autocontenido. Responsive completo (móvil, tablet, desktop). Navegación por anclas dentro de la home y secciones simuladas para las páginas internas mediante mostrar/ocultar con JS.
PALETA:
- Fondo principal claro: #F4F1EC (hueso cálido)
- Fondo oscuro/footer: #14110F (casi n
7.939 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
7.939 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 Navbar con enlaces secundarios, logo, menú y carrito
- 1.2 Hero con titular, subtítulo y CTAs
- 1.3 Tira de logos partners
- 1.4 Propuesta de valor 3 columnas
- 1.5 Producto destacado bento
- 1.6 Carrusel de productos
- 1.7 Grid de servicios 2x2
- 1.8 Testimonio destacado
- 1.9 Proceso en 4 pasos
- 1.10 Últimas entradas blog
- 1.11 CTA final
- 1.12 Footer oscuro
ABOUT
- 2.1 Hero compacto con título de página
- 2.2 Bloque historia con texto e imagen lateral
- 2.3 Contadores de métricas (4 cifras)
- 2.4 Grid de equipo con foto, nombre y rol
- 2.5 Bloque de valores en 3 tarjetas
- 2.6 CTA final
- 2.7 Footer
SOLUTIONS
- 3.1 Hero con título
- 3.2 Listado de soluciones en filas alternas imagen-texto
- 3.3 Bloque de comparativa con tabla
- 3.4 CTA
- 3.5 Footer
SHOP (LISTADO)
- 4.1 Hero con título y filtros
- 4.2 Grid de productos 3 columnas con tarjeta, precio y botón añadir
- 4.3 Paginación
- 4.4 Footer
SHOP SINGLE
- 5.1 Galería de producto a la izquierda y panel de compra a la derecha
- 5.2 Tabs de descripción, especificaciones y envío
- 5.3 Productos relacionados
- 5.4 Footer
BLOG
- 6.1 Hero con título y buscador
- 6.2 Grid de artículos por categoría
- 6.3 Paginación
- 6.4 Footer
BLOG SINGLE
- 7.1 Cabecera con categoría, título, autor y fecha
- 7.2 Imagen destacada
- 7.3 Cuerpo del artículo con tipografía editorial
- 7.4 Compartir en redes
- 7.5 Artículos relacionados
- 7.6 Footer
CAREER
- 8.1 Hero
- 8.2 Listado de vacantes con departamento y ubicación
- 8.3 Bloque cultura de empresa
- 8.4 Footer
CAREER SINGLE
- 9.1 Cabecera con título y datos de la vacante
- 9.2 Cuerpo con responsabilidades y requisitos
- 9.3 Formulario de candidatura
- 9.4 Footer
PRICING
- 10.1 Hero
- 10.2 Tabla de 3 planes lado a lado
- 10.3 Tabla comparativa detallada
- 10.4 FAQ acordeón
- 10.5 Footer
PRICING SINGLE
- 11.1 Detalle de plan con características
- 11.2 CTA contratación
- 11.3 Footer
CONTACT
- 12.1 Hero
- 12.2 Formulario y datos de contacto en dos columnas
- 12.3 Mapa o imagen
- 12.4 Footer
PROMPTS RELACIONADOS · COMERCIO ELECTRÓNICO