← back to the gallery

SavvyCal: green scheduling hero with cream and pink calendar chapters

Tier
inspiration
Roles
hero, explainer, feature, testimonial, capability
Feel
light, premium, editorial, warm
Motion
pan, reveal, kinetic
Source
public-site
Site
https://savvycal.com
Licence
Captured from a Refero-hosted recording and the live site; description only, no redistribution of the source.
Captured
2026-10-08
Captures
frames: https://images.refero.design/styles/refero.design/video/b08b77db-69a1-420c-99a3-162e0607793c.mp4
both: https://savvycal.com

What it does

A green concentric background supports a centered scheduling headline and lime action. Cream calendar and branding examples introduce the booking experience, followed by a portrait quotation. A pink focus-time chapter demonstrates a second calendar arrangement before a dark collaboration chapter begins.

Section roster

1. Concentric green introduction. 2. Cream booking and branding example. 3. Portrait testimonial. 4. Pink focus-time chapter. 5. Second calendar example. 6. Opening dark collaboration chapter.

Why it works

Distinct chapter colors separate scheduling benefits while the same serif headlines and calendar frames preserve continuity. Portrait quotations provide a human interval between dense interface examples.

Source and capture notes

Refero [style page](https://styles.refero.design/style/83b71dd8-de08-4c57-80b2-9fced17a0ca5) and [recorded video](https://images.refero.design/styles/refero.design/video/b08b77db-69a1-420c-99a3-162e0607793c.mp4); [live site](https://savvycal.com) checked on 2026-10-08. 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 live page retains the green introduction and calendar-led feature direction. The source excerpt ends at the beginning of the collaboration chapter rather than a full footer.