Carrito Iniciar sesión
ARQUITECTURA · Claude Design · HTML

Áureo Estudio — Prompt de diseño web para Claude AI

Estudio de arquitectura y diseño urbano Diseñamos espacios que perduran.

↓ Descargar PROMPT.md
+0
0 0
GRATIS 0€
Áureo Estudio — vista previa
NUEVO PROMPT
PROMPT

Cópialo y pégalo en Claude Design

↓ Descargar PROMPT.md
Crea un sitio web de una sola página (HTML) usando Tailwind CSS CDN y JavaScript vanilla. La marca ficticia es Áureo Estudio (aureoestudio.com). El proyecto es un sitio corporativo para un estudio de arquitectura. **Paleta de colores**: - Principal: #0D1B2A (azul noche) - Secundario: #1B263B (gris profundo) - Accent: #E0E1DD (gris claro) - Highlight: #415A77 (azul acero) - Fondo: #F5F5F5 (gris muy claro) **Tipografía**: - Encabezados: 'Montserrat', sans-serif, peso 700 - Cuerpo: 'Inter', sans-serif, peso 400 **Estructura**: 1. **Header** (fixed, transparente hasta scroll) con logo a la izquierda y menú hamburguesa a la derecha. Al hacer clic, despliega un overlay con enlaces: Home, Studio, Blog, Contact. 2. **Hero** ocupa el viewport completo, video de fondo (loop muted autoplay)
4.226 caracteres · solo descargable completo ↓ Descargar PROMPT.md completo
4.226 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
Áureo Estudio — 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 superior con logo y menú hamburguesa
  • 1.2 Hero principal con video de fondo, título destacado y botón de estudio
  • 1.3 Sección de confianza con logos de clientes
  • 1.4 Bloque de misión con texto y video lateral
  • 1.5 Bloque intercalado de visión con imagen estática
  • 1.6 Ticker de proyectos en formato carrusel circular
  • 1.7 Galería de imágenes destacadas con interacción hover
  • 1.8 Footer con enlaces de navegación y datos de contacto

STUDIO

  • 2.1 Header interno con breadcrumb
  • 2.2 Grid de proyectos con imágenes y descripciones breves
  • 2.3 Modal emergente para detalle de proyecto
  • 2.4 Footer común

BLOG

  • 3.1 Lista de artículos con miniaturas y extractos
  • 3.2 Paginación inferior
  • 3.3 Footer común

CONTACTO

  • 4.1 Formulario de contacto con campos nombre, email, mensaje
  • 4.2 Mapa incrustado
  • 4.3 Información de oficina y redes sociales
  • 4.4 Footer común
PROMPTS RELACIONADOS · ARQUITECTURA

Otros prompts de la misma categoría