Tipografía


El Kit digital UC incluye valores por defecto para los principales formatos de texto ordenados por relevancia semántica. Además se disponibilizan clases entre .h1 y .h6 para usar los mismos estilos en otros elementos de texto.
La escala tipográfica está definida en ems en base a 16px.

Escala tipográfica

Ejemplo Código
h1

Título 1er nivel

<h1>Título 1er nivel</h1>
h2

Título 2do nivel

<h2>Título 2do nivel</h2>
h3

Título 3er nivel

<h3>Título 3er nivel</h3>
h4

Título 4to nivel

<h4>Título 4to nivel</h4>
h5
Título 5to nivel
<h5>Título 5to nivel</h5>
h6
Título 6to nivel
<h6>Título 6to nivel</h6>
p

Body

<p>Body</p>
a

Body link

<a href="#" class="link-inline">Body link</a>
p large

Body Blog

<p class="p-size--lg">Body Blog</p>
p small

Body Pequeño

<p class="p-size--sm">Body Blog</p>
span Subtítulo
<span class="uc-subtitle">Subtítulo</span>
Usos alternativos
Ejemplo Código
p xl bold

Bajada Blog

<p class="p-size--xl text-weight--bold">Bajada Blog</p>
p condensed

Body condensado

<p class="p-text--condensed p-color--gray">Body condensado</p>
p small extended

Body Pequeño extendido

<p class="p-size--sm p-text--extended text-weight--medium">Body Pequeño extendido</p>
subtitle extra subtítulo extendido
<span class="uc-subtitle subtitle-extended">subtítulo extendido</span>

Estilos de Cita

Ejemplo Código
Quote xl
Cita Blog
<div class="uc-quote quote-lg">Cita Blog</div>
Quote
Cita Normal
<div class="uc-quote">Cita Normal</div>