← back to the gallery

Trunk: monochrome CI landscape flowing into dark pipeline interfaces

Tier
inspiration
Roles
hero, proof, explainer, feature, capability, closing, footer
Feel
dark, saas, premium, depth
Motion
pan, reveal
Source
public-site
Site
https://trunk.io/
Licence
Captured from a Refero-hosted recording and the live site; description only, no redistribution of the source.
Captured
2026-10-05
Captures
frames: https://images.refero.design/styles/refero.design/video/358e1c1e-ba1f-4149-9e5f-8fa0f7a1db5e.mp4
both: https://trunk.io/

What it does

Trunk connects a white, finely drawn pipeline landscape to dark CI dashboards and charts. A green marker supplies a focused accent before lower merge-queue and productivity explanations continue the pipeline metaphor.

Section roster

1. Monochrome landscape and green marker. 2. Customer logos. 3. Dark flaky-test dashboard. 4. Quarantine and analysis feature panels. 5. Merge-queue explanation. 6. Productivity proof. 7. Winding pipeline close and footer.

Why it works

The landscape gives an infrastructure product a recognizable visual world. The shift into dark dashboards clearly separates the conceptual opening from technical examples, while green keeps the accent tied to successful CI.

Source and capture notes

Refero [style page](https://styles.refero.design/style/48971df7-919d-453c-9d0b-4600cd24c583) and [recorded video](https://images.refero.design/styles/refero.design/video/358e1c1e-ba1f-4149-9e5f-8fa0f7a1db5e.mp4); [live site](https://trunk.io/) checked on 2026-10-05. 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 page retains the landscape with updated lower features. CI connections, tests, queue operations and performance claims were not executed or independently measured.