← back to the gallery

SuperHi: playful course landing framed by giant geometric shapes and bold color blocks

Tier
inspiration
Roles
hero, proof, shop, feature, testimonial, faq
Feel
light, playful, premium, warm
Motion
pan, reveal
Source
public-site
Site
https://superhi.com/
Licence
Captured from a Refero-hosted recording and the live site; description only, no redistribution of the source.
Captured
2026-10-06
Captures
frames: https://images.refero.design/styles/refero.design/video/266ba32a-0ee8-4108-af06-88b7266827e0.mp4
both: https://superhi.com/

What it does

Oversized yellow, red, green, blue and pink shapes surround a centered creative-career headline. Student work and course previews follow in horizontal rows. A pink course introduction and blue, cyan, orange and green learning blocks lead into yellow testimonial cards and a compact question section.

Section roster

1. Geometric creative-career hero. 2. Student and employer proof. 3. Student-work row. 4. Popular course previews. 5. Pink introductory course panel. 6. Color-block learning paths. 7. Yellow testimonials. 8. Question section.

Why it works

The shapes make the learning brand expressive before course examples supply practical evidence. Color separates learning paths while consistent rounded typography holds them together.

Source and capture notes

Refero [style page](https://styles.refero.design/style/90b8631c-4e2c-407e-86a3-d2bff456dc93) and [recorded video](https://images.refero.design/styles/refero.design/video/266ba32a-0ee8-4108-af06-88b7266827e0.mp4); [live site](https://superhi.com/) checked on 2026-10-06. The recording is a point-in-time reference; current site content may differ. Descriptions distinguish the recording from the current page where they differ. Layout and motion notes come from sampled recording frames and automated live captures; interactive controls were not comprehensively tested. Course labels and student examples may change. Fresh captures dismiss optional cookies through the essential-cookies-only control.