Skip to main content
Brand Guidelines

The Big Class Design System

A comprehensive guide to our visual identity, typography, colors, and component patterns.

Color Palette

Our colors convey trust, professionalism, and achievement. The deep navy represents authority and reliability, while gold accents celebrate accomplishment.

Primary Navy

#1a1f4e

Primary brand color, headers, CTAs

Gold Accent

#c9a227

Accent elements, highlights, achievements

Warm Cream

#f8f6f3

Backgrounds, cards, light surfaces

Success Green

#16a34a

Success states, verified badges

Text Dark

#1c1917

Body text, headings

Gradient Applications
Reserved for special emphasis and certificate backgrounds
Primary Gradient
Accent Gradient
Hero Gradient

Typography

We pair Playfair Display for elegant headings with Inter for clean, readable body text. This combination balances professionalism with modern clarity.

Playfair Display
Headlines & Display Text

Aa Bb Cc

The quick brown fox jumps over the lazy dog

Inter
Body & UI Text

Aa Bb Cc

The quick brown fox jumps over the lazy dog

Type Scale
DisplayThe Big Class
Heading 1Professional Certificates
Heading 2Generate at Scale
Heading 3Feature Section
Body LargeThe modern way to issue certificates
BodyCreate, manage, and verify professional certificates with ease.
SmallSupporting text and captions

Components

Pre-built UI components following our design system for consistent user experiences.

Buttons
Badges & Status
DefaultSecondaryOutlineVerifiedPremiumNew
Form Elements
Feature Cards

Secure

Tamper-proof certificates

Professional

Beautiful templates

Verifiable

Public verification

Scalable

Batch generation

Certificate Preview
Classic template example
bthebigclass

Certificate of Completion

This is to certify that

Jane Doe

has successfully completed

Advanced Web Development

March 15, 2024

Instructor

Date

Download Brand Assets

Get all logo files, color specifications, and typography guidelines in one package.