Sistema tipográfico completo del Curso de Inglés A1. Define la jerarquía visual, el peso y el color de cada elemento textual para garantizar consistencia y legibilidad óptima.
Fuente única con múltiples pesos para toda la plataforma
Principal · Display & Headings
Nunito
Black 900
Bold 700
SemiBold 600
font-family: 'Nunito', system-ui, sans-serif
Cuerpo & UI
Medium 500 — Explicaciones y contexto narrativo largo
Regular 400 — Instrucciones de ejercicio y enunciados
Small Regular — Metadatos, notas, duraciones
Caracteres A–Z · a–z · 0–9
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 .,!?;:'"()-
Jerarquía completa de 9 niveles con ejemplos reales del curso
Nivel
Ejemplo en Contexto
Uso
Display / Hero
Hero del curso, pantalla de bienvenida
Heading 1
Título de página, nombre de unidad principal
Heading 2
Título de sección dentro de unidad, nombre de lección
Heading 3
Subtítulo de ejercicio, nombre de bloque temático
Heading 4
Pregunta de ejercicio, instrucción activa
Body Large
El verbo «to be» es fundamental en inglés. Se usa para describir identidades, estados y características.
Explicaciones gramaticales, contexto narrativo, introducción de unidad
Body Regular
Selecciona la opción correcta para completar la oración. Fíjate en el sujeto de la frase.
Instrucciones de ejercicio, enunciados de preguntas, pistas
Body Small
Esta lección incluye 8 ejercicios y tiene una duración estimada de 15 minutos.
Notas al pie, información de duración, descripciones de ejercicios
Caption / Meta
Etiquetas de categoría, indicadores de nivel, metadatos
Tokens de color para cada capa jerárquica
Coral Principal
#FF6B6B
CTAs, títulos principales, énfasis crítico
Coral Claro
#FF9B7A
Estados hover, degradados secundarios
Melocotón
#FFA06B
Secundario, íconos, acentos de sección
Crema Cálida
#FEF9F5
Fondo general, superficies en reposo
Pizarra Oscura
#0F172A
Títulos H1, texto de máximo peso
Pizarra Media
#334155
Párrafos, cuerpo de texto principal
Pizarra Suave
#64748B
Subtítulos, metadatos, etiquetas
Verde Éxito
#34D399
Feedback correcto, logros, racha
Ámbar Alerta
#FBBF24
Advertencias, pistas, tiempo restante
Composición tipográfica real para cada elemento del curso
Título de Módulo
Saludos, identidad y entorno inmediato
Encabezado de Unidad
Hello, Hi, Bye, See you · Verbo «To Be» (positivo)
Instrucción de Ejercicio
Completa la frase con el verbo correcto
Elige entre: am · is · are
Feedback de Respuesta
¡Correcto! +10 XP
«She is a teacher.» El pronombre «she» siempre usa «is».
Casi. Inténtalo de nuevo
Recuerda: «She», «He» e «It» siempre van con «is».
Logro / Insignia
Logro Desbloqueado
Primera Conversación
Completaste tu primer diálogo en inglés
Explicación Gramatical
Nota Gramatical
I
am
You
are
He/She/It
is
Reglas de espacio entre elementos tipográficos
Tabla de Espaciado
Interlineado (line-height)
Kerning & Tracking
Todos los niveles tipográficos en contexto real
Módulo 1 · Unidad 1 de 22
Aprende los saludos más comunes del inglés y el verbo «to be» en presente positivo.
Nota Gramatical
El verbo «to be» es el más importante del inglés. Equivale a «ser» o «estar» en español y cambia según el sujeto de la oración.
Selecciona la forma correcta del verbo «to be» según el sujeto.
I ___ a student.
She ___ my teacher.
¡Perfecto! +10 XP · Racha de 3
«I am» y «She is» son las formas correctas. Los pronombres en singular tienen formas únicas del verbo «to be».
Ejercicio 3 de 8 · Lección 1 · ~12 min restantes