← Project Index Illustration Index The asset spec book — one block per marketing page, then the full library. Marketing art only; the app uses type, colour and CSS pattern over its splash plates.
CLEARSKY · MARKETING ASSET SPEC · ONE BLOCK PER PAGE

What every page uses,
and what is still missing

IN USEshipping on the page now REWORKusable, but wrong in some way MISSINGneeds generating SUPERSEDEDreplaced, kept as reference 7 blocks · 6 live pages · 1 support kit
M01

Landing

sky: dawn → day Open the live page →
HERO AS IT SHIPS
A RELATIONSHIP & COMMITMENT OPERATING SYSTEM Show up for
what matters Clearsky brings your conversations and commitments into one calm place. Start 14 days freeSee how it works
N01 greeting, left flank N02 gazing up, right flank
WORDING
Kicker A relationship & commitment operating system
H1 Show up for what matters
Sub Clearsky brings your conversations and commitments into one calm place…
CTAs Start 14 days free · See how it works
COMPONENTS & ICONS
sticky white navcloud logo markcurved SVG sky edgeC1–C6 parallax cloudsenvelope + bubble rainconic sunbeam5 feature cardscheck icon3 price cards
IMAGES ON THIS PAGE
IN USEBG1 dawn plate — full-bleed behind the hero gradient IN USER04–R08 on the feature cards, E02 and E03 in the story bands IN USEN01 greeting + N02 gazing up — a hero pair made for this page only, so nothing repeats down the page
M02

How it works

sky: midday Open the live page →
HERO AS IT SHIPS
HOW IT WORKS Five loops,
one calm day Clearsky runs the same short cycle every day: see what needs you, answer it well, turn the real ones into plans, keep what you promised.
N03 phone explainer
WORDING
Kicker How it works
H1 Five loops, one calm day
Loops 01 Triage · 02 Respond · 03 Promise · 04 Protect · 05 Review
CTA Run one calm day. Then decide.
COMPONENTS & ICONS
numbered navy discs 01–05green check bulletsalternating split rowscurved SVG sky edgeC5 parallax wisp
IMAGES ON THIS PAGE
IN USEBG2 midday plate — full-bleed behind the hero gradient IN USER04–R08, one per loop section, alternating left and right IN USEBG3 night plate (from your #4) — full-bleed behind the hero, stars and crescent moon IN USEN03 phone explainer — the hero figure AND the phone prop in one piece, pointing at a blank screen
M03

Why we show up

sky: moonlit night Open the live page →
HERO AS IT SHIPS
WHY WE SHOW UP Presence is the
whole product
N04 golden summit hero
I09 summit — the artwork this page was designed around. Its sky is baked in and the avatar is a speck, so it cannot be the hero as-is.
WORDING
Kicker Why we show up
H1 Presence is the whole product
Pull quote Every message does not deserve your time. But the right ones deserve your presence.
Closing Your future is built in the moments you choose to show up
COMPONENTS & ICONS
narrow serif measureamber pull-quote ruleamber slogan bandnavy CTA pillC3 parallax puff
ASSET STATUS
SUPERSEDEDI09 summit — superseded by N04, kept as reference art only IN USEN04 golden summit — figure large and central, cinematic amber rim light, transparent. This is now the page\u2019s signature image, running at 460px
M04

Pricing

sky: clear day Open the live page →
HERO AS IT SHIPS
PRICING Clear day,
clear deal One plan, everything included. 14 days free, cancel from Settings in two taps.
WORDING
H1 Clear day, clear deal
Plans $49.99/yr · $6.99/mo · $129 lifetime
Trial Today unlocks · Day 12 reminder · Day 14 billing
CTA 14 days. No card games.
COMPONENTS & ICONS
BEST VALUE ribbonplan cardsgreen check listtrial timeline dotsFAQ stack5 hero clouds
ASSET STATUS
IN USEBG7 dawn plate (from your #8) — full-bleed behind the hero IN USEFive cloud cutouts in the hero at their own depths, R10 beside the trial timeline IN USER10 reaching now lives only here — M03 and M05 have their own figures
M05

Get Clearsky

sky: first light Open the live page →
HERO AS IT SHIPS
FIRST LIGHT Get Clearsky 14 days free. Connect your accounts in about two minutes. App Store
N05 arriving with phone
WORDING
Kicker First light
H1 Get Clearsky
Steps 01 Sign in · 02 Connect what matters · 03 Pick your inner circle · 04 Wake up sorted
Fine print iPhone · iOS 17 and later. Android is next.
COMPONENTS & ICONS
Apple logo badgeQR blocknumbered step cardscurved SVG sky edgeC5 parallax wisp
ASSET STATUS
IN USEBG4 summit plate (from your #5) — full-bleed behind the hero; BG6 storm band (from your #7) behind the setup steps IN USEN05 arriving — phone in hand, mid-step, delighted. Unique to the download page MISSINGApp Store screenshot set, cropped from the mobile screens
M06

Private by design

sky: night Open the live page →
HERO AS IT SHIPS
PRIVATE BY DESIGN Your messages train
your Clearsky
N06 asleep moonlit
WORDING
Kicker Private by design
H1 Your messages train your Clearsky
Sections Principles · Where your words go · Controls you actually have
Promise Clearsky never sends a message on your behalf
COMPONENTS & ICONS
CSS moonprinciple cards + status dots4-step data flowamber promise calloutgreen check controls
ASSET STATUS
IN USEBG8 deep-night plate — full-bleed behind the hero: starfield, silhouetted cloud banks, one distant amber lamp. No moon, so it stays distinct from M03 IN USENight gradient and CSS moon — the darkest sky in the system IN USEN06 asleep on a moonlit cloud — the hero, cool blue rim light, deeply calm IN USEN07 padlock — he holds an amber-gold lock beside the Controls heading
KIT

Support kit

404 · social · email — not built yet
404 — BUILT
ERROR 404 Lost in fog This page drifted off somewhere. He is out looking for it. N08 lantern in fog Back to clear sky
WORDING
404 Lost in fog / This page drifted off / Back to Clearsky
OG card Show up for what matters — Clearsky
Launch email Your sky is ready
COMPONENTS & ICONS
drifting CSS foglantern glowOG 1200×630 frameemail header band
ASSET STATUS
SUPERSEDEDI12 lost in fog — superseded by N08, kept as reference art only IN USEBG5 sunbeam plate (from your #6) — behind the fog at low opacity IN USEN08 lantern embed — figure and lantern only, so four drifting CSS fog banks pass behind AND in front of him MISSINGOG share cards for all six pages, and the launch email header
LIB

The full library

every asset generated so far — transparent embeds first, then the original backgrounded illustrations, then the cloud cutouts
TRANSPARENT EMBEDS — USE THESE ON PAGES (green ring = new, page-specific)
ORIGINALS WITH BAKED BACKGROUNDS — YOUR PAGE ASSIGNMENTS (numbered right → left, as you called them)
8M04 7M05 6KIT 5M05 4M03 3M02? 2inspo 1M01?
NEW HERO BACKGROUND PLATES (sit behind the gradient, no characters)
BG1 → M01 dawn BG2 → M02 midday BG3 → M03 night · from #4 BG4 → M05 summit · from #5 BG5 → KIT beam · from #6 BG6 → M05 band · from #7 BG7 → M04 dawn · from #8 BG8 → M06 deep night
CLOUD CUTOUTS C1–C6 — PARALLAX LAYERS