NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático para la marca ficticia "Línea Íntima" (estudio de tatuajes y piercings) usando HTML, Tailwind CSS desde CDN y JavaScript vanilla en un único archivo. Emplea la siguiente paleta de colores: fondo negro #0a0a0a, texto principal blanco #f5f5f5, acento rojo oscuro #8b0000, acento gris claro #d3d3d3. Tipografía: headings con "Playfair Display" (Google Fonts) y cuerpo con "Inter".
Estructura:
- Header (navbar) centrado, logo SVG ficticio a la izquierda, enlaces en dos columnas (Home, About / Services, Contact) que colapsan en menú hamburguesa en móvil.
- Sección Hero (#home): contenedor centrado, título H1 grande con efecto de trazo (stroke-text) que dice "Arte en tu piel", subtítulo párrafo, botón primario "Conecta ahora" que ancla a #contact.
- Sección de iconos (d
3.730 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.730 caracteres · licencia libre
Solo descarga completa disponible
CAPTURA COMPLETA · HOME
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 central con logo y enlaces en dos columnas
- 1.2 Hero con título grande, texto descriptivo y botón de llamada a la acción
- 1.3 Cuadrícula de iconos resaltando servicios principales
- 1.4 Sección "Sobre nosotros" con texto y fondo ilustrado
- 1.5 Sección de servicios con imagen y descripción lateral
- 1.6 Área de tarjetas de servicios destacados con imágenes y textos breves
- 1.7 Bloque con imagen y texto invertido (imagen a la izquierda, texto a la derecha)
- 1.8 Pie de página simple con información de contacto y enlaces
ABOUT
- 2.1 Título y párrafo introductorio del estudio
- 2.2 Imagen de fondo con texto superpuesto
SERVICES
- 3.1 Imagen de cabecera del servicio
- 3.2 Título y descripción del servicio principal
- 3.3 Botón de enlace a contacto
SERVICES CARDS
- 4.1 Tarjeta "Minimal y Personalizado" con imagen y descripción
- 4.2 Tarjeta "Audaz y Significativo" con imagen y descripción
- 4.3 Tarjeta "Tatuaje en Pareja a Domicilio" con imagen y descripción
CONTACT
- 5.1 Formulario de contacto sencillo (nombre, email, mensaje) y botón enviar
- 5.2 Información de contacto y enlaces sociales
PROMPTS RELACIONADOS · CREATIVO
