New
Spanish for Beginners
Start your language journey with interactive lessons designed to build fluency.
tech4kids design
A comprehensive visual reference for the design system covering colors, typography, button variants, cards, and UI components.
Color Palette
Green
#58CC02
Green Hover
#4BB200
Blue
#1CB0F6
Dark Blue
#100F3E
Red
#FF4B4B
Orange
#FF9600
Golden
#FFC800
Footer Green
#4EC604
Gray Text
#4B4B4B
Gray Light
#777777
Nav Text
#AFAFAF
Border
#E5E5E5
Typography
48pxFeather Bold
Display
32pxBold 700
Heading One
28pxFeather Bold
heading two
18pxMedium 500
Body text for paragraphs and descriptions with comfortable reading line-height.
14pxBold 700
Caption Label
12pxSemi 600
Small utility text for metadata and hints
Button Variants
Primary
Secondary
Danger
Ghost
Dark Theme Buttons
Cards
Popular
French Conversations
Practice real-world dialogue and improve pronunciation with native speakers.
Dark Theme Cards
Super
Unlimited Hearts
Keep learning without interruption with Super benefits.
Pro
Mastery Quizzes
Challenge yourself with advanced assessments to test your skill level.
Components
Badges
CompletedIn ProgressFailedStreakPremium
Input + Button
Progress
85%
60%
35%
Streak🔥42
Dark Theme Components
Language Pills
Avatar Group
+58 learners active
+5Progress
72%
45%
Badges
MasteredReviewCrown