StretchLearn Course
Palette systems, flat-shape depth, and a shippable illustration set for real products
Course Overview
Flat illustration looks simple but the good work is engineered: a small locked palette, a single light direction, and depth built from flat shapes instead of gradients. This course teaches the whole pipeline from grid and shape language to a reusable component set, using Figma, Illustrator, and a tight color system. You finish with a cohesive spot-illustration set you can drop straight into a real product.
Learning Outcomes
Build a 6 to 12 swatch flat palette with a fixed light, mid, and shadow ramp
Construct characters and props from primitive shapes on a base grid
Add readable depth using flat shadows, occlusion shapes, and a single light source
Convert a flat style into semi-flat with long shadows, grain, and accent highlights
Produce a consistent spot-illustration set sized for UI empty states and marketing
Export, name, and hand off SVG and PNG assets a developer can use without edits
Curriculum Preview
Preview the course structure, see how the modules build on one another, and understand the path this program is designed to take you through.
Define the flat-to-semi-flat spectrum, the rules that hold the style together, and the tools and file setup you will use throughout.
Build a disciplined limited palette and a primitive-shape construction method, the two systems that carry every flat illustration.
Create convincing depth and light using flat shadow shapes, a single light direction, and the semi-flat techniques of long shadow, grain, and highlights.
Compose full scenes, build a consistent illustration set for a product, and export and hand off assets a developer can use directly.
Built for Application
This program is designed around progression: focused lessons, structured modules, applied resources, assessments, and a course rhythm that turns information into usable capability.