FF COACHING Â· BRAND PACK v2.0
============================================================

Contenido:

01-tokens/        globals.css con paleta off-white editorial + utilidades
02-logos/         Sistema completo de logo:
                    - SVG vectoriales: ff-logo-{black,white,*-square}.svg + ff-symbol*.svg
                    - PNG alta res: ff-logo-*.png (1280px / 1200px / 512px)
                    - Favicons: favicon.svg / -16 / -32 + apple-touch-icon
                    - FFLogo.tsx Â· componente React parametrizado
03-retratos/      retrato vertical bn + horizontal color (IÃ±igo)
04-videos/        video-hero.mp4 (horizontal) + vertical 9:16 (mobile)
05-og/            og-image.png + og-template.html
06-brand-kit/     brand-kit.html (guÃ­a estÃ¡tica)

============================================================
Paleta v2.0 (off-white editorial):
  --bg       #FAFAFA
  --surface  #FFFFFF
  --fg       #09090B
  --muted    #71717A
  --accent   #3B82F6  (Signal Blue, Ãºnico acento al 1%)

TipografÃ­a:
  Headlines  Poppins extralight 100-300 (tracking ultra apretado)
  Captions   JetBrains Mono 400-500
  Firma      <em> italic accent (1% de superficie)

Sistema visual:
  Asymmetric layouts Â· sin centered + max-width simÃ©trico en todo.
  NumeraciÃ³n 01-NN gigante outlined (stroke-number) abriendo cada secciÃ³n.
  Sticky timeline lateral (desktop) + sticky CTA inferior (mobile).

Reglas no negociables:
  - Cero garantÃ­as inventadas.
  - Cero proof falsa (reviews, ratings sin verificaciÃ³n).
  - Cero fechas como escasez (caducan).
  - Frase ADN: "Vengo de estar flaco. No empecÃ© fuerte. Me hice fuerte."

============================================================
brand.ffcoaching.es
