NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia **ArcoMente** (plataforma educativa para la primera infancia) usando **HTML**, **Tailwind CSS CDN** y **JavaScript vanilla** en un único archivo. El proyecto debe reproducir el diseño visual y la estructura de la web analizada, sin copiar textos ni imágenes originales. Utiliza los siguientes parámetros:
- **Paleta de colores**: #1A202C (gris oscuro), #2D3748 (gris medio), #38B2AC (turquesa), #F7FAFC (blanco casi puro), #E2E8F0 (gris claro).
- **Tipografía**: `font-family: 'Inter', sans-serif;` para cuerpos y `font-family: 'Playfair Display', serif;` para títulos.
- **Header**: barra superior mínima con logo a la izquierda, menú horizontal (Home, About, Programs, Blog, Contact) y a la derecha botón "Contact" y iconos de redes (Facebook, X,
4.029 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.029 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 Encabezado con logo, menú y botones
- 1.2 Hero video + título + subtítulo + botón
- 1.3 Cuadrícula de programas (3 columnas)
- 1.4 Valores/beneficios en iconos horizontales
- 1.5 Testimonios en carrusel
- 1.6 CTA final con botón destacado
- 1.7 Footer con enlaces, datos y redes
ABOUT
- 1.1 Encabezado compartido
- 1.2 Imagen grande + descripción de la misión
- 1.3 Equipo en tarjetas
- 1.4 Valores profundizados
- 1.5 CTA a contacto
- 1.6 Footer compartido
PROGRAM
- 1.1 Encabezado compartido
- 1.2 Lista de programas con tarjetas descriptivas
- 1.3 Detalle de programa individual (imagen, texto, agenda)
- 1.4 Inscripción CTA
- 1.5 Footer compartido
BLOG
- 1.1 Encabezado compartido
- 1.2 Grid de artículos (cards con imagen y excerpt)
- 1.3 Paginación simple
- 1.4 Footer compartido
CONTACT
- 1.1 Encabezado compartido
- 1.2 Formulario de contacto (nombre, email, mensaje, botón)
- 1.3 Mapa estático o imagen de ubicación
- 1.4 Footer compartido
PROMPTS RELACIONADOS · EDUCACIÓN
