← back to the gallery

Val Town: white code-deployment landing with colorful examples and dark code cards

Tier
inspiration
Roles
hero, explainer, feature, capability, proof
Feel
light, playful, minimal, saas, cold
Motion
pan, reveal
Source
public-site
Site
https://val.town
Licence
Captured from a Refero-hosted recording and the live site; description only, no redistribution of the source.
Captured
2026-10-07
Captures
frames: https://images.refero.design/styles/refero.design/video/fb647dae-7d3e-4fb2-bd92-06f3b5ff3e7c.mp4
both: https://val.town

What it does

A restrained white introduction emphasizes deploying web apps, followed by small colorful example tiles. A testimonial and six dark code panels explain the platform before a light comparison passage.

Section roster

1. Web-app deployment introduction. 2. Small colorful example tiles. 3. Customer quotation. 4. Six dark code examples. 5. Light deployment comparison.

Why it works

Small examples keep the early page approachable, while the dark code grid establishes technical substance. White space around the grid prevents dense code from overwhelming the introduction.

Source and capture notes

Refero [style page](https://styles.refero.design/style/4d0a5051-1c4c-4338-8406-2babdc97915c) and [recorded video](https://images.refero.design/styles/refero.design/video/fb647dae-7d3e-4fb2-bd92-06f3b5ff3e7c.mp4); [live site](https://val.town) checked on 2026-10-07. 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. The current hero uses an illustrated town and an AI prompt panel with revised agent positioning. The recording ends in the comparison passage.