NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia "Instituto Arcano" (agencia digital) usando solo un archivo HTML con Tailwind CSS CDN y JavaScript vanilla. Reproduce fielmente la estructura y estilo del sitio analizado:
- Paleta de colores: #111111 (negro profundo), #FFFFFF (blanco), #F5F5F5 (gris claro), #FF6600 (naranja acento) y #333333 (gris oscuro para texto).
- Tipografía: Inter (Google Fonts) para títulos y cuerpo, peso 400-700.
- Header fijo con logo a la izquierda, menú horizontal (Home, Projects, Services, About, Articles) y botón de contacto negro con texto blanco y flecha derecha. Incluye icono de carrito con contador.
- Hero: sección ocupando pantalla completa, fondo gris muy claro, título grande en negro, subtítulo gris oscuro y botón principal negro con texto blanco.
3.526 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.526 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ú, botón contacto y carrito
- 2.1 Hero con título, subtítulo y botón principal
- 3.1 Cuadrícula de proyectos destacados
- 4.1 Servicios en tarjetas
- 5.1 Testimonios en carrusel
- 6.1 Formulario de suscripción
- 7.1 Footer con enlaces y datos de la empresa
PROJECTS
- 1.1 Cabecera idéntica a Home
- 2.1 Lista de proyectos en grid con filtro por categoría
- 3.1 Footer idéntico a Home
SERVICES
- 1.1 Cabecera idéntica a Home
- 2.1 Sección de servicios con iconos y descripción detallada
- 3.1 CTA a contacto
- 4.1 Footer idéntico a Home
ABOUT
- 1.1 Cabecera idéntica a Home
- 2.1 Historia y valores en bloques de texto e imagen
- 3.1 Equipo en tarjetas con foto y rol
- 4.1 Footer idéntico a Home
CONTACT
- 1.1 Cabecera idéntica a Home
- 2.1 Formulario de contacto con campos nombre, email, asunto y mensaje
- 3.1 Mapa integrado (placeholder)
- 4.1 Footer idéntico a Home
Imagen generada con OpenRouter · Nano Banana (Gemini 2.5 Flash Image) · google/gemini-2.5-flash-image · 29/06/2026
PROMPTS RELACIONADOS · EDUCACIÓN
