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

Standard

With Helper Text

Some helper text

Error State

Error message

Disabled

Password

Multiline

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

This is a success alert — check it out!

This is an info alert — check it out!

This is a warning alert — check it out!

This is an error alert — check it out!

Icons

CheckCircle

TrendingUp

School

Notifications