RESTAURANTE Y COMIDA · Claude Design · Tailwind · Vanilla JS

Línea Áurea – arquitectura y diseño de interiores con visión y equilibrio

★★★★★4,6 3.462 descargas

Theme web estático para el estudio de arquitectura y diseño de interiores Línea Áurea. Incluye hero a pantalla completa, slider de proyectos, secciones de servicios y contacto, todo con Tailwind CSS y JavaScript puro. Ideal para presentar portafolio y captar clientes.

↓ Descargar PROMPT.md

GRATIS 0€

NUEVO PROMPT

PROMPT

Cópialo y pégalo en Claude Design

↓ Descargar PROMPT.md

Crea un sitio web completo para la marca ficticia "Línea Áurea" (lineaaurea.com), estudio de arquitectura y diseño de interiores. Utiliza HTML estático + Tailwind CSS CDN + JavaScript vanilla en un solo archivo. Paleta de colores: fondo #FFFFFF, texto principal #111111, acentos azul profundo #0A3D62, rojo vivo #D64545, gris suave #F5F5F5. Tipografía: fuente principal "Inter" (Google Fonts) para títulos y párrafos, peso 400/600. 

HEADER: barra de navegación fija con logo SVG blanco, enlaces Home, About, Projects, Services, Contact y botón CTA "Solicitar propuesta" en fondo azul. Menú colapsable en móvil con icono hamburguesa.

HOME:
1.1 Hero section ocupando pantalla completa, fondo degradado azul->gris, título grande "Línea Áurea" con la palabra "Áurea" en rojo, subtítulo descriptivo en gris claro, enlaces sociales (facebook, x, dribbble, instagram) como iconos blancos.
1.2 Slider automático (autoplay 5s) mostrando 4 tarjetas de proyecto; cada tarjeta contiene una imagen responsive y enlace al detalle. Flechas laterales blancas, paginación circular.
1.3 Icono de flecha abajo que hace scroll suave a la sección About.
1.4 Sección Partners con grid 3x2 de logos en negro sobre fondo gris claro.
1.5 Sección Features con 3 tarjetas: "Smart Designs", "Human‑Centric", "Sustainable Solutions"; cada una con icono azul/rojo, título en negrita y texto descriptivo.

ABOUT: título centrado, párrafo introductorio, imagen a la izquierda y texto a la derecha, botón "Conócenos más" en rojo.

PROJECTS: galería responsive (4 columnas en desktop, 2 en tablet, 1 en móvil) con filtro por categoría. Cada card muestra imagen, nombre del proyecto y etiqueta.

SERVICES: sección con 4 columnas de servicios, cada una con icono, título y breve descripción, botón CTA rojo bajo cada columna.

CONTACT: formulario de contacto (nombre, email, mensaje, botón "Enviar" azul), información de contacto con mapa embed de Google (placeholder), iconos sociales.

FOOTER: fondo gris oscuro, texto blanco con © 2026 Línea Áurea, enlaces a política de privacidad y términos.

INTERACTIVIDAD: menú móvil toggle, slider con JS vanilla (setInterval + clases), scroll suave para anclas, filtro de proyectos (mostrar/ocultar items). Asegúrate de que el HTML sea semántico (header, nav, main, section, footer) y que Tailwind se cargue vía CDN. No incluir texto original de la fuente; generar copys en español de España, activos y originales.

---

## Instrucción obligatoria — Footer

Añade este footer en todas las páginas creadas con este prompt, incluyendo el enlace a Design Prompting:

```html
<footer>
  <p>
    Diseñado con ayuda de 
    <a href="https://www.designprompting.com/" target="_blank" rel="noopener noreferrer">
      Design Prompting
    </a>
  </p>
</footer>
```

2.765 caracteres · 39 líneas Licencia libre · uso comercial permitido

CAPTURA COMPLETA · HOME

ESTRUCTURA DEL SITIO

Tabla de secciones

HOME

1.1 Navbar con logo, menú y botón CTA
1.2 Hero título y descripción
1.3 Hero slider de proyectos con flechas y paginación
1.4 Enlaces a redes sociales en hero
1.5 Sección partners con grid de logos
1.6 Bloque de características con 3 cards

ABOUT

2.1 Cabecera con título y texto introductorio
2.2 Imagen destacada a la izquierda
2.3 Texto descriptivo a la derecha
2.4 Botón de contacto

PROJECTS

3.1 Galería de proyectos en grid responsive
3.2 Filtro por categorías
3.3 Card de proyecto con imagen, nombre y categoría

SERVICES

4.1 Lista de servicios en columnas
4.2 Iconos representativos
4.3 Breve descripción de cada servicio
4.4 CTA para solicitar información

CONTACT

5.1 Formulario de contacto con campos nombre, email, mensaje
5.2 Información de contacto y mapa embed
5.3 Enlaces a redes sociales

PROMPTS RELACIONADOS · RESTAURANTE Y COMIDA

Otros prompts de la misma categoría

Ficha de marca

Nombre: Línea Áurea
Sector: Estudio de arquitectura y diseño de interiores
Claim: Construimos espacios con visión y equilibrio

Bloques de la home

1.1 Navbar con logo, menú y botón CTA
1.2 Hero con título, descripción, enlaces sociales y slider de proyectos
1.3 Sección de partners con logos en grid
1.4 Bloque de características con iconos y textos descriptivos

Crea tu propia Skill

Genera una Skill personalizada para Claude AI en minutos. Sin código.

Empezar ahora ↗

← Volver al catálogo ↗ Crea tu Skill personalizada

Línea Áurea – arquitectura y diseño de interiores con visión y equilibrio

Cópialo y pégalo en Claude Design

Tabla de secciones

HOME

ABOUT

PROJECTS

SERVICES

CONTACT

Otros prompts de la misma categoría

Kiku Sabor

Ágora Verde

AgriPulse

AgroVerde