← back to the gallery

Astro: purple developer-framework landing with benchmarks and code

Tier
inspiration
Roles
hero, proof, explainer, feature, capability, closing, footer
Feel
dark, saas, depth, cold
Motion
pan, reveal
Source
public-site
Site
https://astro.build/
Licence
Captured from a Refero-hosted recording and the live site; description only, no redistribution of the source.
Captured
2026-10-04
Captures
frames: https://images.refero.design/styles/refero.design/video/a7f50124-13c5-4b3f-acaf-6a4abef39886.mp4
both: https://astro.build/

What it does

A centered framework promise sits on a violet glow with a white start action, command-line snippet and dense company-logo proof. The dark page continues through benchmark bars, integration icons, code examples, feature tiles, themes and support partners.

Section roster

1. Purple introduction and install command. 2. Company logos. 3. Framework explanation. 4. Performance benchmark. 5. Integration and code examples. 6. Features and themes. 7. Support and closing.

Why it works

The glow establishes a focal point without competing with the technical evidence; varied code, charts and theme previews give developers concrete reasons to continue.

Source and capture notes

Refero [style page](https://styles.refero.design/style/e8c604cc-1c8d-42a3-aeca-fcfc25e70344) and [recorded video](https://images.refero.design/styles/refero.design/video/a7f50124-13c5-4b3f-acaf-6a4abef39886.mp4); [live site](https://astro.build/) checked on 2026-10-04. 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.