# revone.app

Source: https://revone.app/
Captured: 2026-09-24
Tags: saas, landing, dark, both, dark-techno, bento, minimal, premium, confident, calm, technical
Colors: #010101, #2b2a6e, #1e1d32, #4444a5, #686bee, #9597f2, #5251d0, #707078
Type (h1): Satoshi · 80px/88px · 500 — "All your revenue. One place."
Type (h2): Satoshi · 60px/66px · 500 — "See all your income across every account"
Type (h3): Satoshi · 40px/44px · 500 — "Revenue calendar"
Type (body): Satoshi · 20px/32px · 400 — "Connect Stripe, Gumroad, Lemon Squeezy, Polar and more — and see every sale, cha"
Type (small): Satoshi · 12px/19.2px · 400 — "Requires macOS Sonoma 14.0 or later"
Type (button): sans-serif · 12px/normal · 400 — "Download now"
Button: "Download now" — fill #5f61ed, text #ffffff, radius 40px, border 0px, padding 10px 15px, height 40px, type 12px/400
Radii: 40px (41), 20px (40), 10px (15), 30px (13), 60px (11)

## Images

- Hero (desktop): https://media.lvly.design/library/revone-app/hero.webp?v=86b8f912
- Page crop (mid-1): https://media.lvly.design/library/revone-app/mid-1.webp?v=84809b88
- Page crop (mid-2): https://media.lvly.design/library/revone-app/mid-2.webp?v=4af2ccdc
- Hero (mobile): https://media.lvly.design/library/revone-app/mobile-hero.webp?v=74036593
- Full page (desktop): https://media.lvly.design/library/revone-app/full.jpg?v=e779312f
- Full page (mobile): https://media.lvly.design/library/revone-app/mobile-full.jpg?v=1d17413a
- Clip preview (mp4): https://media.lvly.design/library/revone-app/video-4zcdg4.preview.mp4?v=4286b61d

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.

## Steal-worthy details

- 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
- 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
- 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
- Requirement microcopy under the CTA: "Requires macOS Sonoma 14.0 or later" in 12px #707078 answers the first objection right where the click happens
- 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
- 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
- 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
- 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
- Radius hierarchy: 60px panels, 40px cards and pills, 20px inner frames and 10px controls, so the curves step down as the nesting deepens

## Style recipe

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.