← back to the gallery

FastHTML: playful Python landing with pastel shapes and high-contrast code sections

Tier
inspiration
Roles
hero, explainer, process, capability, proof, faq, footer
Feel
light, playful, saas, warm
Motion
pan, drift, reveal
Source
public-site
Site
https://fastht.ml
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/094d8347-a4cb-4c42-a5a6-4417587554c3.mp4
both: https://fastht.ml

What it does

A centered Python web-framework introduction is framed by scattered pastel rectangles and circles. Deep plum code examples lead into a large yellow build explanation and a bright green scaling panel. White example galleries, rounded purple questions and salmon-colored expert quotations complete the recorded sequence.

Section roster

1. Pastel geometric introduction. 2. Plum code example. 3. Yellow build explanation. 4. Green scaling examples. 5. Example gallery. 6. Rounded purple questions. 7. Salmon expert quotations. 8. Supporting links.

Why it works

Bold color fields separate technical tasks into distinct chapters. Monospaced examples give the playful shapes a practical counterpart rather than leaving the page purely decorative.

Source and capture notes

Refero [style page](https://styles.refero.design/style/786f99e5-8c40-4205-a878-bf006b330f4e) and [recorded video](https://images.refero.design/styles/refero.design/video/094d8347-a4cb-4c42-a5a6-4417587554c3.mp4); [live site](https://fastht.ml) 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.