NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Genera un sitio web completo de una sola página (single-file HTML) para la marca ficticia "Norvalt Studio" (norvaltstudio.com), una plantilla premium tipo showcase orientada a agencias digitales y estudios creativos. Claim: "Diseño que mueve marcas, no solo píxeles". Email: hola@norvaltstudio.com. Año: 2025.
ALCANCE Y STACK
- Un único archivo HTML autocontenido.
- Tailwind CSS vía CDN (script de play.tailwindcss).
- JavaScript vanilla embebido para tabs, acordeón FAQ, slider de testimonios, marquesina infinita y menú móvil.
- Sin frameworks externos más allá de Tailwind y un par de fuentes de Google Fonts.
- Imágenes de placeholder con https://picsum.photos/seed/xxx/w/h y mockups con divs estilizados (barra superior con tres puntos tipo macOS).
IDIOMA Y TONO
- Español de España, verbos a
7.807 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
7.807 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 Header fijo con menú en corchetes y CTA
- 1.2 Hero dual con galería deslizante de cards
- 1.3 Marquesina de logos
- 1.4 Grid de demos con vista previa
- 1.5 Tabs de páginas internas con mockup
- 1.6 Grid de características técnicas
- 1.7 Grid de páginas de utilidad
- 1.8 Slider de testimonios
- 1.9 FAQ acordeón
- 1.10 CTA final pantalla completa
- 1.11 Footer con suscripción y enlaces
DEMOS
- 2.1 Hero compacto con título "Explora las demos" y filtros por categoría
- 2.2 Grid masonry de todas las demos con preview hover
- 2.3 CTA inferior "¿No encuentras la tuya?"
- 2.4 Footer
PAGINAS INTERNAS
- 3.1 Hero con listado de páginas disponibles
- 3.2 Galería de miniaturas agrupadas por tipo
- 3.3 Sección de comparativa antes/después
- 3.4 Footer
SOBRE NOSOTROS
- 4.1 Hero con manifiesto del estudio
- 4.2 Bloque de equipo en grid de 6
- 4.3 Timeline de hitos
- 4.4 Valores en tarjetas
- 4.5 CTA contacto
- 4.6 Footer
SERVICIOS
- 5.1 Hero con titular y descripción
- 5.2 Lista de servicios numerados con descripción y CTA
- 5.3 Proceso de trabajo en 4 pasos
- 5.4 Slider de testimonios
- 5.5 CTA final
- 5.6 Footer
PROYECTOS
- 6.1 Hero con filtros
- 6.2 Grid de proyectos con overlay
- 6.3 CTA "Cuéntanos tu proyecto"
- 6.4 Footer
BLOG
- 7.1 Hero con artículo destacado
- 7.2 Grid de artículos con categoría y fecha
- 7.3 Paginación
- 7.4 Suscripción al boletín
- 7.5 Footer
CONTACTO
- 8.1 Hero con datos de contacto y horario
- 8.2 Formulario amplio con campos y selector de servicio
- 8.3 Mapa estilizado
- 8.4 Footer
LICENCIAS
- 9.1 Hero título
- 9.2 Tabla de licencias con condiciones
- 9.3 FAQ legal
- 9.4 Footer
ESTILOS
- 10.1 Guía tipográfica
- 10.2 Paleta de color
- 10.3 Botones y formularios
- 10.4 Componentes
- 10.5 Footer
CAMBIOS
- 11.1 Hero título "Registro de cambios"
- 11.2 Timeline vertical de versiones
- 11.3 Footer
INSTRUCCIONES
- 12.1 Hero título
- 12.2 Pasos numerados con código de ejemplo
- 12.3 Footer
404
- 13.1 Mensaje "Página no encontrada" con CTA volver al inicio
PASSWORD
- 14.1 Formulario centrado de acceso protegido
PROMPTS RELACIONADOS · CORPORATIVO
