NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web estática (un solo archivo HTML) usando HTML5, Tailwind CSS CDN y JavaScript vanilla que reproduzca el diseño analizado. Marca ficticia: Campus Neon, dominio campusneon.com. Paleta de colores: #0D0D0D (fondo principal), #FFFFFF (texto), #1A73E8 (botones primarios), #F5F5F5 (secciones claras), #E0E0E0 (bordes y hover). Tipografía: 'Inter', sans‑serif, importada de Google Fonts.
Estructura requerida:
- <header class="bg-black text-white sticky top-0 z-50"> con logo a la izquierda, menú de anclaje (Home, Demo, Inner Page, Utility, Authentication) y botón secundario “Buy Template”. Hamburger en móvil con animación simple.
- <section id="home" class="min-h-screen flex flex-col md:flex-row items-center bg-white py-16"> hero: <h1 class="text-4xl md:text-5xl font-bold text-blac
3.944 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.944 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, links y botón “Buy Template”
- 1.2 Hero con título, descripción y botones “Buy Template” y “More Templates”, imagen triple a la derecha
- 1.3 Sección “What’s Included” con label, título y tres columnas de inclusión (Inner Pages, 15+ Sections, 2 Home Pages)
- 1.4 Bloque Figma File Access con icono, texto y botón “Request Figma File”
- 1.5 Sección “Explore Main Pages” con título y tarjetas de demo de home pages
DEMO PAGE (ejemplo de página interior)
- 2.1 Cabecera heredada del home
- 2.2 Contenido específico del demo (no detallado en el HTML original)
- 2.3 Footer con información de contacto (no presente en el fragmento, se crea genérico)
PROMPTS RELACIONADOS · EDUCATION
