NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web estática para la marca ficticia "Línea Áurea" (estudio de diseño gráfico) usando únicamente HTML, Tailwind CSS CDN y JavaScript vanilla en un solo archivo. Replicar la estética minimalista del template analizado: paleta de colores #0a0a0a (negro profundo), #ffffff (blanco), #e5e5e5 (gris claro) y acentos #ff6f61 (coral suave). Tipografía: headings con "Inter" 700, cuerpo con "Inter" 400, cargar desde Google Fonts.
Estructura de la página (HOME):
1. Header fijado en la parte superior con logo texto (Línea Áurea) y menú de tres enlaces (Home, Portfolio, Contact). En móvil, colapsar en botón hamburguesa con animación de líneas.
2. Hero section: grid de dos columnas, izquierda con texto grande dividido "graphic" y "Designer" (segundo título en gris #e5e5e5), párrafo descr
4.044 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.044 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 con barra de navegación fija, logo y enlaces (Home, Portfolio, Contacto)
- 1.2 Hero con título dividido en dos líneas, texto de apoyo y botones de redes sociales
- 1.3 Imagen principal con overlay animado y patrones decorativos
- 1.4 Sección About me con subtítulo, párrafo introductorio y fondo decorativo
- 1.5 Tarjetas de stats (Años de experiencia, Proyectos entregados, Clientes alrededor del mundo)
- 1.6 Botón "Get in touch" con efecto hover y flecha animada
- 1.7 Galería de proyectos: grid de tarjetas, cada una con imagen, nombre y overlay
- 1.8 Footer con enlaces internos y datos de contacto
ABOUT
- 1.1 Título y breve biografía del creador
- 1.2 Imagen de fondo decorativa
- 1.3 Estadísticas en tarjetas
- 1.4 Botón de contacto
PORTFOLIO
- 1.1 Lista de proyectos con filtro por categoría (ej.: UI Design, Branding)
- 1.2 Cada proyecto muestra miniatura, nombre y overlay hover
CONTACT
- 1.1 Formulario de contacto simple (nombre, email, mensaje) y botón de envío
- 1.2 Información de contacto y enlaces sociales
PROMPTS RELACIONADOS · AGENCIA DIGITAL
