Figma-based product design education
A bright, graphic web page uses a lavender hero area, oversized dark navy section, pastel overlapping cards, and crisp black outlines. Rounded pricing panels, geometric blocks, and ample white space create a playful editorial appearance.
このwebsiteテンプレートについて
This template is built for online course landing page and course enrollment. It is written for aspiring product designers and people learning Figma. Common uses include promoting a product design course, selling access to design lessons and presenting course modules and pricing. It suits work in design education and software design.
The design is bold geometric, playful, contemporary, outlined shapes, soft shadows and high-contrast accents, with a playful, energetic and confident tone, laid out as header with logo and call-to-action, centered hero section, large overlapping module-card display, text-and-card information sections, side-by-side pricing cards and minimal footer.
テンプレートの詳細
- Format
- website
- Purpose
- online course landing page, course enrollment
- Audience
- aspiring product designers, people learning Figma
- Use cases
- promoting a product design course, selling access to design lessons, presenting course modules and pricing
- Industries
- design education, software design
- Style
- bold geometric, playful, contemporary, outlined shapes, soft shadows, high-contrast accents
- Tone
- playful, energetic, confident
- Typography
- bold sans-serif headline, large uppercase or title-case labels, dark navy text, compact sans-serif body copy
- Colours
- white, lavender, pastel pink, coral, rose, peach, pale green, dark navy, black
- Imagery
- abstract geometric shapes, browser-window graphic, stacked rectangular cards
- Density
- medium
- Aspect ratio
- 6:7
プレビュー
関連テンプレート
UI design education and Figma-based interface designウェブサイト
Design systems creation with Figmaウェブサイト
UI design education covering color, design patterns, typography, components, and video lessonsウェブサイト
Creating and selling digital products as a creatorウェブサイト
Advanced Figma features and design workflowsウェブサイト
Web design education and career developmentウェブサイト
UX and UI product design educationウェブサイト
Learning the basics of Figmaウェブサイト
