TECNOLOGÍA · Claude Design · HTML

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

★★★★★4,9 634 descargas

Barbería urbana de estilo contemporáneo Cortes precisos y ambiente relajado.

↓ 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 "Corte Áureo" (barbería urbana). Usa solo HTML, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. Paleta de colores: negro primary #000000, gris oscuro #222222, gris claro #f5f5f5, acento dorado #c5a880 y blanco #ffffff. Tipografía: inter (sans‑serif) para cuerpo y playfair display (serif) para encabezados. Estructura:
- Header fijo con logo texto "Corte Áureo", menú horizontal (Sobre Nosotros, Servicios, Sucursales, Equipo) y botón secundario "Reserva ahora" que abre enlace externo.
- Hero ocupando pantalla completa con título grande "Cortes precisos y ambiente relajado", fondo de imagen full‑width (placeholder) con overlay oscuro y botón primario "Reserva ahora".
- Sección ticker horizontal autoscroll infinito que muestra palabras clave: Confianza, Experiencia, Confort, Excelencia, Precisión, Lujo (estilo itálico, gran tamaño, color dorado) y separadores geométricos.
- Galería de 3 imágenes en grid responsivo: una imagen grande a la izquierda y dos pequeñas a la derecha con efecto parallax al hacer scroll.
- Repetir ticker como separador de sección.
- Área de especialidades con pestañas (Tabs) para "Cortes", "Cuidado de barba", "Line‑Ups", "Refinamientos". Cada tab muestra una imagen y un botón de enlace interno "Ver más".
- Footer con columnas: Navegación, Contacto (email, teléfono), Redes sociales (iconos) y dirección. Fondo gris oscuro, texto gris claro.
Requisitos técnicos: todas las interacciones (menú móvil, apertura de tabs, scroll ticker) en JavaScript sin dependencias externas. El menú móvil aparece al ancho <768px, con botón hamburguesa que despliega lista vertical. Los botones deben tener doble línea overlay estilo "border‑animation". Garantiza accesibilidad (aria‑labels) y SEO básico (etiquetas meta, títulos H1‑H3).

---

## 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.164 caracteres · 26 líneas Licencia libre · uso comercial permitido

CAPTURA COMPLETA · HOME

ESTRUCTURA DEL SITIO

Tabla de secciones

HOME

1.1 Header con logo, menú y botón reserva
2.1 Hero principal con título y CTA
3.1 Ticker de valores
4.1 Galería de imágenes en grid
5.1 Ticker repetido bajo la galería
6.1 Sección de especialidades con tabs
7.1 Footer con enlaces y contacto

ABOUT

1.1 Header
2.1 Texto descriptivo de la barbería
3.1 Imagen de equipo
4.1 Testimonios
5.1 Footer

TREATMENTS

1.1 Header
2.1 Lista de tratamientos con imágenes y descripciones
3.1 CTA reserva
4.1 Footer

LOCATIONS

1.1 Header
2.1 Mapa interactivo
3.1 Listado de sucursales con horarios
4.1 Footer

BARBERS

1.1 Header
2.1 Perfil de barberos con foto y bio breve
3.1 CTA reserva por barbero
4.1 Footer

PROMPTS RELACIONADOS · TECNOLOGÍA

Otros prompts de la misma categoría

Ficha de marca

Nombre: Corte Áureo
Sector: Barbería urbana de estilo contemporáneo
Claim: Cortes precisos y ambiente relajado

Bloques de la home

1.1 Header con logo, menú principal y botón "Reserva ahora"
2.1 Hero con título destacado, imagen de fondo y botón de reserva
3.1 Ticker continuo de palabras clave de la marca
4.1 Galería de imágenes con efecto parallax y grid responsivo
5.1 Ticker repetido como separador visual
6.1 Área de servicios con tabs (Cortes, Cuidado de barba, Line‑Ups, Refinamientos)
7.1 Footer con enlaces de navegación y datos de contacto

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

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

Cópialo y pégalo en Claude Design

Tabla de secciones

HOME

ABOUT

TREATMENTS

LOCATIONS

BARBERS

Otros prompts de la misma categoría

Lectorio

Lumenova Apps

Lumenova Labs

LumenSpark