NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia **Arketon Studio** (arketon.com) usando **HTML**, **Tailwind CSS CDN** y **JavaScript vanilla** en un solo archivo. El proyecto debe replicar el diseño visual y la estructura del sitio analizado, sin copiar textos ni imágenes originales. Utiliza los siguientes requisitos:
- **Paleta de colores**:
- Primario: #0D0D0D (negro profundo)
- Secundario: #FFFFFF (blanco)
- Acento: #A0A0A0 (gris medio)
- Resalte: #D9A567 (oro suave)
- **Tipografía**: Inter (google fonts) para títulos y body, peso 400‑700.
- **Header**: barra de navegación fija, logo a la izquierda (texto "Arketon Studio" en mayúsculas, color primario), menú horizontal con enlaces Home, Studio, Service, Cases, News y botón "Contact Us" con estilo primary. Menú colapsable en
4.399 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.399 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 Cabecera fija con logo y menú principal
- 1.2 Hero con slider automático y botones de llamada a acción
- 1.3 Bloque de introducción con subtítulo, año y galería de imágenes responsiva
- 1.4 Footer con enlaces de navegación y datos de contacto
ABOUT US
- 2.1 Cabecera idéntica a la home
- 2.2 Sección presentación del estudio con texto y foto
- 2.3 Equipo con tarjetas de perfil
- 2.4 Footer común
SERVICE
- 3.1 Cabecera idéntica
- 3.2 Lista de servicios en tarjetas con iconos
- 3.3 Call to action para contactar
- 3.4 Footer común
CASE STUDIES
- 4.1 Cabecera idéntica
- 4.2 Galería de proyectos en cuadrícula con filtro
- 4.3 Detalle de proyecto individual (imagen, descripción, datos técnicos)
- 4.4 Footer común
BLOG
- 5.1 Cabecera idéntica
- 5.2 Lista de artículos con miniaturas y extractos
- 5.3 Paginación
- 5.4 Footer común
CONTACT
- 6.1 Cabecera idéntica
- 6.2 Formulario de contacto simple (nombre, email, mensaje)
- 6.3 Mapa incrustado
- 6.4 Footer común
PROMPTS RELACIONADOS · ARQUITECTURA
