Link Sports — Brand Guide
Brand Identity System · 2026

Link Sports
Brand Guide.

Estándares visuales, tipográficos y de comunicación para la marca Link Sports — la agencia #1 en estrategia y representación deportiva latinoamericana.

01 — Color System

Paleta de Colores

Una paleta construida sobre el azul marino profundo como base, con el terracota/naranja como único acento dinámico. Haz clic en cualquier color para copiar el hex.

Colores Primarios
Navy
#0D1B2E
Color principal. Fondos oscuros, texto dominante, bordes.
Navy Mid
#112240
Variante navy. Hover states en fondos oscuros.
Blue
#1A4A8A
Subtítulos, íconos, elementos de UI secundarios.
Blue Light
#2563C0
Links, handles de redes sociales, detalles de UI.
Color Acento
Accent
#C4631A
Acento principal. Hover en links, CTAs activos. Usar con moderación.
Accent Light
#E07830
Variante acento. Hover del acento principal.
Neutros & Fondos
White
#FFFFFF
Fondo base de secciones y tarjetas.
Off White
#F5F5F3
Fondo alternado de secciones, fondos de preview.
Gray Light
#E8E8E6
Bordes, líneas divisoras, fondos de imágenes vacías.
Gray Mid
#999999
Labels secundarios, íconos inactivos, metadata.
Gray Dark
#444444
Body text secundario, párrafos de apoyo.
Text
#1A1A1A
Texto principal del sitio.
02 — Typography

Tipografía

Dos familias tipográficas únicas: Playfair Display para el impacto editorial y DM Sans para la legibilidad en UI. Ninguna fuente genérica.

Playfair Display Pesos: 700 / 800 / 900 Siempre en itálica
Where athletes
become legacy.
La agencia de representación
deportiva latinoamericana.

Usada exclusivamente en títulos de alto impacto: hero headline, intro headline, headings de sección. Nunca en body text, nunca sin itálica.

Hero H1 italic 900 · clamp(35px→82px) The #1 agency in sports strategy.
Intro H1 italic 400 · clamp(58px→122px) Where athletes become legacy.
Section H2 italic 800 · clamp(28px→46px) Paleta de Colores
DM Sans Pesos: 300 / 400 / 500 / 600 / 700 Body, UI, Labels
Our mission is simple: position Latin American talent on a global stage and build meaningful partnerships with brands that transcend sports.
See All News →
The News
Section Label 700 · uppercase · ls 0.08em The News
Body Subtitle 500 · 17–20px · Blue At Link Sports, we operate at the intersection of representation, strategy and content.
Body Text 300–400 · 15–18px · lh 1.75 Our mission is simple: position Latin American talent on a global stage.
Card Title 600 · uppercase · ls 0.08em Athlete signs with European club in record deal
CTA / Link 700 · uppercase · ls 0.18em See All News →
CTA Block 700 · uppercase · ls 0.06em About Link Sports
03 — Spacing

Sistema de Espaciado

El espaciado usa clamp() para escalar fluidamente entre móvil y desktop, manteniendo proporciones consistentes en todos los breakpoints.

Gutter
clamp(20px, 5vw, 80px)
Section Gap
clamp(72px, 10vw, 148px)
Max Width
1400px
Card Gap
32px
Carousel Gap
14px
Breakpoints
Mobile
≤ 580px
Cards 85%, carousel 80%
Tablet
≤ 900px
Grid → scroll horizontal, CTA stacked
Desktop
> 900px
3 cols news, 4 cols carousel, CTA 2×1
05 — Components

Componentes UI

Todos los componentes interactivos del sitio con sus estados hover. Pasa el cursor para ver las animaciones reales.

Botones

DM Sans 700 · uppercase · letter-spacing 0.18em · sin border-radius por defecto

CTA Link

Hover: Navy → Accent · gap 6px → 12px · border-bottom animado

Section Label
The News
Follow Us @linksports_

DM Sans 700 · uppercase · letter-spacing 0.08em

News Card
Demo news
Link Sports signs new deal with top Latin American midfielder ahead of European transfer window
Read More

Hover: imagen escala 1.05 + vignette + border-radius 10px

CTA Block

Conoce más

About Link Sports

Hover: fondo Navy, texto blanco, flecha → aparece con slide desde derecha

Carousel Item

Border-radius: 10px · Hover: scale 1.06

06 — Voice & Tone

Voz & Tono

Link Sports habla con la confianza de quien mueve el mercado, no de quien lo observa. El lenguaje es preciso, aspiracional y latinoamericano.

Premium
Lenguaje de alto nivel. Sin palabras de relleno, sin informalidad innecesaria. Cada palabra tiene peso.
Editorial
Las frases se sienten escritas, no generadas. Cuidado con el ritmo, uso de comas y construcciones que resuenan.
Aspiracional
No documenta lo que pasó, proyecta lo que viene. Habla desde el potencial del atleta y la visión de la marca.
Global
Mezcla natural de español e inglés según el contexto. Raíces latinas, alcance mundial. Nunca localismo excesivo.
Sí decimos

"Athletes who inspire, brands that transcend."

No decimos

"Conectamos deportistas con empresas."

Sí decimos

"Position Latin American talent on a global stage."

No decimos

"Ayudamos a jugadores a conseguir contratos."

Sí decimos

"Where athletes become legacy."

No decimos

"Somos una agencia de representación deportiva."

07 — Rules

Do & Don't

Reglas no negociables para mantener la consistencia visual y tipográfica de la marca en todos los touchpoints.

✓ Hacer
Usar Playfair Display solo en itálica para display sizes.
Aplicar el acento #C4631A solo en hover states y CTAs activos — nunca como color de fondo principal.
Mantener el navy #0D1B2E como color base dominante.
Usar border-radius 0px en cards y bloques estructurales; 10px solo en imágenes y carrusel.
Escribir labels, CTAs y section labels en UPPERCASE con letter-spacing generoso.
Aplicar clamp() para todos los tamaños de fuente responsivos.
Mantener espaciado generoso entre secciones (72px–148px).
✕ Evitar
Usar Playfair Display sin itálica o en body text pequeño.
Usar el naranja acento como color de fondo de secciones completas.
Mezclar más de dos familias tipográficas.
Aplicar border-radius de 10px+ a elementos estructurales (bloques CTA, secciones).
Usar más de 2 pesos de DM Sans en un mismo componente.
Usar fuentes genéricas como Arial, Inter o Roboto como sustituto.
Comprimir el espaciado entre secciones por debajo de los valores clamp mínimos.
Quick Reference
Display Font
Playfair Display
UI Font
DM Sans
Primary Color
#0D1B2E
Accent Color
#C4631A
¡Copiado al portapapeles!