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网站
