NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
---
URL de la captura de referencia: https://www.designprompting.com/themes/brama-studio/theme.jpg
IMPORTANTE — Verificación previa (hazla ANTES de cualquier otra cosa):
Comprueba si tienes la imagen de referencia ADJUNTA como archivo (no como URL en texto).
- Si NO hay imagen adjunta y solo ves la URL → DETENTE. No generes nada.
Responde únicamente:
"⚠️ Solo tengo la URL, no la captura. Descárgala desde aquí y adjúntala al chat
para que pueda replicar el diseño con fidelidad:
https://www.designprompting.com/themes/brama-studio/theme.jpg"
- Si la imagen SÍ está adjunta → continúa con las instrucciones de abajo.
---
## Referencia visual
Replica fielmente el diseño de la captura adjunta (estructura, paleta, tipografía).
Si necesitas la imagen como recurso real en la web, está d
6.388 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
6.388 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 Header transparente fijo con logo, botón Empezar y hamburguesa
- 1.2 Hero pantalla completa naranja con titular gigante animado
- 1.3 Franja manifiesto con párrafo y enlace
- 1.4 Grid de servicios en tres columnas numeradas
- 1.5 Mosaico de proyectos destacados
- 1.6 Banda oscura con cifras animadas
- 1.7 Slider de testimonios
- 1.8 Carrusel de logos de clientes
- 1.9 Tarjetas de últimas publicaciones
- 1.10 CTA final Hablemos
- 1.11 Footer oscuro con columnas y redes
ESTUDIO
- 2.1 Header transparente
- 2.2 Hero editorial con titular grande y subtítulo de filosofía
- 2.3 Bloque de historia con texto a dos columnas
- 2.4 Galería de fotos del equipo en cuadrícula irregular
- 2.5 Lista de valores con iconos
- 2.6 Timeline horizontal con hitos del estudio
- 2.7 CTA Únete al equipo
- 2.8 Footer
SERVICIOS
- 3.1 Header transparente
- 3.2 Hero con titular gigante 'Lo que hacemos'
- 3.3 Lista vertical de servicios con acordeón desplegable
- 3.4 Bloque de proceso de trabajo en cuatro pasos
- 3.5 Grid de herramientas y disciplinas
- 3.6 CTA solicitar presupuesto
- 3.7 Footer
PROYECTOS
- 4.1 Header transparente
- 4.2 Hero con titular y filtros por categoría
- 4.3 Masonry de casos con hover de color
- 4.4 Paginación numérica
- 4.5 CTA ver más
- 4.6 Footer
DETALLE DE PROYECTO
- 5.1 Header transparente
- 5.2 Hero con imagen grande y título del caso
- 5.3 Ficha técnica con cliente, año, disciplinas
- 5.4 Bloques alternos de texto e imagen
- 5.5 Galería a pantalla completa
- 5.6 Navegación a proyecto anterior y siguiente
- 5.7 Footer
DIARIO
- 6.1 Header transparente
- 6.2 Hero editorial con artículo destacado
- 6.3 Grid de artículos con categoría y fecha
- 6.4 Sidebar con categorías y suscripción
- 6.5 Footer
CONTACTO
- 7.1 Header transparente
- 7.2 Hero con titular 'Cuéntanos tu proyecto'
- 7.3 Formulario amplio a la izquierda y datos de contacto a la derecha
- 7.4 Mapa o ilustración del estudio
- 7.5 Footer
PROMPTS RELACIONADOS · AGENCIA DIGITAL
