NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático usando HTML, Tailwind CSS CDN y JavaScript vanilla (un único archivo). La marca es Cielos Azules, un estudio de diseño digital. Utiliza la siguiente paleta de colores: #FFFFFF (blanco), #F8F9FA (gris muy claro), #212529 (gris oscuro), #0D6EFD (azul primario), #6C757D (gris medio). Tipografía: Inter (Google Fonts) para encabezados y texto, peso 400‑600.
Estructura y componentes:
- **Header** fijo, fondo #212529, logo a la izquierda (texto "Cielos Azules" en blanco), menú de navegación horizontal con enlaces: Home, Projects, Services, About, Blog, Shop, Contact. En vista móvil, colapsar a un botón hamburguesa (iconos SVG), que al pulsar despliega un menú vertical con fondo #212529 y texto blanco.
- **Hero** (section_home-hero): contenedor centrado, fondo #F8F9FA,
4.259 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.259 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 Cabecera fija con logo y navegación principal
- 1.2 Hero: bloque de etiqueta superior (texto corto y icono)
- 1.3 Imagen principal con borde redondeado y botón de llamada
- 1.4 Texto de bienvenida centrado
- 1.5 Bloque de etiquetas adicionales bajo la imagen
- 1.6 Footer con enlace de contacto y enlaces sociales
PROJECTS
- 1.1 Cabecera reutilizada
- 1.2 Galería tipo grid de proyectos con tarjetas hover
- 1.3 Información breve de cada proyecto
- 1.4 Footer reutilizado
SERVICES
- 1.1 Cabecera reutilizada
- 1.2 Lista de servicios en columnas con iconos
- 1.3 CTA "Solicitar presupuesto"
- 1.4 Footer reutilizado
ABOUT
- 1.1 Cabecera reutilizada
- 1.2 Sección de presentación personal con foto y texto
- 1.3 Timeline de experiencia
- 1.4 Footer reutilizado
BLOG
- 1.1 Cabecera reutilizada
- 1.2 Lista de artículos en formato tarjeta
- 1.3 Sidebar con categorías y buscador
- 1.4 Footer reutilizado
SHOP
- 1.1 Cabecera reutilizada
- 1.2 Grid de productos con foto, nombre y botón "Añadir al carrito"
- 1.3 Filtros laterales
- 1.4 Footer reutilizado
CONTACT
- 1.1 Cabecera reutilizada
- 1.2 Formulario de contacto con campos nombre, email, mensaje
- 1.3 Información de contacto y mapa incrustado
- 1.4 Footer reutilizado
PROMPTS RELACIONADOS · MISCELLANEOUS
