From color theory to career — pick your stage
Build palettes from scratch. HSL sliders, hex codes, RGB values — learn the language of color. Export palettes for your projects.
Learn complementary, analogous, triadic, and split-complementary schemes through interactive challenges. Build intuition for what colors work together.
Test color combinations for readability and accessibility. WCAG contrast ratios visualized. Essential for any designer shipping real products.
Can you name 200 colors on sight? Test and train your color vocabulary. Designers who name colors precisely communicate with teams better.
Practice visual alignment, spacing, and balance. Drag shapes to pixel-perfect positions. The exercise that separates good design from great.
Absolutely. Design is a learnable skill, not a talent. Start with color theory and composition rules — these are objective principles, not artistic instinct. Our games teach these principles through practice, not lectures.
Harmony is about colors that feel good together (complementary, analogous, triadic schemes). Contrast is about readability — can you read text on that background? You need both: harmonious palettes AND sufficient contrast for accessibility.
With daily practice: 2-4 weeks for basic color and layout literacy, 2-3 months for simple professional work (social media graphics, presentations), 6-12 months for complex projects (websites, brand identities). Tools accelerate — start with our design games while learning theory.
What changes next:
Describe what you need → get production-ready SVG icons. 36,000+ icons already generated. Two styles per concept (detailed + minimal). Built on LLOS Visual Grammar.
Browse, search, rate, and study shapes from the LLOS visual language. Detailed and minimal variants. Export for your projects. The largest open shape vocabulary.
Explore font families, weights, spacing, line-height, and hierarchy. See how type choices change mood and readability. Build your typographic instinct.
Real-time image manipulation: blur, brightness, contrast, hue-rotate, saturate, sepia, and combinations. Learn how filters create moods and effects.
SVG (Scalable Vector Graphics) is the web standard for crisp, resizable graphics. Unlike PNGs, SVGs stay sharp at any size and can be animated with CSS. Every icon, logo, and illustration on modern websites uses SVG. Learning SVG gives you direct control over your visual output.
Match the typeface to the content's personality: serif for authority and tradition, sans-serif for modern and clean, monospace for technical. Use our Typography Playground to see how different families change the feel of the same text. Limit to 2-3 fonts per project.
What changes next:
Design a personal mark — the most intimate design challenge. Explore how line weight, rhythm, and space create identity. Your signature is your first logo.
How do words become shapes? Explore the connection between language and visual form. Essential for logo design, brand identity, and visual storytelling.
Color psychology, Gestalt principles, attention patterns, emotional response to form. Design that understands how people see and feel.
Understand human dynamics, communication, and emotional intelligence. Designers who understand people create better user experiences.
Functional design communicates information. Expressive design communicates meaning and feeling. A red button can mean "danger" (functional) or "passion" (expressive). Understanding psychology, culture, and context is what enables expression. Our Psychology and Word Explorer tools build this awareness.
Start small: define your color tokens (3-5 core colors), typography scale (4-5 sizes), spacing scale (4-6 steps), and 5-10 reusable components. Document everything. A design system grows from real usage — build what you need, not what you imagine you'll need.
What changes next:
UI/UX design, graphic design, motion graphics, brand design, product design, game design, animation, fashion. 50+ tracks with salary data.
What you love designing × what you're good at × what the world needs × what pays. Find the intersection where passion meets profession.
Photoshop, Illustrator, Figma, After Effects basics. Hands-on demos for the tools every designer needs in their toolkit.
Use AI for concept generation, copy writing, design briefs, and research. Prompt engineering for designers — get visual concepts, not generic output.
AI replaces production tasks (resizing, basic layouts, stock imagery). It amplifies designers who think conceptually — strategy, user empathy, cultural sensitivity, visual storytelling. Learn to use AI as a tool and you'll be 10x more productive, not replaced.
Build a portfolio with 5-8 strong pieces (even personal projects count). Learn one professional tool deeply (Figma is the current standard). Apply to junior roles, internships, or freelance on platforms like Dribbble and Behance. Network at design meetups.
Start broad, then specialize based on what excites you. UI/UX has the highest demand and salary. Graphic design is the most flexible. Motion design is growing fast with video content. Try all three using our tools, then follow your energy.
Continue your journey: