CREATIVO · Claude Design · TailwindCSS · Vanilla JS

Arte Aurora – Estudio de tatuajes con diseño web moderno

Descubre el theme de una sola página para el estudio de tatuajes Arte Aurora, con una estética oscura, tipografías premium y animaciones fluidas. Ideal para presentar portfolio, artistas, precios y reservar citas de forma rápida y responsive.

↓ Descargar PROMPT.md
+0
0 0
GRATIS 0€
Arte Aurora — vista previa
NUEVO PROMPT
PROMPT

Cópialo y pégalo en Claude Design

↓ Descargar PROMPT.md
Crea un sitio web estático de una sola página para la marca ficticia Arte Aurora, un estudio de tatuajes contemporáneo. Usa HTML5, TailwindCSS vía CDN y JavaScript vanilla (sin frameworks) en un único archivo. Reproduce fielmente la estructura y estilo del sitio original: - Paleta de colores: fondo #111111, textos principales #FFFFFF, acentos #E0A400, sombras #00000080. - Tipografía: headings con "Montserrat" (sans-serif) peso 700, body con "Inter" peso 400. - Header: barra fija, logo a la izquierda (placeholder SVG), menú hamburguesa que despliega una barra lateral con links: Home, About, Gallery, Artists, Awards, Pricing, Locations y botón destacado "Book a visit" con flecha SVG. - Hero: contenedor full‑height, texto dividido en tres capas (upper, middle, lower) animadas con fade‑in;
4.153 caracteres · solo descargable completo ↓ Descargar PROMPT.md completo
4.153 caracteres · licencia libre Solo descarga completa disponible
CAPTURA COMPLETA · HOME
Arte Aurora — 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 Cabecera fija con logo, menú hamburguesa y enlace "Book a visit"
  • 1.2 Hero principal con título "Where Ink becomes Art", descripción y dos botones (ver precios, reservar)
  • 1.3 Bloque "About" con texto introductorio y botón secundario
  • 1.4 Galería tipo grid con imágenes de tatuajes
  • 1.5 Sección "Artists" con tarjetas de cada artista (foto, nombre, especialidad, botón perfil)
  • 1.6 Sección "Awards" con íconos o logotipos de premios
  • 1.7 Sección "Pricing" con tarjetas de precios (básico, medio, premium) y llamada a acción
  • 1.8 Sección "Locations" con mapa y lista de ciudades
  • 1.9 Footer con enlaces útiles, redes sociales y formulario de newsletter

EMPLOYMENT

  • 2.1 Modal "Open positions" con lista de vacantes, descripción y botón "Apply now"

BOOKING

  • 3.1 Modal "Application Form" con campos: nombre completo, edad, teléfono, ubicación, email, descripción del tatuaje, checkbox de privacidad y botón "Book now"
PROMPTS RELACIONADOS · CREATIVO

Otros prompts de la misma categoría