NUEVO PROMPT
GPT Image 2
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático usando HTML, TailwindCSS CDN y JavaScript vanilla (un solo archivo) que reproduzca la estructura y estética del portafolio de un estudio creativo bajo la marca **Creativo Alba** (creativoalba.com).
**Alcance**: replicar fielmente los patrones de UI del sitio de referencia sin copiar textos ni imágenes exactas. Genera contenido original en español de España, conserva la jerarquía de secciones, interacciones y animaciones básicas (hover en tarjetas, apertura de menú móvil). El sitio debe ser responsivo y accesible.
**Paleta de colores** (hex):
- Primario: #0D3B66 (azul oscuro)
- Secundario: #FAF0CA (crema claro)
- Acento: #F4D35E (amarillo cálido)
- Texto principal: #112D4E
- Texto secundario: #59656F
- Fondo: #FFFFFF
**Tipografía**:
- Títulos: "Poppins", sans-
4.838 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.838 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 Encabezado con logo y menú hamburguesa
- 1.2 Hero principal con título de bienvenida y foto flotante
- 1.3 Tarjeta destacada de proyectos recientes
- 1.4 Bloque 'Sobre mí' con ilustración y texto introductorio
- 1.5 Tarjeta de contacto con botón de llamada
- 1.6 Área de últimos blogs con miniaturas
- 1.7 Sección de servicios con enlace a detalle
- 1.8 Testimonios con contador y estrellas
- 1.9 Indicador de ubicación geográfica
- 1.10 Pie de página con enlaces sociales y legales
ABOUT
- 2.1 Encabezado idéntico al Home
- 2.2 Sección introductoria con foto y descripción larga del estudio
- 2.3 Lista de habilidades y herramientas
- 2.4 Testimonios destacados
- 2.5 Llamada a la acción para contactar
PROJECTS
- 3.1 Encabezado
- 3.2 Grid de proyectos con imágenes y títulos
- 3.3 Filtro por categoría
- 3.4 Paginación
SERVICES
- 4.1 Encabezado
- 4.2 Lista de servicios con iconos y descripciones breves
- 4.3 Tarjeta de precios simplificada (sin cifras concretas)
- 4.4 Botón de solicitud de presupuesto
BLOG
- 5.1 Encabezado
- 5.2 Lista de artículos con miniatura, título y excerpt
- 5.3 Sidebar con categorías y últimos posts
CONTACT
- 6.1 Encabezado
- 6.2 Formulario de contacto (nombre, email, mensaje)
- 6.3 Información de contacto y mapa estático
- 6.4 Botón de envío
FOOTER
- 7.1 Enlaces de navegación secundarios
- 7.2 Iconos sociales
- 7.3 Aviso de derechos y política de privacidad
PROMPTS RELACIONADOS · CREATIVO
