NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web de una sola página para la marca Estética Jota (desarrollo front‑end y diseño UI) usando **HTML** con **Tailwind CSS CDN** y **JavaScript vanilla** en un único fichero. Reproduce fielmente la estructura y estética del sitio analizado:
- **Paleta de colores**: fondo principal #0a0a0a (casi negro), acentos #ffffff (blanco) y #e0e0e0 (gris claro) para textos secundarios.
- **Tipografía**: `Inter` (Google Fonts) para todo el texto, tamaños: 2.5rem (h1), 1.75rem (h2), 1rem (p), 0.875rem (body‑sm), 0.75rem (body‑xs).
- **Header / Navbar**: barra fija con logo (texto "Estética Jota" en blanco) a la izquierda y enlaces "Inicio", "Sobre mí", "Proyectos", "Contacto" a la derecha. Menú colapsable para móvil usando un simple ícono SVG.
- **Sección Hero** (id="home"):
* Fondo de
4.663 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.663 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 Hero con fondo difuminado, etiqueta de disponibilidad, título principal y botón "Hire me"
- 1.2 Bloque "Sobre mí" con título, párrafo descriptivo, grid de logotipos de clientes y botón "Ver proyectos"
- 1.3 Imagen parallax decorativa
- 1.4 Sección "Proyectos" con título, descripción, botón "Trabajemos juntos" y galería de tarjetas de proyecto
- 1.5 Sección de contacto (formulario simple y datos de contacto)
- 1.6 Footer con enlaces de navegación y redes sociales
PROYECTOS
- 2.1 Página de detalle de proyecto (plantilla genérica) con imagen destacada, título, descripción y enlaces externos
SOBRE MÍ
- 3.1 Página ampliada de "Sobre mí" con biografía extendida, timeline de experiencia y listado de herramientas
CONTACTO
- 4.1 Formulario de contacto con campos nombre, email, asunto y mensaje, y botón de envío
PROMPTS RELACIONADOS · BELLEZA / SPA
