INDUSTRIA / FÁBRICA · Claude Design · HTML

BrotePuro — Prompt de diseño web para Claude AI

★★★★★4,8 467 descargas

Coaching de marca personal y posicionamiento para profesionales independientes Convierte visitas en conversaciones, y conversaciones en clientes.

↓ Descargar PROMPT.md

GRATIS 0€

NUEVO PROMPT

PROMPT

Cópialo y pégalo en Claude Design

↓ Descargar PROMPT.md

Crea una web single-file en HTML + Tailwind (CDN) + JavaScript vanilla para la marca ficticia BrotePuro, un coach de marca personal y posicionamiento que ayuda a profesionales independientes a captar mejores clientes desde su web. Dominio brotepuro.com, email hola@brotepuro.com, año 2025. Claim: 'Convierte visitas en conversaciones, y conversaciones en clientes'. Tono cercano, directo, sin jerga marketinera, en español de España.

STACK Y REQUISITOS TÉCNICOS
- Un único archivo index.html autocontenido.
- Tailwind por CDN (https://cdn.tailwindcss.com) con configuración inline para añadir fuentes y colores personalizados.
- JS vanilla para: navbar sticky, animación de aparición al hacer scroll (IntersectionObserver), rotación continua del sello splash del hero, acordeón de FAQ, flotación sua

ß≤█↑▒ⁿ┤ß ░┼╚Φ♠≡≥ ║ß◘╔α²≤ ∩←╩═│╫▀ ╦∩τ▓╣τΣ └║╩↑╚π≥ ≥∞░α─│
 ♠║█≥┴→ε ╩▀═▀≥↑┬ Σ∞πⁿε∩∞ ╗▀→←√◙φ Σα→ßßπΣ √²Φ♦╚→↑ Φ░∩╫σ
→ φ╚╦↓δ█♠ █♣•▒→δε ╬░█ΩΩⁿµ ▀╩αφ║└╠ ╫┴◘█σ≤┴ ∩√≥↔├←♠ ♦◘║Φ
σ◙ ≡↑╫╫εΦ║ ◘√•ⁿτ╬α ♦╬≡←ß♣ⁿ ╠┼║µß◙░ ²²≡↔├█▓ ♣┬╦■Σ∩╗ ⁿΦ└
═Φ→ ╩╣ε²♠√↑ ↑╗ⁿ√Ω└♣ ─φ║α≥φ• ═╡ß│╩α╡ ß∩←╡≡╦◘ ▓≥║╗σ♠∩ ♠←
τß█├ ▀■φ╣♣╦Φ ∩├≤╡■░█ ╩♠α√↓σ═ ↑♠♠█◙■∞ ╬█↑┴═╩┤ ║▀↓╗├█♦ ♦
ε╗←╦╔ φε╚╝╔║╚ ⁿ→╗δ←∞◘ ∩║µπ²α╩ ┼→←•σ╚╬ µ▒ε┤┴└═ ⁿ±Σ◘Φφ╫ 
↔σ≥∞δ▒ █╬░■↓█ß └╫╣≥├•µ ♦ε♣█♦╫┼ Σ²╬◘█└α ↑φ◙ΦΦ≡♣ ╠◙δ◙∞±▀
╦∞◘├┴µ↔ ╫╠→↑╬═ß ↓δ╦╝╩┼♠ ╗µ╣═├■┼ √α≥▓σ█♦ π•▓┤▓╡↔ ╝√δ♠≥µ
 →┤═╠δ╬─ Σ▀═∩╫╚Σ ╚Φ─≤≥δ╔ Ωα√╦↓↔╚ ░Ω╬²▒▒µ δ═│Σ◘╡• π▒♣╡δ
τ ßδ∞∩░≡Φ ▀α≤↔ε∞╔ ┤↓◙Φ╝▓╫ ε╦δ═←φ▓ δ≤σ╗╚≡├ ↑τ╗█δ√²

7.861 caracteres · solo descargable completo ↓ Descargar PROMPT.md completo

7.861 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 Navbar superior con logo y menú en mayúsculas
1.2 Hero sticky con stickers 3D y titular display con serif intercalado
1.3 Banda de microtextos del hero (marca, tagline, año)
1.4 Sección Sobre con titular gigante y CTA al método
1.5 Grid de casos de éxito a pantalla completa con ficha lateral
1.6 Sección Método con pasos numerados
1.7 Banda de sectores/industrias atendidas
1.8 Bloque FAQ con acordeón
1.9 CTA final para agendar llamada
1.10 Footer con marca statement y datos de contacto

CASOS

2.1 Hero de listado con título display y descripción breve
2.2 Grid de tarjetas de caso con imagen, nombre y rol
2.3 CTA inferior para agendar llamada

MÉTODO

3.1 Hero con titular display y subtítulo
3.2 Timeline vertical con las cuatro fases del trabajo
3.3 Bloque de principios o filosofía
3.4 CTA final para agendar llamada

AGENDA UNA LLAMADA

4.1 Hero compacto con titular y promesa de la llamada
4.2 Formulario de reserva en dos columnas (datos + qué esperar)
4.3 FAQ breve sobre la sesión
4.4 Footer

PROMPTS RELACIONADOS · INDUSTRIA / FÁBRICA

Otros prompts de la misma categoría

Ficha de marca

Nombre: BrotePuro
Sector: Coaching de marca personal y posicionamiento para profesionales independientes
Claim: Convierte visitas en conversaciones, y conversaciones en clientes

Para que Claude replique el diseño con la mayor fidelidad posible, descarga la captura y adjúntala en tu chat antes de pegar el prompt.

Descargar captura de referencia

Bloques de la home

1.1 Navbar superior con logo a la izquierda y menú en mayúsculas (Inicio, Casos, Método, Agenda una llamada, Comprar)
1.2 Hero sticky con stickers 3D flotantes alrededor de un gran titular display en mayúsculas con palabra serif en cursiva intercalada, sello circular giratorio tipo splash con flecha apuntando a CTA
1.3 Banda inferior del hero con tres microtextos en mayúsculas (Sobre marca, Tagline, Año)
1.4 Sección Sobre con tipografía display gigante y botón primario con flecha y estrella animada hacia el método
1.5 Grid de casos de éxito a pantalla completa: imagen de fondo grande + ficha con nombre enorme, testimonio, rol, industria y tipo de servicio, con botón Ver más
1.6 Sección Método con pasos numerados y descripción breve de cada fase del trabajo
1.7 Banda de logos o sectores donde trabaja con clientes
1.8 Bloque FAQ con acordeón sobre cómo funciona el coaching
1.9 CTA final pantalla completa con titular display y botón para agendar llamada
1.10 Footer con marca grande tipo statement, navegación, email de contacto y enlaces sociales

Crea tu propia Skill

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

Empezar ahora ↗

Diseña con Claude Design

¿Te gusta este theme? Instala Claude Design y crea el tuyo hablando con Claude.

Instalar Claude Design ↗

← Volver al catálogo ↗ Crea tu Skill personalizada

BrotePuro — Prompt de diseño web para Claude AI

Cópialo y pégalo en Claude Design

Convierte este prompt en diseño real

Tabla de secciones

HOME

CASOS

MÉTODO

AGENDA UNA LLAMADA

Otros prompts de la misma categoría

AetherMind

Cargonauta Soluciones

FluxCore OS

GloboVía