v1.0 · Desktop 1400px · Digital Sea Mx · 2026-04-21
CTA / Burgundy primario
Placeholder contenido
Placeholder heading
Imagen / media
Anotación UX
02 · HERO
Firma Integral B2B · México
Estructuramos, protegemos y hacemos crecer tu empresa
Una sola firma que acompaña a empresas, emprendedores e inversionistas — a través de una red nacional de aliados especializados en banca, fiscal, operativa y regulatoria.
Agenda una consulta →
Ver servicios
SCROLL ↓
Hero V1 · Editorial Impact. Fondo cinematográfico con imagen corporativa + overlay oscuro (55%→75%). H1 centrado en blanco, palabra clave "empresa" subrayada en rojo secundario #AA2725. Eyebrow en mayúsculas con letter-spacing amplio · Subcopy en blanco 88% opacity. CTAs: Primary burgundy + Ghost outline blanco. Altura: 640px full-width · Scroll hint discreto al final.
03 · TRUST
Banda de métricas (trust signal). 4 KPIs en burgundy con label abajo. Sugerido: +10 años · 100+ constituciones · 5 sectores · Red nacional. Animar contador al entrar al viewport (count-up).
04 · SERVICIOS
Nuestros servicios
+
SVG
Operadora de Fondos →
+
SVG
SOFOM / SOFIPO / SOFINCO →
+
SVG
Servicios Especializados →
+
SVG
Seguros y Membresías →
Grid 2×2 de 4 cards expandibles (al click muestran detalle in-line bajando la card). 1. Operadora de Fondos 2. SOFOM / SOFIPO / SOFINCO / Transmisora / Centros Cambiarios 3. Servicios Especializados (Contabilidad · Fiscal · Admin · Financiera · Contraloría · TI) 4. Seguros y Membresías
Cada card: icono SVG + título + descripción corta + link "Conocer más".
05 · NOSOTROS
Nosotros
MISIÓN · VISIÓN
Split 40/60. Imagen a la izq · Copy a la derecha. Jerarquía: Misión + Visión (párrafos) → Grid 2×2 de 4 valores (Confianza · Compromiso · Innovación · Responsabilidad).
Fondo #FAFAFA para separar visualmente de Servicios y Testimonios.
06 · TESTIM.
Testimonios
"
"
"
Grid 3×1 de testimonios. Cada card: quote mark + quote (3-4 líneas) + avatar + nombre + empresa/rol. Si hay más: convertir en carrusel con flechas (arrastrar / swipe en mobile). Accesibilidad: blockquote + cite semánticos.
07 · CONTACTO
Agenda una consulta
📞 +52 — — — — — — —
✉ contacto@brownzagroup.mx
💬 WhatsApp directo
Nombre completo *
Empresa
Email *
Teléfono *
Servicio de interés
Seleccionar servicio▾
Mensaje
Acepto el aviso de privacidad
Enviar solicitud →
Fondo burgundy para alta jerarquía. Copy + data de contacto a la izq · Form a la derecha (card blanca). Campos: Nombre* · Empresa · Email* · Teléfono* · Servicio (dropdown) · Mensaje · Checkbox privacidad. Validación: client-side + anti-spam (honeypot / reCAPTCHA v3). Post-submit: mensaje de éxito + evento GA4 generate_lead.
1024-1279pxLaptop. Container max 960px. Gap reducido. Font heading −10%.
768-1023pxTablet. Hero se vuelve columna (copy arriba, imagen abajo). Servicios 2×2 se mantiene. Testimonios pasan a 2+1.
≤767pxMobile. Todo a 1 columna. Nav colapsa a hamburger (mantener CTA visible). Servicios 1×4 stack. Testimonios carrusel swipe. Form ocupa ancho completo. Sticky FAB se mantiene.
FABBotones flotantes (WhatsApp verde + Agenda burgundy) visibles en todas las vistas excepto durante scroll de form.
a11yContraste ≥4.5:1 · Focus rings visibles · Tab order lineal · Labels explícitos en form · Alt text en imágenes · prefers-reduced-motion respetado.