🎨 Design Skills for High Schoolers

Design is
your
superpower.

Learn the fundamentals of visual design, branding, and digital creation — then challenge yourself to build something the world will actually see.

Start Learning → Take the Challenge
COLOR THEORY TYPOGRAPHY LAYOUT & GRIDS VISUAL HIERARCHY BRAND IDENTITY UX DESIGN MARKETING VIDEO PRODUCTION COLOR THEORY TYPOGRAPHY LAYOUT & GRIDS VISUAL HIERARCHY BRAND IDENTITY UX DESIGN MARKETING VIDEO PRODUCTION
01 — Core Concepts

The building blocks
of great design.

Every great designer masters these fundamentals. Learn them, practice them, and use them to make your work unforgettable.

🎨

Color Theory

Color communicates emotion before words do. Understanding how colors interact — complementary, analogous, triadic — lets you create palettes that feel intentional and powerful.

💡 Pro tip: Limit yourself to 3 colors max. One dominant, one secondary, one accent.
📐

Visual Hierarchy

Your eye follows a path through any design. Size, weight, color, and spacing all signal what's most important. Great hierarchy guides viewers exactly where you want them to look.

💡 If everything is bold, nothing is bold. Create contrast.
🔡

Typography

Fonts carry personality. A rounded font feels friendly; a serif feels trustworthy; a bold slab feels powerful. Pairing fonts — one display, one body — creates visual rhythm and depth.

💡 Stick to 2 fonts. More than that usually looks cluttered.

White Space

Empty space isn't empty — it's breathing room. White space (also called negative space) gives your design clarity, elegance, and focus. The best designs use space as a tool, not a mistake.

💡 When in doubt, add more space. Most beginners crowd their layouts.
🔲

Layout & Grids

Grids are invisible scaffolding that makes everything feel aligned and professional. A 12-column grid gives you flexibility while maintaining structure — it's used in print, web, and app design everywhere.

💡 You can break the grid — but only if you understand why.

Brand Identity

A brand is more than a logo. It's a system — colors, fonts, voice, imagery style — that makes something instantly recognizable. Think of Nike, Apple, or Spotify. Consistency builds trust.

💡 Create a mood board before designing anything. Collect what inspires you.
02 — Color Theory

Color is a
language.

Every color has a meaning, a temperature, and an emotional impact. Here are the most important palettes every designer needs to know.

Complementary

Opposite sides of the color wheel — high contrast, high energy.

Analogous

Colors next to each other — harmonious and calm.

Triadic

Three evenly spaced colors — vibrant and balanced.

Monochromatic

One hue at different shades — clean and sophisticated.

The 60-30-10 Rule

60% dominant color (backgrounds, large areas), 30% secondary (headers, cards), 10% accent (buttons, highlights). This ratio naturally feels balanced.

Warm vs. Cool

Warm colors (reds, oranges, yellows) feel energetic and bold. Cool colors (blues, greens, purples) feel calm and professional. Mix them intentionally.

Color Psychology

Red = urgency & passion. Blue = trust & calm. Green = growth & nature. Yellow = optimism. Purple = creativity. Black = luxury. Use color to reinforce your message.

Contrast & Accessibility

Text must have enough contrast against its background so everyone can read it. Aim for a 4.5:1 ratio for body text. Tools like Contrast Checker make this easy.

03 — Typography

Words that
look as good as
they read.

Typography is choosing the right voice for your message. Master these font personalities and know when to use each one.

Serif Fonts
The quick
brown fox.

Little feet (serifs) at the end of letters. Feels classic, trustworthy, editorial. Great for: brands that want to feel established and credible. Think newspapers, law firms, fashion magazines.

Sans-Serif Fonts
Clean &
Modern.

No feet. Clean and modern. The most popular choice for digital design. Feels friendly, tech-forward, and approachable. Used by Apple, Google, Spotify, and most apps.

Display / Decorative
LOUD &
PROUD.

Made for headlines and big moments. Never use for body text. It creates personality and energy at large sizes. Perfect for posters, logos, and hero sections that need to make a statement.

Type Hierarchy Example
Main Headline
Subheading goes here
Body text is smaller and lighter. It lets the headline breathe and creates a clear visual order for the eye to follow naturally.

Three levels: Headline (largest, boldest), Subheading (medium, colored), Body (small, light weight). This hierarchy guides the reader's eye through your content.

Now it's
your turn.

Four connected challenges that build on each other. Start with a website, develop your business idea, pitch it with a real video — and market it to the world.

🌐
Ch. 1
Your Website
💡
Ch. 2
Business Concept
🎬
Ch. 3
Video Pitch
📣
Ch. 4
Market It
02
💡
Challenge 2

Business Concept Model

Design a full business concept — what problem it solves, who it serves, how it makes money, and why it matters. This becomes the foundation for your video pitch in Challenge 3.

  • Pick a real problem you've noticed in your community
  • Fill out a Business Model Canvas (free template on Canva)
  • Name your business and write a one-sentence pitch
  • Design a simple logo and brand color palette
  • Create a 5-slide deck — you'll use this to script your video
03
🎬
Challenge 3

Pitch Your Business on Video

Take your business concept from Challenge 2 and bring it to life in a 60–90 second video pitch. Sell your idea like a founder on Shark Tank — using storytelling, visuals, and real energy.

  • Use your Challenge 2 business concept as the subject
  • Script it: Problem (10 sec) → Solution (20 sec) → Who it's for (15 sec) → Call to action (15 sec)
  • Film with your phone — natural light or a ring light works great
  • Add your logo, brand colors, and music in CapCut or iMovie
  • Post as a YouTube Short or Instagram Reel and share the link
04
📣
Challenge 4

Launch with Marketing

Now that you have a website, a business concept, and a video pitch — market it like it's real. Use your brand identity from Challenge 2 consistently across every channel.

  • Define your target customer — be specific (age, interests, problem they have)
  • Create 3 social media posts using your brand colors and logo from Canva
  • Embed your pitch video in your website from Challenge 1
  • Write a launch email newsletter using Mailchimp (free) and send it
  • Report back: how many people did you reach? What got the most clicks?

Ready to level up? Here are free tools to get started today.

See All Free Tools →
05 — Free Tools

Everything you
need. All free.

Professional designers use expensive software — but these free tools are just as powerful for getting started. No excuses.

Canva

Drag-and-drop graphic design. Logos, social posts, posters, presentations — all in your browser.

Graphic Design

Google Sites

The easiest way to build a free, live website. Clean templates, zero coding required.

Website Builder

Webflow

More control than Google Sites. Build responsive websites with a visual editor — free tier available.

Website Builder

CapCut

The favorite video editor of content creators. Captions, effects, and music — all free on mobile or desktop.

Video Editing

DaVinci Resolve

Hollywood-grade video editing software, completely free. Steep learning curve, incredible results.

Video Editing

Figma

The industry-standard tool for UI/UX design. Free for students. Design apps, websites, and prototypes.

UI/UX Design

Mailchimp

Build and send email newsletters to up to 500 subscribers free. Real marketing, zero cost.

Email Marketing

Google Analytics

See exactly who visits your website, where they came from, and what they do. Free and powerful.

Analytics

Google Fonts

1,500+ free, professional fonts for any project. Search by feeling, style, or use case.

Typography

Pixabay / Unsplash

Thousands of royalty-free photos, videos, and music tracks. Use them in any project, commercially.

Free Assets

Notion

Plan your business model, take notes, build a project tracker, and share it as a website.

Planning

Coolors.co

Generate beautiful color palettes in seconds. Lock colors, adjust shades, export codes instantly.

Color Tools