ComunidadHumana.
Brand Kit · v1 · 2026
Psicología de raíz
Comunidad Humana.

Kit de marca destilado del sitio real. Psicología simbólico-neurocreativa, online. Clínica · cerebro · símbolo · raíz.

Clínica · Cerebro · Símbolo · Raíz · Online
Collage editorial: busto clásico con olivo saliendo de la cabeza y raíces
Fig. 01 · Motivo herocomunidadhumana.com
I.001 / 006
Logotipo

El lockup es mixto: sans + serif itálica + punto.

"Comunidad" en Inter Tight 900. "Humana" en Playfair Display itálica. El punto cierra siempre. El coral es acento, no protagonista.

ComunidadHumana.
Primario · sobre papel
ComunidadHumana.
Sobre tinta
ComunidadHumana.
Sobre coral · Humana en blanco
ComunidadHumana.
Área de protección — mínimo la altura de la "C" alrededor del logo
ComunidadHumana.
ComunidadHumana.
ComunidadHumana.
Tamaño mínimo legible ≈ 96px de ancho / 11px de alto en digital

Sí

  • "Comunidad" en Inter Tight 900, tinta.
  • "Humana" en Playfair Display itálica.
  • Punto final siempre presente.
  • Sobre coral: "Humana" en blanco.

No

  • Todo el wordmark en serif o todo en sans.
  • "Humana" en redonda (debe ir itálica).
  • Quitar el punto o teñirlo de mustard/olive.
  • Coral en "Comunidad" sin razón.
II.002 / 006
Color

Papel cálido, tinta, un solo coral.

15 tokens. El coral es el único acento cromático; mustard y olive aparecen solo en collage e ilustración, nunca en tipografía de marca.

Papeles / fondos

--paper
Paper
#EFE7D2
Fondo base de toda la marca.
--paper-warm
Paper Warm
#ECE4CF
Tarjetas y superficies.
--paper-dark
Paper Dark
#DDD2B6
Bordes y divisiones sutiles.
--bone
Bone
#F7F1DE
Texto claro sobre tinta.

Tinta / texto

--ink
Ink
#15140F
Texto principal, titulares.
--ink-soft
Ink Soft
#2A2620
Cuerpo de texto.
--ink-mute
Ink Mute
#5A5448
Texto secundario.
--ink-faint
Ink Faint
#6D6754
Labels, captions, FIG.

Acento — coral

--coral
Coral
#ED6F5C
Acento único: botones, sol, "Humana".
--coral-text
Coral Text
#AB3F28
Coral legible sobre papel (labels).
--coral-soft
Coral Soft
#F08E7C
Coral sobre tinta / hover.
contraste
Coral en uso
texto coral
Usar --coral-text para texto pequeño; --coral solo en bloques grandes.

Secundarios — solo collage / ilustración

--mustard
Mustard
#E9B94A
Estrato de tierra en collage.
--olive
Olive
#6E7448
Follaje del olivo, señales "sí".
III.003 / 006
Tipografía

Serif para el alma, sans para la estructura.

Las cuatro familias

Aa Aa
Playfair Display
Display, titulares emotivos, énfasis itálico, "Humana".
ABCDEFG abcdefg · abcdefg · 0123456789 ¿?
Aa
Inter Tight
Wordmark, titulares fuertes, botones, subtítulos.
ABCDEFG abcdefg · 0123456789 ¿?
Aa
Inter
Cuerpo de texto, párrafos largos, UI.
ABCDEFG abcdefg · 0123456789 ¿?
Aa
JetBrains Mono
Labels, FIG., contadores, ejes, metadatos.
ABCDEFG abcdefg · 0123456789

Inter Tight — pesos

400 · Regular
Comunidad Humana
Texto de apoyo
500 · Medium
Comunidad Humana
Botones, nav
600 · Semibold
Comunidad Humana
CTA, énfasis UI
700 · Bold
Comunidad Humana
Subtítulos
800 · Extrabold
Comunidad Humana
Titulares H2
900 · Black
Comunidad Humana
Display · wordmark

Playfair Display — pesos y estilo

400 · Regular
Psicología de raíz
Lead / citas
400 · Italic
Psicología de raíz
Énfasis suave
500 · Medium
Psicología de raíz
Titulares serif
500 · Italic
Psicología de raíz
"Humana", H1
600 · Semibold
Psicología de raíz
Display serif
700 · Bold
Psicología de raíz
Máximo peso serif

Inter (cuerpo) · JetBrains Mono (labels)

Inter 300
Para entender por qué te pasa
Texto grande
Inter 400
Para entender por qué te pasa
Cuerpo base
Inter 600
Para entender por qué te pasa
Énfasis en cuerpo
Mono 400/500
FIG. 01 · 001 / 011
Labels · ejes

Escala tipográfica

Comunidad
Display
Inter Tight 900
56–88px · LH 0.98 · LS −0.03em
¿Pero estás bien?
H1
Playfair Display 500 Italic
40–44px · LH 1.05
Hay un patrón. Tiene raíz.
H2
Inter Tight 800
28–32px · LS −0.02em
El síntoma no es el problema. Es la señal.
Lead
Playfair Display 400
22–24px · LH 1.35
Psicología de raíz para quien ya probó los tips, las apps y apretar los dientes, y volvió al mismo lugar.
Body
Inter 400
16px · LH 1.6
Sin continuidad obligatoria. Decides.
Small
Inter 400
13px · color ink-mute
— Psicología de raíz
Label
JetBrains Mono 500
11px · LS 0.2em · uppercase
IV.004 / 006
Elementos del sistema

La gramática visual: puntos, sol, brackets, regla.

FIG. 08
Grilla de puntos
FIG. 09
Sol coral
FIG. 10
Brackets de encuadre
Agenda tu Sesión de Claridad → Escríbeme → Quién soy ⊙
Botones · coral (primario) · tinta (secundario) · ghost (terciario) · radio 999px
V.005 / 006
Voz y tono

Directa, honesta, sin clichés de bienestar.

Suena así

"Estás funcionando. ¿Pero estás bien?"

Nombra el síntoma real. Valida sin dramatizar. Habla de raíz, patrón, contexto. Adulto, clínico, cálido.

No suena así

"Sana tu niño interior y libera tu mejor versión ✨"

Nada de tips vacíos, promesas mágicas, emojis ni tono coach. No infantiliza, no exagera.