MCQ Guru Design System

A vibrant, play-centric design language for the next generation of learners.

Typography

Headings (Fraunces)

Display H1

Fraunces Black 6xl

Heading H2

Fraunces Bold 5xl

Heading H3

Fraunces SemiBold 4xl

Heading H4

Fraunces Bold 3xl

Body (Outfit)

Lead Paragraph - The quick brown fox jumps over the lazy dog.

Outfit Regular xl

Body Regular - Education is not just about learning facts, but about training the mind to think.

Outfit Regular base

Caption / Metadata - Last updated 2 mins ago

Outfit Medium sm

Color Palette

Primary Colors

Copy

Sunshine Yellow

#FCD982

Copy

Energetic Orange

#FF6B50

Copy

Deep Charcoal

#1A1A1A

Secondary Colors

Copy

Soft Purple

#6C63FF

Copy

Teal Mint

#44BBA4

Copy

Ocean Blue

#3B82F6

Neutrals

Copy

Warm White

#FFFDF7

Copy

Surface White

#FFFFFF

Copy

Border Grey

#EFEFEF

Copy

Text Secondary

#666666

UI Components

Buttons

Form Elements

Cards

Physics

Thermodynamics

Master the laws of heat and energy transfer in this comprehensive module.

12 Questions

Daily Challenge

Complete today's physics challenge to earn double XP!

Feedback States

Correct Answer!

Great job, keep up the momentum.

Incorrect

The core concept here is energy conservation.

Time Running Out

You have 2 minutes remaining for this section.