Carrito Iniciar sesión
EDUCACIÓN · Claude Design · HTML

Escuela Faro — Prompt de diseño web para Claude AI

Plantilla Web para proyectos de eSports, gaming y NFTs Diseños listos para lanzar tu comunidad digital.

↓ Descargar PROMPT.md
+0
0 0
GRATIS 0€
Escuela Faro — vista previa
NUEVO PROMPT
PROMPT

Cópialo y pégalo en Claude Design

↓ Descargar PROMPT.md
Crea una página web estática (HTML único) usando Tailwind CSS CDN y JavaScript vanilla que reproduzca el diseño de una landing page para una plantilla de eSports y gaming NFT bajo la marca ficticia "Escuela Faro". Sigue estas indicaciones: **Paleta de colores** (extraída del original): - #0A0A0A (casi negro) para fondos principales - #1E1E1E (gris oscuro) para secciones - #E63946 (rojo vibrante) para botones primarios - #F1FAEE (blanco roto) para texto sobre fondos oscuros - #457B9D (azul suave) para acentos y hover **Tipografía**: Usa "Inter" para todo el texto (carga desde Google Fonts). Peso 400 para párrafos, 600 para subtítulos y 700 para títulos. **Estructura**: 1. **Header / Navbar** (clase `fixed top-0 w-full bg-[#0A0A0A] shadow-lg`) - Logo a la izquierda (texto "Escuela Faro
4.505 caracteres · solo descargable completo ↓ Descargar PROMPT.md completo
4.505 caracteres · licencia libre Solo descarga completa disponible
CLAUDE DESIGN

Convierte este prompt en diseño real

Instala Claude Design, pega el prompt y ve la interfaz cobrar forma al instante.

Instalar Claude Design ↗
CAPTURA COMPLETA · HOME
Escuela Faro — home completa
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, menú y botón principal
  • 1.2 Hero con título destacado, botones de acción y galería de imágenes
  • 1.3 Sección de características con subtítulo, título y tarjetas de información
  • 1.4 Card de solicitud de archivo Figma
  • 1.5 Footer con enlaces de navegación y datos de contacto

INNERS

  • 2.1 Lista de enlaces a páginas internas de demostración
  • 2.2 Grid de vistas previas de secciones internas

UTILITIES

  • 3.1 Enlaces a páginas de utilidad (404, FAQ, etc.)
  • 3.2 Botones de acción rápidos

AUTHENTICATIONS

  • 4.1 Formularios de login y registro simulados
  • 4.2 Mensajes de error y confirmación estilizados
PROMPTS RELACIONADOS · EDUCACIÓN

Otros prompts de la misma categoría