Sigma Squared Learning — Brand Guidelines

1. Primary Logos

The primary logo combines the geometric sigma (Σ) symbol with a superscript 2, creating a distinctive mark that represents mathematical excellence and academic rigor.

PRIMARY — LIGHT primary-light.svg

PRIMARY — DARK primary-dark.svg

Horizontal Lockup

HORIZONTAL — LIGHT horizontal-light.svg

HORIZONTAL — DARK horizontal-dark.svg

Centered Layout

CENTERED — LIGHT primary-centered-light.svg

CENTERED — DARK primary-centered-dark.svg

Monochrome

MONOCHROME — BLACK monochrome-black.svg

MONOCHROME — WHITE monochrome-white.svg

2. Icons & Favicons

Simplified mark versions for small sizes, app icons, and favicons. The symbol works without the wordmark at any scale.

Square Icon

App stores, desktop icons

Circle Icon

Social profiles, avatars

Favicon

Browser tabs, bookmarks

3. Color Palette

A professional blue-based palette that conveys trust, intelligence, and academic authority. The gradient accent adds modern energy.

Primary Colors

#1e3a5f

Navy Deep

RGB: 30, 58, 95
Primary brand color

#2563eb

Royal Blue

RGB: 37, 99, 235
Sigma gradient end

#1e40af

Deep Blue

RGB: 30, 64, 175
Icon backgrounds

Accent Colors

#0ea5e9

Sky Blue

RGB: 14, 165, 233
Accent gradient end

#38bdf8

Bright Sky

RGB: 56, 189, 248
Superscript accent

#93c5fd

Light Blue

RGB: 147, 197, 253
Dark mode sigma

Neutral Colors

#0f172a

Slate 900

Dark backgrounds

#1e293b

Slate 800

Dark surfaces

#64748b

Slate 500

Body text, subtitles

#e2e8f0

Slate 200

Borders, dividers

4. Typography

Inter is the primary typeface across all brand touchpoints. Its clean geometry and excellent readability complement the mathematical precision of the logo.

Display / H1 Inter 900 / 48px / letter-spacing: 6px

SIGMA SQUARED

Heading / H2 Inter 800 / 32px / letter-spacing: 2px

Excellence Through Understanding

Subheading Inter 700 / 20px / letter-spacing: 1px

Building strong foundations in mathematics and science

Body Inter 400 / 16px / line-height: 1.6

Sigma Squared Learning provides expert tuition in mathematics, physics, and computer science. Our approach emphasizes deep understanding over rote memorization, empowering students to think critically and solve problems independently.

Caption / Label Inter 500 / 11–12px / letter-spacing: 4–8px

Learning Centre

5. Social Media Assets

Ready-to-use templates for social platforms. All sizes follow current platform specifications.

6. Clear Space & Sizing

Maintain adequate breathing room around the logo to ensure visual impact and legibility.

Clear Space

The minimum clear space around the logo is equal to the height of the superscript "2" on all sides. No other elements should intrude into this zone.

CLEAR SPACE

Minimum Sizes

Minimum Dimensions

Stacked logo: 120px wide minimum
Horizontal lockup: 200px wide minimum
Icon mark only: 24px minimum
Favicon: 16px (use simplified version)

7. Usage Rules

Follow these guidelines to maintain brand consistency across all applications.

Use provided SVG files for all applications
Maintain the aspect ratio when scaling
Use the dark version on dark backgrounds
Use monochrome versions for single-color print
Keep adequate clear space around the logo
Use the horizontal lockup for narrow spaces

Don't

Stretch or distort the logo proportions
Change the brand colors or gradients
Add drop shadows or effects beyond provided
Place logo on busy or low-contrast backgrounds
Rotate or skew the logo
Recreate the logo with different typefaces

8. Asset Inventory

Complete listing of all brand assets included in this kit.

branding/
  logos/
    primary-light.svg — Full logo on white
    primary-dark.svg — Full logo on dark
    horizontal-light.svg — Horizontal lockup, light
    horizontal-dark.svg — Horizontal lockup, dark
    primary-centered-light.svg — Centered layout, light
    primary-centered-dark.svg — Centered layout, dark
    monochrome-black.svg — Single color, black
    monochrome-white.svg — Single color, white
    original.svg — Original logo (reference)
  icons/
    icon-square.svg — App icon, rounded square
    icon-circle.svg — Circular avatar/profile icon
    favicon.svg — Browser favicon, 32x32
  social/
    profile-picture.svg — Social media avatar, 400x400
    cover-facebook.svg — Facebook/social cover, 820x312
    story-template.svg — Instagram story template, 1080x1920
  guidelines/
    brand-guidelines.html — This document