NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una web corporativa completa y autocontenida para la marca ficticia FlujoNorte Studio, una consultora de operaciones y procesos para estudios creativos y agencias. Claim: 'Ordenamos el caos operativo para que el equipo vuelva a crear'. Dominio flujonorte.com, email hola@flujonorte.com, año 2025. Todo el contenido en español de España, original, sin jerga marketinera, verbos en activo.
STACK Y ENTREGA
- Un único archivo HTML autocontenido.
- Usa Tailwind CSS por CDN (script de cdn.tailwindcss.com) y JavaScript vanilla en una etiqueta <script> al final.
- Tipografías de Google Fonts: 'Fraunces' (serif, para titulares y números grandes) y 'Inter' (sans, para cuerpo y UI). Cárgalas vía <link>.
- Iconografía: SVG inline lineales (stroke 1.5), no uses librerías externas.
- Imágenes: usa pl
8.685 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
8.685 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 superior con aviso de reserva
- 1.2 Navbar con logo centrado
- 1.3 Hero con titular serif y CTAs
- 1.4 Propuesta de valor con cifra grande
- 1.5 Grid de 4 servicios
- 1.6 Metodología en zigzag (3 pasos)
- 1.7 Carrusel de casos de estudio
- 1.8 Testimonios navegables
- 1.9 Tabla de planes (3 columnas)
- 1.10 Grid de 3 artículos del blog
- 1.11 FAQ en acordeón
- 1.12 CTA final oscuro con formulario
- 1.13 Footer ancho
SOBRE NOSOTROS
- 2.1 Hero con titular y breve manifiesto
- 2.2 Sección historia con timeline horizontal
- 2.3 Valores en grid de 4 tarjetas
- 2.4 Equipo en grid con foto, nombre y rol
- 2.5 Cifras destacadas en banda horizontal
- 2.6 CTA de contacto
- 2.7 Footer
CASOS DE ESTUDIO
- 3.1 Hero con título de sección y filtro por sector
- 3.2 Grid masonry de casos con imagen y etiquetas
- 3.3 Bloque de testimonio destacado
- 3.4 CTA final
- 3.5 Footer
CASO DE ESTUDIO (DETALLE)
- 4.1 Hero con título del caso, cliente y sector
- 4.2 Imagen principal a ancho completo
- 4.3 Bloque resumen (reto, solución, resultados)
- 4.4 Cuerpo del caso con texto e imágenes intercaladas
- 4.5 Cifras de impacto en banda
- 4.6 Testimonio del cliente
- 4.7 Navegación a caso anterior/siguiente
- 4.8 Footer
PRECIOS
- 5.1 Hero con título y subtítulo
- 5.2 Tabla de 3 planes con entregables
- 5.3 Tabla comparativa detallada de funcionalidades
- 5.4 FAQ de precios en acordeón
- 5.5 CTA final
- 5.6 Footer
BLOG
- 6.1 Hero con título del blog y barra de búsqueda
- 6.2 Artículo destacado en formato ancho
- 6.3 Grid de artículos con filtro por categoría
- 6.4 Paginación numerada
- 6.5 Footer
BLOG (DETALLE)
- 7.1 Hero con categoría, título, autor y fecha
- 7.2 Imagen de cabecera
- 7.3 Cuerpo del artículo con tipografía cuidada y citas
- 7.4 Caja de autor
- 7.5 Artículos relacionados (3 tarjetas)
- 7.6 CTA newsletter
- 7.7 Footer
CONTACTO
- 8.1 Hero con título y datos de contacto
- 8.2 Formulario amplio (nombre, email, empresa, mensaje)
- 8.3 Bloque con email, dirección y horario
- 8.4 Mapa o imagen ilustrativa
- 8.5 Footer
404
- 9.1 Mensaje de error grande centrado
- 9.2 CTA volver al inicio
- 9.3 Footer
PROMPTS RELACIONADOS · CORPORATIVO
