Cron

How it works

hero:

Centered vertical stack with orange logo top-left, horizontal nav bar (Blog/Changelog/Docs/Login) right-aligned with orange Sign Up button, then announcement banner, 9xl white headline 'It's about time.', gray body copy, and floating product UI mockups (desktop calendar + mobile detail view) layered at 30-40% opacity.

layout:

Single-column centered hero section (text stack centered to ~1000px), with product screenshots positioned in overlapping loose formation below—desktop calendar left-back, mobile modal front-right—creating depth without grid constraint.

type:

Sans-serif (likely system stack) with extreme contrast: headline set in 7xl+ weight with tight tracking, body at 16px gray, navigation at 14px white with 120% letter-spacing creating air; monospace used sparingly in product UI labels.

colors:

Near-black background (#1a1a1a) with pure white typography, orange accent (#FF5722) used only for logo, announcement box border, and CTA button to create three critical focus points.

distinctive:

Two layered, semi-transparent product UI mockups (desktop and mobile) floating in 3D perspective beneath the headline, showing actual feature complexity while maintaining hero focus through opacity reduction and dark background containment.