revone.app

Revone — All Your Revenue in One Place for macOSsaved 15d ago · captured 15d ago

Nine details, eight pinned.

View as Markdown ↗

Colors8 colors · ground #010101

ground#010101·81.81%#2b2a6e·6.02%#1e1d32·3.90%#4444a5·2.40%#686bee·1.46%#9597f2·0.74%#5251d0·0.69%#707078·0.61%

Sized by coverage · click to copy.

Typography1 family · 5 styles · Satoshi

All your revenue. One place.

Satoshi · 80/88 · 500 · normal

See all your income across every account

Satoshi · 60/66 · 500 · normal

Revenue calendar

Satoshi · 40/44 · 500 · normal

Body

Connect Stripe, Gumroad, Lemon Squeezy, Polar and more — and see every sale, cha

Satoshi · 20/32 · 400 · normal

Small

Requires macOS Sonoma 14.0 or later

Satoshi · 12/19 · 400 · normal

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

ButtonsDownload now1 style

Download now

primary · fill #5f61ed · label #ffffff · radius 40px · border 0px · padding 10px 15px · height 40px · type 12px / 400

Shape5 radii · 120 uses

40px41 uses · 34%

20px40 uses · 33%

10px15 uses · 13%

30px13 uses · 11%

60px11 uses · 9%

AnalysisA native-Mac-app landing page set on pure black (#000/#010101), with a single saturated indigo-violet (#5f61ed, washing to #2b2a6e and #9597f2) doing all the color work.

A native-Mac-app landing page set on pure black (#000/#010101), with a single saturated indigo-violet (#5f61ed, washing to #2b2a6e and #9597f2) doing all the color work. The hero is centered and quiet: a glossy app-icon tile, an 80px Satoshi Medium headline in two short sentences, a gray 20/32 subhead, a row of integration logos in circles, and one pill CTA with an Apple glyph. The drama arrives below. The product screenshot sits on a huge 60px-radius indigo panel lit by a diagonal sheen, and the feature story runs through near-black cards (about #111) with 40–60px radii. First come full-width split cards, text on the left and a UI crop on the right, then a two-column bento of feature cards, each with a title, a gray paragraph and an inset screenshot. Satoshi is the only typeface, always at weight 500, so the look stays soft and Apple-adjacent.

Style recipePure black canvas (#000000), with near-black raised surfaces (#111111 to #161616) and no borders; separate surfaces by tone only.

Pure black canvas (#000000), with near-black raised surfaces (#111111 to #161616) and no borders; separate surfaces by tone only. Use one brand hue, indigo #5f61ed, for every CTA, check icon, selected state and highlight, with a wash range from #2b2a6e (deep) through #4444a5 and #686bee to #9597f2 (light) for gradient panels and glows. Put a blurred indigo radial glow at the top edge of the viewport. Type is Satoshi only. Set headings at weight 500 in a strict 80/60/40px scale with a line-height of 1.1 and normal tracking. Set body copy at 20px/32px weight 400 in gray (about #9a9aa2 on black), and small print at 12px in #707078. Center the hero: an app-icon squircle with a colored shadow, a two-sentence headline, the subhead, a row of circular logos, and one indigo pill button (40px radius, white label, a leading Apple glyph). Make the nav a floating centered translucent capsule that is never full-width. Step radii down with depth: 60px color panels, 40px cards and pills, 20px inset frames, 10px inputs. Present the product as real UI screenshots inside inset frames, or bleeding off a card's edge. Stage the flagship screenshot on a saturated indigo slab with a diagonal white sheen. Lay out feature content as full-width split cards first, then a two-column bento. Keep shadows off except the colored glow under the icon and CTA.

Details9 worth noting

revone.app — the captured page — Landing, 1440 × 900 · captured Sep 24, 2026

1Floating pill nav with top glow
Floating pill nav glowing from above: a translucent dark capsule, centered and detached from the edges, sits under a blurred indigo halo that bleeds down from the top of the viewport. The same capsule carries the nav's solid indigo "Download now" pill
2App icon as hero eyebrow
App icon as the hero's eyebrow: a glossy 80px indigo squircle with a soft colored drop shadow replaces a text kicker, so the brand mark heads the headline stack
3Integration logo row above CTA
Integration logos as the proof row: twelve 30px circular provider badges in their own brand colors, sitting between the subhead and the CTA. They are the only multicolor moment on an otherwise monochrome-plus-indigo page
4System-requirement line under CTA
Requirement microcopy under the CTA: "Requires macOS Sonoma 14.0 or later" in 12px #707078 answers the first objection right where the click happens
5Indigo sheen panel behind screenshot
Screenshot stage on a lit color panel: the app window sits inside a 60px-radius indigo slab with a diagonal white sheen streak, so a dark UI reads against a dark page
6Split card with bleeding UI crop
Split feature cards: rounded near-black slabs bleed the product crop off the card's right edge, set against a text column with indigo outline-check bullets
7Two-column bento with inset UI frames
Bento feature grid with inset screenshots: two columns of 40px-radius cards, each with a 40px title, a gray paragraph and a 20px-radius inner frame holding a cropped piece of UI. Some inner frames swap in an indigo gradient for rhythm
8One-time pricing band with strike price
Pay-once pricing band: a full-width indigo gradient slab pairs a "Pay once. Use forever." headline with a dark app-style price card showing $19 beside a struck-through old price
9Stepped radius scale by nesting depth
Radius hierarchy: 60px panels, 40px cards and pills, 20px inner frames and 10px controls, so the curves step down as the nesting deepens

saas · landing · dark · dark-techno, bento, minimal · premium, confident, calm, technical

revone.app

More like this