Design System

Brand Assets & Identity

The official resource for the iSmartClass brand. Logos, colors, typography, and guidelines for partners and press.

Our Logo

The iSmartClass logo is our most recognizable asset. Please use it consistently and do not modify the colors or proportions.

iSmartClass Logo Light
iSmartClass
Dark Logo (For light backgrounds)
iSmartClass Logo Dark
iSmartClass
Light Logo (For dark backgrounds)

Clear Space

Always leave generous whitespace around the logo to ensure visibility.

Don't Rotate

Never rotate, skew, or distort the logo in any way.

Don't Recolor

Use the official color versions only. Do not apply gradients or shadows.

Color Palette

Our colors reflect trust, intelligence, and modern education.

Primary Blue

#2563EB

Deep Indigo

#4F46E5

Vibrant Sky

#0EA5E9

Slate Dark

#020617

Alert Red

#EF4444

Success Green

#22C55E

Typography

We use specific fonts to maintain a clean, readable, and professional aesthetic across all platforms.

Primary / Headings

Plus Jakarta Sans

AaBold (700) - For Headlines
AaSemibold (600) - For Subheadings

The quick brown fox jumps over the lazy dog. 0123456789

Secondary / Body

Inter

AaMedium (500) - For Highlights
AaRegular (400) - For Body Text

The quick brown fox jumps over the lazy dog. 0123456789