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

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

Agencia digital que crea identidad visual y sitios web para startups tecnológicas Diseñamos claridad para que tu proyecto sea comprendido al instante.

↓ Descargar PROMPT.md
+0
0 0
GRATIS 0€
Escuela Cedro — 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 "Escuela Cedro" (agencia digital) usando únicamente HTML, Tailwind CSS (CDN) y JavaScript vanilla en un único archivo. Reproduce fielmente la estructura y el estilo visual del sitio analizado: - **Paleta de colores**: fondo blanco #ffffff, texto principal #0c151d, acentos #0a0a0a, botón primario #000000 con hover #111111, gris suave #f5f5f5 para secciones. - **Tipografía**: headings Roboto Slab (serif) y body Inter (sans-serif), ambos importados desde Google Fonts. - **Header**: barra fija con logo a la izquierda, enlaces de navegación (Work, Services, Awards, Pricing, Benefits) y botón primario "See pricing" a la derecha. En móviles, sustituir por icono hamburguesa que abre menú overlay. - **Hero**: sección a pantalla completa, título
3.910 caracteres · solo descargable completo ↓ Descargar PROMPT.md completo
3.910 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 Cedro — 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ú y botón primario
  • 1.2 Hero principal con título destacado, texto descriptivo, botones CTA y frase de apoyo
  • 1.3 Marquee de logos de clientes en bucle horizontal
  • 1.4 Slider de proyectos con tarjetas de trabajo (título y captura)
  • 1.5 Footer con enlaces de navegación, datos de contacto y redes sociales

WORKS

  • 1.1 Grid de proyectos con tarjetas, cada una con título, imagen y enlace a caso de estudio

ABOUT

  • 1.1 Sección introductoria con foto y texto descriptivo de la agencia
  • 1.2 Valores y metodología en bloques de texto e íconos

CONTACT

  • 1.1 Formulario de contacto simple (nombre, email, mensaje)
  • 1.2 Información de contacto directa y mapa embebido
PROMPTS RELACIONADOS · EDUCACIÓN

Otros prompts de la misma categoría