NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático llamado LetrasViva que reproduzca el diseño visual y la arquitectura de información de una comunidad online para escritores y poetas. Utiliza únicamente HTML, Tailwind CSS mediante CDN y JavaScript vanilla en un solo archivo.\n\n**Paleta de colores** (extraída del original):\n- #1A1A1A (texto oscuro)\n- #FFFFFF (fondo)\n- #F5F5F5 (secciones claras)\n- #D1A054 (accento dorado)\n- #E0E0E0 (bordes y sombras suaves)\n\n**Tipografía**:\n- Fuente principal: 'Inter', sans‑serif (carga desde Google Fonts).\n- Fuente de títulos: 'Playfair Display', serif.\n\n**Estructura**:\n1. **Header fijo** con clase `fixed top-0 left-0 right-0 bg-white shadow-md flex items-center justify-between px-6 py-3 z-50`. Contiene logo SVG, menú de navegación con dropdown multicolumna (usar `re
4.411 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.411 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ú desplegable multicolumna y botón "Unirse ahora"\n- 1.2 Hero con título grande, subtítulo y gráfica de pantalla\n- 1.3 Sección de descripción de demos (título, párrafo y grid de 3 tarjetas)\n- 1.4 Área de llamada a la acción con botón destacado\n- 1.5 Footer con enlaces agrupados (Sobre nosotros, Autores, Eventos, Contacto, etc.) y datos de contacto
ABOUT US
- 2.1 Header compartido\n- 2.2 Título principal y párrafo descriptivo\n- 2.3 Imagen ilustrativa\n- 2.4 Lista de valores y misión\n- 2.5 Footer compartido
AUTHORS
- 3.1 Header compartido\n- 3.2 Grid de tarjetas de autor con foto, nombre y breve bio\n- 3.3 Paginación\n- 3.4 Footer compartido
EVENTS
- 4.1 Header compartido\n- 4.2 Calendario de eventos con tarjetas de fecha, título y descripción corta\n- 4.3 Botón para inscribirse\n- 4.4 Footer compartido
COMPETITIONS
- 5.1 Header compartido\n- 5.2 Lista de concursos con imágenes, plazos y botón "Participar"\n- 5.3 Footer compartido
CONTACT US
- 6.1 Header compartido\n- 6.2 Formulario de contacto (nombre, email, mensaje, botón enviar)\n- 6.3 Mapa estático\n- 6.4 Footer compartido
PROMPTS RELACIONADOS · BLOG / REVISTA
