NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia **Portfolio Polar** (estudio creativo) usando **HTML único, Tailwind CSS vía CDN y JavaScript vanilla** en un solo archivo. La paleta de colores debe incluir:
- Primario: #1A202C (gris oscuro)
- Secundario: #4299E1 (azul vibrante)
- Acento: #F6E05E (amarillo pastel)
- Fondo: #F7FAFC (gris muy claro)
Tipografía: **Inter** para encabezados y párrafos, peso 400‑600.
Estructura y contenido:
**Header** (presente en todas las páginas) – barra superior fija con logo (texto Luminara), iconos sociales (Twitter, Instagram, LinkedIn, Dribbble) a la izquierda, y botón de carrito estilizado a la derecha que muestra la cantidad entre corchetes.
**Menú hamburguesa** – círculo grande con imagen de menú rotatoria, al hacer clic despliega un panel lateral
4.783 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.783 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 logo, iconos sociales y botón de carrito
- 1.2 Menú hamburguesa lateral con navegación numerada
- 1.3 Hero con imagen rotativa y texto destacado
- 1.4 Sección de proyectos en grid responsive
- 1.5 Contador de métricas
- 1.6 Testimonios en carrusel
- 1.7 Llamada a la acción para contacto
- 1.8 Footer con enlaces y redes sociales
ABOUT
- 2.1 Header reutilizable
- 2.2 Hero interno con título y breve descripción
- 2.3 Historia del estudio en dos columnas
- 2.4 Equipo en tarjetas con foto y bio breve
- 2.5 CTA de contacto
- 2.6 Footer reutilizable
WORK
- 3.1 Header reutilizable
- 3.2 Hero de portada del portfolio
- 3.3 Grid de proyectos con filtros por categoría
- 3.4 Detalle de proyecto emergente (modal) con imágenes y descripción
- 3.5 CTA para solicitar presupuesto
- 3.6 Footer reutilizable
CONTACT
- 4.1 Header reutilizable
- 4.2 Formulario de contacto con campos nombre, email, mensaje y botón enviar
- 4.3 Mapa estático de ubicación
- 4.4 Información de contacto rápido (teléfono, email, dirección)
- 4.5 Footer reutilizable
PROMPTS RELACIONADOS · PORTFOLIO
