supaste.com

Supaste — Clipboard History Manager for Macsaved 26d ago · captured 26d ago

Seven details, seven pinned.

View as Markdown ↗

Colors8 colors · ground #1384F9

ground#1384f9·23.78%#5bbcfe·21.72%#9eddfe·16.54%#0f44cd·14.77%#060809·10.19%#38a5fe·6.24%#262a29·1.84%#ecf2f7·0.98%

Sized by coverage · click to copy.

Typography1 family · 5 styles · Inter Display

Clipboard history

Inter Display · 20/20 · 600 · -0.4px

Your clipboard, wherever you need it

Inter Display · 60/60 · 700 · -3px

Smarter, Faster, and Connected Across Your Mac

Inter Display · 50/50 · 700 · -2.5px

Body

Supaste saves your clipboard and screenshots in a beautiful visual history, auto

Inter Display · 20/28 · 400 · -0.2px

Small

Download

Inter Display · 12/17 · 600 · normal

Specimens are the page's own words at their measured metrics; shown in Inter when the family is not loaded.

ButtonsDownload1 style

Download

primary · fill #ffffff · label #000000 · radius 8px · border 0px · padding 8px 16px · height 33px · type 12px / 400

Shape5 radii · 92 uses

30px45 uses · 49%

4px21 uses · 23%

12px13 uses · 14%

100px8 uses · 9%

16px5 uses · 5%

AnalysisSupaste is a Mac clipboard-history app sold the Apple way: one saturated sky-blue gradient fills the whole hero (deep #0f44cd at the top fading through #1384f9 to a pale #9eddfe haze), white Inter…

Supaste is a Mac clipboard-history app sold the Apple way: one saturated sky-blue gradient fills the whole hero (deep #0f44cd at the top fading through #1384f9 to a pale #9eddfe haze), white Inter Display set at 80px/700 with −4px tracking says "Copy once." and a light italic serif answers "Reuse anytime." beneath it, and everything else is white on white. The nav is a floating black pill fused to the top edge with rounded 30px shoulders, echoed at the bottom of the hero by a notch-shaped product mock that slides up out of the fold like a MacBook notch panel. Below, each feature lives in a full-width off-white (#ecf2f7-ish) rounded panel holding a single screenshot on a lush Sonoma-style wallpaper, with a huge tight black headline underneath. Corner radii run big — 30px panels, 100px pills, 12–16px cards — and the palette is disciplined to blue, black and white, so the product's own bright blue icon is the only color that ever competes with the hero.

Style recipeBuild a light, Apple-adjacent product landing.

Build a light, Apple-adjacent product landing. Base is pure white #ffffff; sectional panels are a barely-there cool gray (#f5f7fa to #ecf2f7) with 30px radius and 16–24px inset. The one color is a saturated blue ramp: #0f44cd → #1384f9 → #38a5fe → #5bbcfe → #9eddfe, used as a single vertical hero gradient (dark on top, pale at the bottom) and as the app-icon blue nowhere else. Ink is near-black #060809; secondary text #262a29 at 60–70% opacity. Type is Inter Display throughout: display 72–80px / 700 / line-height 1.0 / letter-spacing −4px (about −0.05em); section headlines 48–56px / 700 / −2px; body 20px / 400 / 28px line-height / −0.2px; fine print 12–13px. Allow exactly one contrasting display move: a light italic high-contrast serif for the second line of the hero headline, same size as the sans line. Navigation is a black (#060809) floating pill fused to the top edge, 100px radius on the lower corners, white links at 15px/400, with a white pill CTA inside it. Primary buttons are white 100px pills, black text 16px/600, 16px × 28px padding, with a platform glyph before the label; secondary actions are text-only. Radii scale: 100px pills, 30px panels, 16px screenshots, 12px cards, 4px chips. Shadows are soft and large only under floating mocks (0 24px 60px rgba(0,0,0,.25)); flat everywhere else. Screenshots sit on photographic or wallpaper backgrounds inside their panels, never on plain gray. Center-align hero and section headlines; keep body copy to a 560–620px measure. No borders, no icons beyond the platform glyph, no second accent.

Details7 worth noting

supaste.com — the captured page — Landing, 1440 × 900 · captured Sep 13, 2026

1Edge-fused black nav pill
The top nav is a black pill that hangs from the viewport edge with rounded lower corners and inverted "shoulders" blending it into the page top, so it reads as part of the chrome rather than a bar.
2Sans and italic serif headline
Two-line hero headline mixing a heavy tight sans ("Copy once.") with a light italic serif ("Reuse anytime.") — one contrast move, then everything else stays sans.
3Vertical blue-to-sky hero gradient
Hero gradient runs vertically from deep royal blue to a near-white sky, so the white headline sits on the dark end and the product mock emerges at the light end.
4Notch-shaped product mock
Product mock is shaped like a macOS notch panel: a wide dark bar with a raised center section and rounded shoulders, peeking up from the fold with a tabbed "History 24 · Prompts 24 · Colors 24" pill row and a horizontal card strip.
5Apple glyph as eyebrow and CTA
A small Apple-glyph eyebrow ("Clipboard history") and Apple-glyph CTAs ("Download for macOS") in a white 100px pill with black text — the platform logo as the brand's kicker.
6Three plain-text trust lines
Three tiny trust lines under the CTA in muted small text ("One-time purchase · Fully offline and privacy · macOS Sonoma 14.0 or later") instead of a badge row.
7Screenshot-first feature panels
Feature sections are full-width 30px-radius off-white panels containing one large 16px-radius screenshot on a photographic wallpaper, followed by an oversized centered headline ("Multi-Clip Copy") — screenshot first, words second.

saas · landing · light · minimal, corporate-clean · confident, calm, premium, friendly, optimistic

supaste.com

More like this