Brand Story

01

Verbal

02

Logo

03

Color

04

Typography

05

Art Direction

06

Icon

03

Tipografía

Inter

Inter es una fuente web que incluye un rango de estilos contrastados que apoya las necesidades. Presenta a su vez una altura x alta para facilitar la lectura de texto en minúsculas y mayúsculas.

 

También incluye varias funciones OpenType, como las alternancias contextuales, que ajustan la puntuación en función de la forma de los glifos circundantes, el cero con la diagonal para cuando sea necesario desambiguar el "0" de la "o", los números tabulares, etc.

Aa

Caracteres

ABCDEFGHIJKLMNÑOPQRSTUVWXYZabcdefghijklmnñopqrstuvwxyz

28

Números y simbolos

1234567890‘?’“!”(%)[#]{@}/&\<-+÷×=>®©$€£¥¢:;,.*

Pesos y estilos de fuente

La elección del peso de la tipografía está basada en los principios de orden, estabilidad y contención. La mayoría de casos, “regular”, “medium”, “semi bold” y “bold” deberían ser suficientes.

Aa

Inter Regular - 100

Aa

Inter Medium - 400

Aa

Inter Semibold - 600

Aa

Inter Bold - 900

Escala tipográfica

Este ejemplo de escala tipográfica basado en la fuente Inter se usa para todos los títulos, subtítulos, textos de cuerpo y subtítulos. Mantener la coherencia y ceñirse a jerarquías lógicas garantiza que los elementos de la interfaz de usuario sean claros y fácilmente reconocibles al escanear la página. Los tamaños, estilos y diseños de los textos se seleccionaron para equilibrar el contenido y la interfaz de usuario y fomentar la familiaridad.

Categoría de escala

Hero

$he-regular / $he-medium

$he-semibold / $he-bold

H1

$h1-regular / $h1-medium

$h1-semibold / $h1-bold

H2

$h2-regular / $h2-medium

$h2-semibold / $h2-bold

H3

$h3-regular / $h3-medium

$h3-semibold / $h3-bold

H4

$h4-regular / $h4-medium

$h4-semibold / $h4-bold

H5

$h5-regular / $h5-medium

$h5-semibold / $h5-bold

Subtitle1

$s1-regular / $s1-medium

$s1-semibold / $s1-bold

Subtitle2

$s2-regular / $s2-medium

$s2-semibold / $s2-bold

Action1

$a1-regular / $a1-medium

$a1-semibold / $a1-bold

Action2

$a2-regular / $a2-medium

$a2-semibold / $a2-bold

Action3

$a3-regular / $a3-medium

$a3-semibold / $a3-bold

Body1

$b1-regular / $b1-medium

$b1-semibold / $b1-bold

Body2

$b2-regular / $b2-medium

$b2-semibold / $b2-bold

Body3

$b3-regular / $b3-medium

$b3-semibold / $b3-bold

Caption

$c-regular / $c-medium

$c-semibold / $c-bold

Overline

$o-regular / $o-medium

$o-semibold / $o-bold

Tamaño

88px

56px

48px

32px

28px

21px

18px

16px

15px

14px

12px

14px

13px

12px

11px

10px

This is fine 🔥 | All Rights Reserved

03

Tipografía

Inter

Inter es una fuente web que incluye un rango de estilos contrastados que apoya las necesidades. Presenta a su vez una altura x alta para facilitar la lectura de texto en minúsculas y mayúsculas.

 

También incluye varias funciones OpenType, como las alternancias contextuales, que ajustan la puntuación en función de la forma de los glifos circundantes, el cero con la diagonal para cuando sea necesario desambiguar el "0" de la "o", los números tabulares, etc.

Aa

Caracteres

ABCDEFGHIJKLMNÑOPQRSTUVWXYZabcdefghijklmnñopqrstuvwxyz

28

Números y simbolos

1234567890‘?’“!”(%)[#]{@}/&\<-+÷×=>®©$€£¥¢:;,.*

Pesos y estilos de fuente

La elección del peso de la tipografía está basada en los principios de orden, estabilidad y contención. La mayoría de casos, “regular”, “medium”, “semi bold” y “bold” deberían ser suficientes.

Aa

Inter Regular - 100

Aa

Inter Medium - 400

Aa

Inter Semibold - 600

Aa

Inter Bold - 900

Escala tipográfica

Este ejemplo de escala tipográfica basado en la fuente Inter se usa para todos los títulos, subtítulos, textos de cuerpo y subtítulos. Mantener la coherencia y ceñirse a jerarquías lógicas garantiza que los elementos de la interfaz de usuario sean claros y fácilmente reconocibles al escanear la página. Los tamaños, estilos y diseños de los textos se seleccionaron para equilibrar el contenido y la interfaz de usuario y fomentar la familiaridad.

Categoría de escala

Hero

$he-regular / $he-medium

$he-semibold / $he-bold

H1

$h1-regular / $h1-medium

$h1-semibold / $h1-bold

H2

$h2-regular / $h2-medium

$h2-semibold / $h2-bold

H3

$h3-regular / $h3-medium

$h3-semibold / $h3-bold

H4

$h4-regular / $h4-medium

$h4-semibold / $h4-bold

H5

$h5-regular / $h5-medium

$h5-semibold / $h5-bold

Subtitle1

$s1-regular / $s1-medium

$s1-semibold / $s1-bold

Subtitle2

$s2-regular / $s2-medium

$s2-semibold / $s2-bold

Action1

$a1-regular / $a1-medium

$a1-semibold / $a1-bold

Action2

$a2-regular / $a2-medium

$a2-semibold / $a2-bold

Action3

$a3-regular / $a3-medium

$a3-semibold / $a3-bold

Body1

$b1-regular / $b1-medium

$b1-semibold / $b1-bold

Body2

$b2-regular / $b2-medium

$b2-semibold / $b2-bold

Body3

$b3-regular / $b3-medium

$b3-semibold / $b3-bold

Caption

$c-regular / $c-medium

$c-semibold / $c-bold

Overline

$o-regular / $o-medium

$o-semibold / $o-bold

Peso

Bold

700

Bold

700

Semi bold

600

Semi bold

600

Semi bold

600

Semi bold

600

Semi bold

600

Medium

500

Semi bold

600

Semi bold

600

Semi bold

600

Regular

400

Regular

400

Regular

400

Regular

400

Regular

400

Tamaño

88px

56px

48px

32px

28px

21px

18px

16px

15px

14px

12px

14px

13px

12px

11px

10px

Espacio

líneas

112px

64px

56px

40px

36px

28px

24px

20px

21px

20px

17px

24px

22px

20px

16px

14px

Caso

Altas bajas

Altas bajas

Altas bajas

Altas bajas

Altas bajas

Altas bajas

Altas bajas

Altas bajas

Altas bajas

Altas bajas

Altas bajas

Altas bajas

Altas bajas

Altas bajas

Altas bajas

Altas

This is fine 🔥 | All Rights Reserved

03

Tipografía

Inter

Inter es una fuente web que incluye un rango de estilos contrastados que apoya las necesidades. Presenta a su vez una altura x alta para facilitar la lectura de texto en minúsculas y mayúsculas.

 

También incluye varias funciones OpenType, como las alternancias contextuales, que ajustan la puntuación en función de la forma de los glifos circundantes, el cero con la diagonal para cuando sea necesario desambiguar el "0" de la "o", los números tabulares, etc.

Aa

Caracteres

ABCDEFGHIJKLMNÑOPQRSTUVWXYZabcdefghijklmnñopqrstuvwxyz

28

Números y simbolos

1234567890‘?’“!”(%)[#]{@}/&\<-+÷×=>®©$€£¥¢:;,.*

Pesos y estilos de fuente

La elección del peso de la tipografía está basada en los principios de orden, estabilidad y contención. La mayoría de casos, “regular”, “medium”, “semi bold” y “bold” deberían ser suficientes.

Aa

Inter Regular - 100

Aa

Inter Medium - 400

Aa

Inter Semibold - 600

Aa

Inter Bold - 900

Escala tipográfica

Este ejemplo de escala tipográfica basado en la fuente Inter se usa para todos los títulos, subtítulos, textos de cuerpo y subtítulos. Mantener la coherencia y ceñirse a jerarquías lógicas garantiza que los elementos de la interfaz de usuario sean claros y fácilmente reconocibles al escanear la página. Los tamaños, estilos y diseños de los textos se seleccionaron para equilibrar el contenido y la interfaz de usuario y fomentar la familiaridad.

Categoría de escala

Hero

$he-regular / $he-medium

$he-semibold / $he-bold

H1

$h1-regular / $h1-medium

$h1-semibold / $h1-bold

H2

$h2-regular / $h2-medium

$h2-semibold / $h2-bold

H3

$h3-regular / $h3-medium

$h3-semibold / $h3-bold

H4

$h4-regular / $h4-medium

$h4-semibold / $h4-bold

H5

$h5-regular / $h5-medium

$h5-semibold / $h5-bold

Subtitle1

$s1-regular / $s1-medium

$s1-semibold / $s1-bold

Subtitle2

$s2-regular / $s2-medium

$s2-semibold / $s2-bold

Action1

$a1-regular / $a1-medium

$a1-semibold / $a1-bold

Action2

$a2-regular / $a2-medium

$a2-semibold / $a2-bold

Action3

$a3-regular / $a3-medium

$a3-semibold / $a3-bold

Body1

$b1-regular / $b1-medium

$b1-semibold / $b1-bold

Body2

$b2-regular / $b2-medium

$b2-semibold / $b2-bold

Body3

$b3-regular / $b3-medium

$b3-semibold / $b3-bold

Caption

$c-regular / $c-medium

$c-semibold / $c-bold

Overline

$o-regular / $o-medium

$o-semibold / $o-bold

Peso

Bold

700

Bold

700

Semi bold

600

Semi bold

600

Semi bold

600

Semi bold

600

Semi bold

600

Medium

500

Semi bold

600

Semi bold

600

Semi bold

600

Regular

400

Regular

400

Regular

400

Regular

400

Regular

400

Tamaño

88px

56px

48px

32px

28px

21px

18px

16px

15px

14px

12px

14px

13px

12px

11px

10px

Espacio

caracteres

0

0

0

0

0

0

0

0

0

0

0

0

0

0

0

0

Espacio

líneas

112px

64px

56px

40px

36px

28px

24px

20px

21px

20px

17px

24px

22px

20px

16px

14px

Caso

Altas bajas

Altas bajas

Altas bajas

Altas bajas

Altas bajas

Altas bajas

Altas bajas

Altas bajas

Altas bajas

Altas bajas

Altas bajas

Altas bajas

Altas bajas

Altas bajas

Altas bajas

Altas

Color

Carbon dark 600

Carbon dark 600

Carbon dark 600

Carbon dark 600

Carbon dark 600

Carbon dark 600

Carbon dark 600

Carbon dark 600

Carbon dark 600

Carbon dark 600

Carbon dark 600

Carbon dark 600

Carbon dark 600

Carbon dark 600

Carbon dark 600

Carbon dark 600

This is fine 🔥 | All Rights Reserved