Smart interface design patterns and best practices
A dark navy web page uses a large illustrated circular hero graphic, colorful hand-drawn motifs, rounded accent labels, and cream typography. Content is organized into spacious text columns, testimonial cards, a signup panel, and a photo-led instructor section.
このwebsiteテンプレートについて
This template is built for course promotion, email-list signup and testimonial presentation. It is written for designers, developers and web design practitioners. Common uses include Promoting a video course or workshop, Collecting early-access email subscriptions and Presenting course testimonials and instructor information. It suits work in web design and digital product design.
The design is hand-drawn, illustrative, playful, editorial and retro-inspired, with a playful, informative, warm and creative tone, laid out as full-width hero with centered circular title graphic, horizontal navigation header, multi-column testimonial section, email signup panel, instructor information section and footer with credits and links.
テンプレートの詳細
- Format
- website
- Purpose
- course promotion, email-list signup, testimonial presentation
- Audience
- designers, developers, web design practitioners
- Use cases
- Promoting a video course or workshop, Collecting early-access email subscriptions, Presenting course testimonials and instructor information
- Industries
- web design, digital product design
- Style
- hand-drawn, illustrative, playful, editorial, retro-inspired
- Tone
- playful, informative, warm, creative
- Typography
- large uppercase sans-serif display text, serif body copy, bold emphasis within paragraphs, small uppercase navigation and labels
- Colours
- deep navy background, cream and white text, coral and salmon accents, mint and teal linework, muted purple details
- Imagery
- hand-drawn interface illustrations, decorative botanical and geometric line art, testimonial portraits, instructor photography
- Density
- medium
- Aspect ratio
- 6:7
プレビュー
関連テンプレート
Designing for the web, including workflow, resources, tools, grids, typography, and UI practicesウェブサイト
UI design education covering color, design patterns, typography, components, and video lessonsウェブサイト
UI design and interface development courseウェブサイト
Design systems creation with Figmaウェブサイト
UX and UI product design educationウェブサイト
UI/UX design education and online learningウェブサイト
typography driven web design courseウェブサイト
Creating and selling digital products as a creatorウェブサイト
