Online course platform, violet
Our AI builder designs a site for your business in this style, at desktop, tablet and phone widths. Swap in your own details first.
Prompt
Build a website for Skillwave, an online learning platform with thousands of expert-led courses. Bright and friendly: a hero with a black-and-violet two-line headline, a short paragraph, a violet 'Explore courses' button and a 'How it works' link, learner avatars with a rating, and a photo of a smiling student with headphones and a laptop, framed by small benefit cards. Then popular categories as six icon tiles, most popular courses as cards with thumbnail, title, instructor, rating and price, a dark navy stats bar, a 'learn on your terms' section with phone, tablet and laptop mockups, a row of company logos and a footer. Clean sans-serif, white with violet and navy.
The design goes in as your reference: the builder follows its look and writes new words for your business. Building needs a plan; you'll pick one first if you haven't.
At a glance
- Industry
- Services · Online course
- Style
- Light
- Source
- Pinterest pin
Sections in its prompt
- Client logos
- How it works
- Product or listing cards
- Stats
Design notes
Friendly and practical, this layout packs in a lot of product information without clutter. The two-line hero headline switches from black to violet on the second line, and violet repeats in the buttons, labels and icon accents. A stacked card of four benefits overlaps the student photo, and learner avatars with a star rating sit under the buttons as quick social proof. Category tiles use soft pastel squares, one colour each, which keeps them distinct while staying light. Course cards follow a strict, readable order of thumbnail, title, instructor, rating and price. Suits online course platforms, edtech products or any marketplace selling digital learning.
Notes on the original design. The design itself belongs to its designer.
