← back to the gallery

ClickHouse: charcoal database landing with acid-yellow customer panels and modular systems diagrams

Tier
inspiration
Roles
hero, explainer, feature, capability, proof, testimonial, closing
Feel
dark, premium, saas, cold
Motion
pan, reveal, kinetic
Source
public-site
Site
https://clickhouse.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/419c6ef5-caf3-4129-9458-45f56bea2940.mp4
both: https://clickhouse.com

What it does

A large database statement and yellow action open a charcoal page. Customer marks lead into three technical value columns and tall acid-yellow customer panels. A yellow benefit grid, systems diagrams and chart comparisons continue toward a broad yellow closing.

Section roster

1. Charcoal database introduction. 2. Customer marks. 3. Three technical value columns. 4. Tall yellow customer panels. 5. Yellow benefit grid. 6. Systems diagrams. 7. Chart comparisons. 8. Broad yellow closing.

Why it works

Yellow gives the technical page strong points of emphasis without changing its dark foundation. Customer panels interrupt the denser diagrams and make the enterprise narrative easier to follow.

Source and capture notes

Refero [style page](https://styles.refero.design/style/bd96c1a6-32ba-42e0-bd5c-23c70a23142c) and [recorded video](https://images.refero.design/styles/refero.design/video/419c6ef5-caf3-4129-9458-45f56bea2940.mp4); [live site](https://clickhouse.com) 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 source reaches the yellow closing but does not establish the full footer.