NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático para la marca ficticia "Branding Cobalto" (agencia digital) usando solo un archivo HTML que incluya Tailwind CSS vía CDN y JavaScript vanilla. Utiliza la paleta de colores oscura con acentos claros: #0A0A0A (fondo principal), #FFFFFF (texto), #FF6F61 (botón y enlaces), #1F1F1F (secciones), #E5E5E5 (bordes). Tipografía: "Inter" para encabezados y cuerpo, importada desde Google Fonts.
Estructura:
- **Header** fijo con logo textual "Branding Cobalto" y menú hamburguesa que despliega un overlay vertical con enlaces a Home, Work, Blog y Contact.
- **Hero**: sección full‑height, fondo negro, título centrado "Espacios visuales para ideas audaces" en Inter Bold 4rem, subtítulo opcional y botón 3D estilo "Comprar ahora" con efecto hover (transform‑scale y sombra). Botón
3.733 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.733 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 título destacado y botón 3D
- 1.2 Galería de demos Home (4 ítems circulares con overlay)
- 1.3 Galería Work Demo (5 ítems circulares con overlay)
- 1.4 Galería Blog Demo (varios ítems circulares con overlay)
WORK
- 1.1 Grid de proyectos (4-5 tarjetas circulares con título y overlay)
BLOG
- 1.1 Grid de entradas (tarjetas circulares con título)
CONTACT
- 1.1 Formulario de contacto simple (campo nombre, email, mensaje, botón enviar)
PROMPTS RELACIONADOS · DIGITAL AGENCY
