Design systems creation with Figma
A light, spacious web page combines large black headings with pastel accents, rounded cards, hand-drawn illustrations, and outlined interface graphics. The page uses soft gradients, thin borders, and generous whitespace throughout.
About this website template
This template is built for Online course promotion and Course registration and enrollment. It is written for People interested in learning design systems and Figma users and digital designers. Common uses include Promoting upcoming course editions, Presenting course dates, schedules, and pricing and Explaining course content and answering prospective student questions. It suits work in Design education and Digital product design.
The design is Playful hand-drawn aesthetic, Rounded cards and pill-shaped controls, Soft pastel editorial web design and Outlined illustrations and UI motifs, with a playful, friendly, creative and approachable tone, laid out as Centered hero with large headline and illustration, Course edition cards in a multi-column row, Structured sections for course contents, teacher details, pricing, and FAQs and Centered footer area.
Template details
- Format
- website
- Purpose
- Online course promotion, Course registration and enrollment
- Audience
- People interested in learning design systems, Figma users and digital designers
- Use cases
- Promoting upcoming course editions, Presenting course dates, schedules, and pricing, Explaining course content and answering prospective student questions
- Industries
- Design education, Digital product design
- Style
- Playful hand-drawn aesthetic, Rounded cards and pill-shaped controls, Soft pastel editorial web design, Outlined illustrations and UI motifs
- Tone
- playful, friendly, creative, approachable
- Typography
- Bold geometric sans-serif headings, Large mixed-case hero typography, Compact sans-serif body copy, Occasional all-caps labels
- Colours
- Warm off-white background, Black text, Pastel pink, coral, mint, lavender, yellow, and blue accents, Soft peach gradients
- Imagery
- Hand-drawn character illustrations, Abstract colorful geometric shapes, Illustrated Figma interface elements
- Density
- medium
- Aspect ratio
- 6:7
Preview
Related templates
Learning the basics of FigmaWebsite
UI design education and Figma-based interface designWebsite
Figma-based product design educationWebsite
Advanced Figma features and design workflowsWebsite
Designing in Figma, including layouts and design systemsWebsite
Creating and selling digital products as a creatorWebsite
UI design and interface development courseWebsite
AI-assisted color palette creation in FigmaWebsite
