NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia **Data Éter** (plataforma SaaS de gestión de proyectos) siguiendo el diseño y la estructura del sitio analizado. Usa **HTML5**, **Tailwind CSS via CDN** y **JavaScript vanilla** en un solo archivo.
**Alcance**:
- Implementar todas las páginas listadas en la tabla (HOME, ABOUT US, CONTACT US, BLOG, PRICING, FAQ, RESOURCE).
- Cada página debe reproducir los bloques enumerados, manteniendo la jerarquía y los patrones visuales (navbar, hero, grids, cards, accordion, footer).
- No copiar texto del original; generar contenido original en español (España), activo y sin jerga.
- Utilizar una paleta de colores basada en los valores extraídos: #0D0D0D (negro profundo), #FFFFFF (blanco), #1E40AF (azul intenso), #3B82F6 (azul brillante), #F3F4F6 (gr
4.375 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.375 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 con logo, enlaces principales, dropdown y botón de carrito
- 1.2 Hero con fondo degradado, título principal, subtítulo y botón principal
- 1.3 Bloque de características en tres columnas, cada una con ícono, título y descripción breve
- 1.4 Sección de casos de uso con imágenes y texto alineado
- 1.5 Tabla de precios con tres tarjetas, cada una con encabezado, lista de beneficios y botón
- 1.6 Preguntas frecuentes con lista de items colapsables
- 1.7 Footer con columnas de enlaces, formulario de suscripción y datos de contacto
ABOUT US
- 2.1 Hero interno con título y descripción
- 2.2 Historia de la empresa en dos columnas con imagen y texto
- 2.3 Equipo con tarjetas de miembros
- 2.4 Valores en grid de iconos
CONTACT US
- 3.1 Formulario de contacto con campos nombre, email, mensaje y botón enviar
- 3.2 Mapa incrustado y datos de oficina
BLOG
- 4.1 Lista de artículos en tarjetas con imagen, título, extracto y botón leer más
- 4.2 Sidebar con categorías y newsletter
PRICING
- 5.1 Tabla de precios (repetida de home) con detalle ampliado de cada plan
- 5.2 Comparativa de características en tabla
FAQ
- 6.1 Lista de preguntas frecuentes en acordeón similar a home
RESOURCE
- 7.1 Lista de recursos (casos de estudio, reseñas, integraciones) con enlaces y miniaturas
PROMPTS RELACIONADOS · SAAS / STARTUP
