NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia "Branding Fresco" (agencia digital) usando únicamente HTML estático, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. La página debe incluir:
- Paleta de colores: #0A0A0A (fondo principal), #F5C623 (acento amarillo), #FFFFFF (texto), #E5E5E5 (gris claro para detalles).
- Tipografía: "Inter" para títulos y cuerpo, importada desde Google Fonts.
- Header fijo con logo (texto Branding Fresco), menú de navegación (Home, About, Services, Projects, Blog, Contact) y botón hamburguesa para responsive.
- Hero (sección 1.1): fondo oscuro, título grande en blanco "TRANSFORMAMOS TU VISIÓN EN REALIDAD.", subtítulo gris claro, botón primario con fondo amarillo y efecto hover, dos imágenes superpuestas a la derecha (una ilustración SVG y una
3.820 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.820 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, descripción, botón "Let’s Collab!" y dos imágenes superpuestas
- 1.2 About con título "Ideas Crafted Into Impact", párrafo descriptivo y foto lateral
- 1.3 Services con encabezado "How We Elevate Your Brand", botón "Start a Project" y tres tarjetas de servicio (Brand Identity, Brand Strategy, Creative Direction)
- 1.4 Projects con título "Our Brightest Creations", cuadrícula de tarjetas de proyecto con fecha, categoría, título, descripción y botón "See Project"
- 1.5 Footer con enlaces de navegación, redes sociales y datos de contacto
ABOUT
- 2.1 Header interno con título de la página y breadcrumb
- 2.2 Texto largo sobre la agencia y foto complementaria
SERVICES
- 3.1 Header de página con título y descripción
- 3.2 Lista completa de servicios (misma que en home) con imágenes ampliadas
PROJECTS
- 4.1 Grid de todos los trabajos, filtro por categoría y paginación
- 4.2 Cada tarjeta muestra imagen, fecha, categoría y título
BLOG
- 5.1 Lista de artículos con miniatura, fecha, categoría y extracto
- 5.2 Sidebar con categorías y newsletter
CONTACT
- 6.1 Formulario de contacto con campos nombre, email, asunto y mensaje
- 6.2 Información de ubicación y teléfono
PROMPTS RELACIONADOS · DIGITAL AGENCY
