NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia **Alas Consulting** (consultoría estratégica) usando **HTML + Tailwind CDN** y **JavaScript vanilla** en un solo archivo. El diseño debe replicar la estructura visual del sitio analizado pero con contenido propio en español (España). Utiliza la siguiente paleta de colores: #0A0A0A (negro profundo), #1F2937 (gris oscuro), #3B82F6 (azul primario), #F3F4F6 (gris claro), #FFFFFF (blanco). Tipografía: **Inter** para cuerpos y **Playfair Display** para encabezados, ambas cargadas vía Google Fonts.
**Header**: barra fija, logo con versión oscura y clara, menú horizontal (Inicio, Sobre nosotros, Servicios, Blog, Contacto) y botón destacado "Reserva consultoría gratuita".
**Home**
1. Hero: título grande "Construye algo que merezca ser pagado", sub
4.123 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.123 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 Barra de navegación fija con logo, menú principal y botón de reserva
- 1.2 Hero principal con título, llamado a la acción y foto ilustrativa
- 1.3 Bloque informativo con tarjeta giratoria que destaca datos clave
- 1.4 Sección "Cómo ayudamos" con encabezado, texto explicativo y botón
- 1.5 Cuadrícula de beneficios (4 ítems) con iconos y descripciones
- 1.6 Sección de Servicios con título y tarjetas enlazadas a detalle de cada servicio
- 1.7 Footer con enlaces de navegación, datos de contacto y redes sociales
ABOUT
- 1.1 Encabezado con foto del equipo y descripción de la visión
- 1.2 Timeline de hitos y trayectoria
- 1.3 Testimonios rotativos de clientes
- 1.4 Llamado a la acción para agendar consulta
SERVICES
- 1.1 Lista de servicios en tarjetas con icono, título y etiquetas descriptivas
- 1.2 Área de casos de estudio con imágenes y breve resumen
- 1.3 Botón de contacto rápido al final de la página
BLOG
- 1.1 Lista de artículos con imagen, título, extracto y fecha
- 1.2 Sidebar con categorías y suscripción al newsletter
- 1.3 Paginación al final de la lista
CONTACT
- 1.1 Formulario de contacto con campos nombre, email, asunto y mensaje
- 1.2 Mapa incrustado con ubicación ficticia
- 1.3 Información de contacto y enlaces a redes sociales
PROMPTS RELACIONADOS · CORPORATIVO
