Exam Coach AI
Style Guide

Color Palette

Primary Main

#00085a

Secondary Main

#adeae4

Error

#d32f2f

Warning

#ed6c02

Success

#2e7d32

Typography

h1. Heading

h2. Heading

h3. Heading

h4. Heading

h5. Heading
h6. Heading
subtitle1. Lorem ipsum dolor sit amet
subtitle2. Lorem ipsum dolor sit amet

body1. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quos blanditiis tenetur unde suscipit.

body2. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quos blanditiis tenetur unde suscipit.

Buttons

Form Elements

Some helper text

Error message

Cards

Card Title

This is an example card with some content. Cards can be used to display various types of information.

Interactive Card

This card demonstrates hover effects and interactive elements.

Status Card
Active
Featured

Cards can include status indicators and chips.

Alerts

Icons

CheckCircle
TrendingUp
School
Search
Notifications
Menu