NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca Aula Faro, una plataforma SaaS de gestión de datos y automatización empresarial. Usa exclusivamente HTML estático, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. Reproduce el diseño visual y la estructura del sitio original analizado: fondo oscuro con acentos en verde azulado, tipografía principal "Inter" (Google Fonts) para títulos y "Roboto" para cuerpo.
**Paleta de colores**
- Fondo principal: #0A0A0A
- Card/Sección: #141414
- Texto principal: #E5E5E5
- Texto secundario: #A0A0A0
- Acento: #00D1B2
- Hover/Active: #00A89A
**Tipografía**
- <link href="https://fonts.googleapis.com/css2?family=Inter:wght@600;700&family=Roboto:wght@400;500&display=swap" rel="stylesheet">
- Clase `font-inter` = font-family:'Inter',sans-serif; `font-
5.455 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
5.455 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, enlaces principales y botón de registro
- 1.2 Hero con título destacado, subtítulo, llamada a la acción y gráfica decorativa
- 1.3 Sección de características resaltadas en tarjetas con iconos y texto breve
- 1.4 Área de casos de uso en cuadrícula con imágenes e información contextual
- 1.5 Testimonios rotativos en carrusel simple
- 1.6 Llamada a la acción final con formulario de captura de email
- 1.7 Footer con enlaces de navegación, redes sociales y datos de contacto
ABOUT
- 2.1 Cabecera con título de la empresa y breve historia
- 2.2 Valores y misión en bloques con iconos
- 2.3 Equipo en tarjetas con foto y descripción
- 2.4 CTA para contactar
- 2.5 Footer replicado
PRICING
- 3.1 Tabla comparativa de planes con precios, características y botones de selección
- 3.2 FAQ en acordeón
- 3.3 CTA secundaria
- 3.4 Footer replicado
BLOG
- 4.1 Lista de artículos en tarjetas con imagen, título, extracto y fecha
- 4.2 Sidebar con categorías y búsqueda
- 4.3 Paginación
- 4.4 Footer replicado
CONTACT
- 5.1 Formulario de contacto con campos nombre, email, mensaje
- 5.2 Mapa estático incrustado
- 5.3 Información de contacto y redes sociales
- 5.4 Footer replicado
PROMPTS RELACIONADOS · EDUCACIÓN
