Manual de Marca
Sistema de identidad · v2

Manual de Marca

Todo lo necesario para usar los colores y las tipografías de Parques la Patagonia con coherencia — en web, dossier, redes, memorias y señalética.

v2 · 16 jul 2026 · comentarios de Bastián integrados
02 — Color

Paleta oficial (7)

Siete colores con rol fijo. La base de trabajo son los neutros de fondo + Verde bosque / Azul abisal para texto. Los acentos se usan con mucha moderación.

Verde bosque
Primario · texto
#3E6B4F
rgb 62 · 107 · 79
✓ Texto principal (AA ~6.1:1)
Azul abisal
Profundidad · tinta
#0F4A5E
rgb 15 · 74 · 94
✓✓ Tinta profunda (AAA ~9.7:1)
Gris piedra
Texto secundario
#6F756B
rgb 111 · 117 · 107
✓ Secundario (AA ~4.7:1)
Blanco cálido
Fondo principal
#F7F6F2
rgb 247 · 246 · 242
Fondo base
Hueso
Fondo · respiración
#EDE6D6
rgb 237 · 230 · 214
Fondo secundario
Azul glaciar
Acento · agua
#7AAFC2
rgb 122 · 175 · 194
◐ Solo texto flotante sobre imagen oscura
Verde helecho
Acento · vida
#5FA544
rgb 95 · 165 · 68
⚠ Saturado — uso mínimo / en revisión
En la práctica (feedback Bastián)

La base es fondos neutros (Blanco cálido / Hueso) + Verde bosque para textos. Verde helecho se percibe saturado → usarlo al mínimo, en revisión. Azul glaciar reservado para texto flotante sobre imágenes oscuras. Verde helecho y Azul glaciar nunca como texto pequeño sobre blanco (no pasan WCAG AA).

Proporción 65 · 30 · 5

65% neutros
30% verde bosque + abisal
5%
Fondo · aireTexto · tinta · estructuraacento mínimo
03 — Tipografía · bloqueada

Fraunces, con Inter Tight de apoyo

Fraunces es la voz de la marca — wordmark, títulos, etiquetas, cuerpo y citas. Inter Tight es el apoyo — cuadros especiales, información complementaria de esquemas y cifras. Ambas gratuitas (OFL / Google Fonts).

Una voz, todo el rango
Lo que aún no ha perdido

La Patagonia chilena es uno de los últimos territorios donde el paisaje sigue funcionando como un sistema vivo. Título y cuerpo son Fraunces — la diferencia la hace el eje óptico (opsz): alto para el título, bajo (12) para leer.

↳ Anotación de esquema · dato complementario — esto va en Inter Tight.

RolFuenteAjustes
Wordmark / marcaFrauncesopsz display · 600
Títulos H1–H3Frauncesopsz 28–90 · 600
Etiquetas / kickersFrauncesopsz 16 · 600 · UPPERCASE tracked
Cuerpo · bajadasFrauncesopsz 9–14 · WONK 0 · 400/500
Citas / frasesFraunces itálicacasos puntuales
Cifras / númerosFraunces y Inter Tight⟵ pregunta abierta (ver abajo)
Cuadros especialesInter Tightapoyo
Info complementaria de esquemasInter Tightanotaciones · leyendas
Regla de oro — Fraunces: la óptica manda

Fraunces hace títulos y cuerpo — así que el eje óptico (opsz) es el control. Cuerpo con óptica display se ve "de póster" y cansa.

✓ Cuerpo — opsz 12, WONK 0

Ese tamaño permite que especies como el huemul, el puma y el cóndor mantengan procesos ecológicos que ya no son posibles en paisajes fragmentados.

✕ Cuerpo con óptica display

Ese tamaño permite que especies como el huemul, el puma y el cóndor mantengan procesos ecológicos que ya no son posibles en paisajes fragmentados.

Etiqueta (Fraunces) · cuadro de apoyo (Inter Tight)
Corredor biológico · aspectos críticos
CUADRO DE DATOS — 103.000 ha · 7.765 ha de glaciares · 26% cobertura forestal intacta. Los cuadros especiales y las anotaciones de esquemas van en Inter Tight: más limpio a tamaño chico y en tablas.
Pregunta abierta — ¿números en Fraunces o Inter Tight?
Fraunces — carácter
103.000

Cifras con personalidad, para hero / titulares.

Inter Tight — neutralidad
103.000

Cifras neutras, mejor en tablas / datos densos.

Por decidir: mantener los números en Fraunces (carácter) o pasarlos definitivamente a Inter Tight (legibilidad en tablas). Por ahora conviven; se cierra con el equipo.

Cursiva — solo para lo poético (Fraunces itálica · casos puntuales)

"Lo que hace única a la Patagonia no es lo que tiene, sino lo que aún no ha perdido."

Escala tipográfica (web · base 16px)
H1 · 3.0rem · Fraunces opsz 90Parques la Patagonia
H2 · 2.0rem · Fraunces opsz 54Corredor biológico
H3 · 1.4rem · Fraunces opsz 28Aspectos críticos
Cuerpo · 1.07rem · Fraunces opsz 12Reserva estratégica de agua dulce de alto valor.
Anotación · 0.8rem · Inter TightInfraestructura de regulación hídrica natural.
04 — Cómo usar

Implementar

Copiar y pegar. Las dos fuentes se cargan desde Google Fonts; los colores y familias viven en variables CSS.

1 · Cargar las fuentes (en el <head>)

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght,SOFT,WONK@0,9..144,300..700,0..100,0..1&family=Inter+Tight:ital,wght@0,400..700&display=swap" rel="stylesheet">

2 · Variables de marca (colores + familias)

/* Parques la Patagonia · v2 — Fraunces principal, Inter Tight apoyo */
:root{
  --pq-verde-bosque:#3E6B4F; --pq-azul-abisal:#0F4A5E;
  --pq-gris-piedra:#6F756B;  --pq-blanco-calido:#F7F6F2;
  --pq-hueso:#EDE6D6; --pq-azul-glaciar:#7AAFC2; --pq-verde-helecho:#5FA544;
  --pq-fr:'Fraunces',Georgia,serif;         /* voz principal */
  --pq-it:'Inter Tight',system-ui,sans-serif; /* apoyo */
}
body{
  background:var(--pq-blanco-calido); color:var(--pq-azul-abisal);
  font-family:var(--pq-fr);
  font-optical-sizing:none;
  font-variation-settings:'opsz' 12,'wght' 400,'SOFT' 0,'WONK' 0; /* cuerpo */
}
h1,h2,h3,.kicker{font-family:var(--pq-fr)}
h1{font-variation-settings:'opsz' 90,'wght' 600,'SOFT' 0,'WONK' 0}  /* título display */
.support,.dato,.cifra-it{font-family:var(--pq-it)}                 /* cuadros/esquemas/números */
Recordar

Fraunces es casi todo (títulos, etiquetas, cuerpo, citas). Cuerpo = opsz 9–14, WONK 0; el look wonky solo para hero. Inter Tight = cuadros especiales, info de esquemas y (por ahora) cifras. Cursiva → solo poético.

3 · Descargar / archivos

↓ Fraunces ↓ Inter Tight Tarjeta de color

CSS drop-in: projects/patagonia-conservation/brand/parques-brand.css · Spec: …/brand/paleta-oficial.md