Carrito Iniciar sesión
AGENCIA DIGITAL · Claude Design · HTML

Media Éter — Prompt de diseño web para Claude AI

Agencia digital especializada en experiencias web interactivas Diseñamos interfaces que inspiran.

↓ Descargar PROMPT.md
+0
0 0
GRATIS 0€
Media Éter — vista previa
NUEVO PROMPT
PROMPT

Cópialo y pégalo en Claude Design

↓ Descargar PROMPT.md
Crea un sitio web completo para la marca ficticia **Media Éter** (agencia digital) usando **HTML estático**, **Tailwind CSS via CDN** y **JavaScript vanilla** en un único archivo. Replicar la estructura y estilos de la plantilla analizada sin copiar contenido literal. --- **Paleta de colores** (adaptada a tonos oscuros y acentos azul‑gris): - Fondo principal: #0A0E1A - Fondo secundario / tarjetas: #141822 - Texto principal: #E5E7EB - Texto secundario: #9CA3AF - Color acento (botones, hover): #627A8A - Borde/overlay: rgba(255,255,255,0.1) **Tipografía**: Use Google Font "Inter" (sans‑serif) para todo el texto. Títulos en peso 700, cuerpo en 400. --- **Header** (sticky): - Logo a la izquierda (placeholder SVG). - Menú de navegación centrado con enlaces: Intro, Home (dropdown con Home 1, H
4.919 caracteres · solo descargable completo ↓ Descargar PROMPT.md completo
4.919 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
Media Éter — 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 Header con logo, menú dropdown y botón Contacto
  • 1.2 Hero: título dividido en tres líneas, párrafo descriptivo, botón "Explorar", scroll indicativo y mockup visual
  • 1.3 CTA doble‑sided: cuadrícula de 4 bloques repetidos, cada uno con título y símbolo
  • 1.4 Galería de tarjetas: grid de 3 cards, cada una con imagen y enlace a versiones de Home
  • 1.5 Footer: zona de bajo con enlaces de navegación y datos de contacto (asumido)

PÁGINAS INTERNAS (ejemplo)

  • About Us: encabezado, texto descriptivo, foto de equipo, llamada a acción
  • Projects: grid de proyectos con filtros, tarjetas con imágenes y descripciones
  • Blog: lista de artículos con miniaturas, extractos y enlaces
  • Contact Us: formulario simple, mapa incrustado, datos de contacto
PROMPTS RELACIONADOS · AGENCIA DIGITAL

Otros prompts de la misma categoría