NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web estática (HTML único) usando Tailwind CSS vía CDN y JavaScript vanilla. Marca ficticia: AltruVerse, dominio altruverse.com, claim "Herramientas simples para impulsar la solidaridad". Paleta de colores: #0E4A6F (azul marino), #1E81B0 (azul medio), #F2F2F2 (gris claro), #FFFFFF (blanco), #FFB400 (amarillo acento). Tipografía: Inter (Google Fonts) para cuerpo y headings, peso 400/600/800 según jerarquía.
Estructura:
- **Header** fijo, fondo blanco, sombra ligera. Logo a la izquierda (texto AltruVerse). Menú central con enlaces: Demo, Features, Free Figma File, Usability. En móvil colapsable con botón hamburguesa. Botón destacado "Buy Now" (estilo primario, fondo #FFB400, texto negro).
- **Hero** sección ocupa viewport alto. Grid de dos columnas: izquierda con título grand
4.543 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.543 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 con logo, menú colapsable y botón destacado
- 1.2 Sección hero con título, descripción, botones de acción y lightbox de vídeo, acompañada de carrusel de imágenes en bucle
- 1.3 Bloque de demostración (ancla #demo)
- 1.4 Bloque de características (ancla #features)
- 1.5 Bloque de archivo Figma gratuito (ancla #free-figma-file)
- 1.6 Bloque de usabilidad (ancla #usability)
- 1.7 Footer con enlaces institucionales
DEMO
- 2.1 Título de demostración y galería de captura de pantalla
FEATURES
- 3.1 Título de características y tres columnas con icono, encabezado y texto descriptivo
FIGMA
- 4.1 Llamado a descarga del archivo Figma y breve descripción
USABILITY
- 5.1 Lista de puntos clave de usabilidad y botón de llamada a la acción
FOOTER
- 6.1 Enlaces rápidos, contacto, redes sociales y información legal
PROMPTS RELACIONADOS · MISCELÁNEO
