← back to the gallery

Contractbook: graphic blue contract-management landing with framed workflow examples

Tier
inspiration
Roles
hero, explainer, feature, proof, faq, closing, footer
Feel
light, playful, saas, premium
Motion
reveal, pan
Source
public-site
Site
https://contractbook.com/
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/9d00ef79-a621-4ad6-a87f-e76a7f1d7954.mp4
both: https://contractbook.com/

What it does

A contract-management platform encloses its light hero in a vivid blue graphic surround. A video introduction leads into pale blue and cream workflow cards, colorful team use cases, customer evidence, a question list, and a dark footer.

Section roster

1. Blue graphic surround and light product hero. 2. Introductory film and product proposition. 3. Framed contract-workflow examples. 4. Team use-case color panels. 5. Customer proof and question list. 6. Dark information footer.

Why it works

The graphic border makes a conventional software proposition memorable. Color-coded workflow cards help differentiate contract stages while keeping the product screenshots as the primary evidence.

Source and capture notes

Refero [style page](https://styles.refero.design/style/fbc60c55-da20-4684-a279-0ed86590272e) and [recorded video](https://images.refero.design/styles/refero.design/video/9d00ef79-a621-4ad6-a87f-e76a7f1d7954.mp4); [live site](https://contractbook.com/) 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.