Aplicaciones · pantalla
La marca en pantalla.
Cómo se ve y se comporta GFC en la web: landing, páginas de caso, y el sistema de componentes. Regla rectora — hero en C (gradiente) que vende, contenido en A (editorial) que sustenta; foto siempre duotone; foco visible siempre.
DocumentoSub-manual web
Hereda deManual de identidad v2.0
Dominiogfconsultoria.com.mx
Breakpoints320 · 768 · 1280 px
VigenciaJunio 2026 — vigente
Información
Dato
Decisión
Dato
Decisión
01 · ServiciosVer todos →
I
Avalúos
Comerciales, fiscales y de garantía. Perito SHCP.
II
Cartografía
Mapas de valor y dispersión por zona / submercado.
III
Consultoría
Estudios de mercado, viabilidad y tasación de portafolio.
ServiciosCasosEquipoContacto
Solicitar avalúoCASOS · 2026 · PORTAFOLIO RESIDENCIAL CDMX
24 inmuebles, una sola lectura de valor.
Programa anual de avalúos + cartografía dinámica para una administradora patrimonial. 4 reportes trimestrales y un mapa de valor vivo.
Cliente
Pat. Salinas y Asoc.
Sector
Residencial alta
Período
2026–2027
Cobertura
CDMX · 4 alcaldías
Fig. 01 · Lomas de Chapultepec
El portafolio se valuó contra una base de 320 referencias verificadas en 4 alcaldías. La dispersión $/m² resultó menor a la esperada — el cliente sobreestimaba la prima de Polanco vs. Lomas.
El mapa dinámico se actualiza cada trimestre con cierres notariales y comparables aceptados por SOFTEC.
Resultado
$ 1.84 MMM
Valor agregado del portafolio · MXN
320
referencias
12
meses
4
reportes
n=12
comp./avalúo
¿Tu portafolio?
Diagnóstico de valor en 5 días → agendar
Botones
Agendar →
Solicitar avalúo
Ver casos
Enviado
CTA = lima/navy (acción principal) · navy sólido (secundaria) · ghost outline (terciaria) · disabled gris. Mono uppercase, sin radios.
Enlaces + estados
Texto con un enlace en teal-ink y otro enlace en reposo. El subrayado aparece en hover/focus.
Foco →Botón en foco
Formulario
Correo
maria@patrimonial.mx
Inmuebles a valuar
24 · en foco
El campo no puede quedar vacío.
Tarjetas
I · SERVICIO
Avalúos
Comerciales, fiscales y de garantía.
DATO
+12.4%
VARIACIÓN YOY
Navegación + pill
ServiciosCasosContacto
ResidencialActivoFiltro
Todo consume tokens. Ningún componente define color/medida propios — usa --navy · --teal · --lima · --teal-ink y la escala del maestro. Botones y campos: hit target ≥ 44px, foco visible 2px teal.
Breakpoints
Mobile
320
320
Tablet
768
768
Desktop
1280
1280
Mobile-first. Hero apila vertical en mobile (texto sobre card). Contenedor máx. 1280 px, gutter 24px.
Retícula · 12 columnas
12 col · gutter 24 · margen 5%
Reglas web
01 · Hero C, contenido A. Gradiente solo en hero/breakers; el cuerpo va sobre paper, sin gradientes.
02 · Foto siempre duotone navy × teal. Nunca a color en pieza.
03 · Foco visible. Nunca outline:none; anillo 2px teal, offset 2px. Navegable con teclado.
04 · Contraste AA. Texto chico en navy/gris/teal-ink sobre paper; teal de marca solo ≥18px o iconos.
05 · CTA = lima. Una acción principal por vista; el resto secundario.
06 · Performance. Fuentes con font-display:swap; imágenes optimizadas; reduce-motion respetado.
Auditar antes de publicar. Navegación solo con teclado, contraste, alt text, formularios con input caótico, SSL, analítica. (Checklist pre-launch del flujo de proyecto.)