SISTEMA DE DISEÑO · V1.0

Una identidad para aprender creando.

Claridad, carácter y espacio para nuevas ideas.

01

Color

Coral

#FF5F4A

Acción principal

Tinta

#1F1A24

Texto y acción secundaria

Crema

#FFFCF9

Fondo y superficies

Lila

#C9A7F5

Secundario: portadas y progreso

Lima

#D4E87A

Completado y novedades

Error #C8321F

solo para errores, siempre con icono y texto

02

Tipografía

TÍTULOS · BOTONES · CIFRAS

Manrope

Aa Bb Cc · 0123456789

TEXTO · FORMULARIOS

DM Sans

Aa Bb Cc · 0123456789

Hero · 56/64 Móvil · 36/40

Aprender creando.

H2 · 36

Tu próxima gran idea.

H3 · 24

Crea algo tuyo.

Cuerpo · 16

Un espacio para aprender, experimentar y crear.

Pequeño · 14

A tu ritmo. Sin fecha de caducidad.

Etiqueta · 12

CREATIVIDAD EN MOVIMIENTO

03

Espaciado, radios y sombras

Una escala de 4 px

4 px
8 px
12 px
16 px
24 px
32 px
48 px
64 px
96 px

RADIO · 10 PX

RADIO · 16 PX · SOMBRA SUAVE

Espacio para crear.

Una superficie clara, con una sombra suave.

04

Componentes

Botón primario

Normal

Hover

Foco

Deshabilitado

Cargando

Botón secundario

Normal

Hover

Foco

Deshabilitado

Cargando

Botón terciario

Normal

Hover

Foco

Deshabilitado

Cargando

Input

Badges

ActivoSin cursosPublicadoBorrador

Barra de progreso

0 %

22 %

100 %

05

Estados de la interfaz

Vacío

Aún no tienes cursos

Cuando compres tu primer curso, aparecerá aquí y podrás seguir tu progreso

Ver cursos

Carga

TARJETA DE CATÁLOGO

FILAS DE TABLA

Error