# owner.com

Source: https://www.owner.com/
Captured: 2026-09-13
Tags: saas, landing, light, both, corporate-clean, minimal, confident, friendly, optimistic, trustworthy, energetic
Colors: #fdfefd, #c9eccf, #0d9c29, #9df9b4, #707771, #8f9290, #aeafae, #515651
Type (h1): STKBureauSans · 80px/76px · 600 · tracking -3.2px — "The AI platform restaurants use to grow first-party sales."
Type (h2): STKBureauSans · 48px/48px · 600 · tracking -1.44px — "Grow sales like these owners"
Type (body): STKBureauSans · 32px/38.4px · 600 · tracking -0.96px — "With Owner, your website gets way more Google traffic"
Type (button): STKBureauSans · 14px/14px · 600 — "Get a free demo"
Button (primary): "Get a free demo" — fill #2c2c2c, text #f9f3ed, radius 14px, border 1px, padding 14px 21px, height 42px, type 14px/600
Radii: 32px (24), 14px (2), 16px (2), 112px (1), 128px (1)

## Images

- Hero (desktop): https://media.lvly.design/library/owner-com/hero.webp?v=d10e74c8
- Page crop (mid-1): https://media.lvly.design/library/owner-com/mid-1.webp?v=13f3e9c1
- Page crop (mid-2): https://media.lvly.design/library/owner-com/mid-2.webp?v=d00b4217
- Hero (mobile): https://media.lvly.design/library/owner-com/mobile-hero.webp?v=b2e2125f
- Full page (desktop): https://media.lvly.design/library/owner-com/full.jpg?v=7ab9a405
- Full page (mobile): https://media.lvly.design/library/owner-com/mobile-full.jpg?v=8ae564cc
- Clip preview (mp4): https://media.lvly.design/library/owner-com/video-xeysfn.preview.mp4?v=7e18b45f

Owner.com's landing page is a restaurant-SaaS pitch built on one color: a vivid, slightly yellow-leaning green that owns every big surface. The hero is white and typographic — a huge tight-tracked STKBureauSans headline in charcoal (80px / 600, −3.2px tracking) over a star-rating proof line — with a single search-style input as the CTA, its dark-green "Get my AI report" button sitting inside a pill that glows with a soft green halo. Below it a phone mock rises out of a saturated green band that gradients from deep emerald to pale mint. Further down the page flips fully to green: white display type on a diagonally-lit green field, translucent glass badges for the G2/Capterra proof, and two staggered marquee rows of mint testimonial cards with 32px corners. The system is deliberately simple — white, charcoal, one green in three tints — and it reads as upbeat and sales-driven rather than technical; corners are large everywhere, buttons are pill-adjacent, and the density stays low so the proof points carry the page.

## Steal-worthy details

- The hero CTA is a search field, not a button: "Find your restaurant name" + an inline dark-green button inside one pill, wrapped in a soft mint outer glow that makes it the only lit object on a white page.
- One brand green in three tints does all the work: saturated #0d9c29 for fields, a pale #c9eccf mint for cards, a near-neon #9df9b4 for highlights — no second hue anywhere.
- Section-scale color flip: the page runs white → green band → full-bleed green section, so scrolling feels like moving into the brand rather than reading past it.
- Star ratings as a repeated typographic motif — "4.8 ★★★★★ across 1,000+ reviews" appears above the headline and again above the testimonial wall, in muted gray so it reads as a footnote, not a shout.
- Testimonial marquee in two offset rows of mint cards (32px radius, five stars top-left, avatar + first-name bottom-left) — the stagger hides the loop seam and makes the wall feel endless.
- Glass proof badges on the green field: white-at-low-opacity pills holding third-party logos, so the awards sit *on* the brand color instead of interrupting it.
- Dark header CTA (#2c2c2c on cream text) kept neutral so the green stays reserved for product and proof.

## Style recipe

Build on pure white (#ffffff) with charcoal ink (#2c2c2c for controls, a softer #515651 for display type). Use one brand green and derive everything from it: #0d9c29 as the saturated field and primary action color, #c9eccf as a pale mint for cards and tints, #9df9b4 as an occasional near-neon highlight or glow. Never introduce a second hue; gray (#707771, #8f9290) handles all secondary text. Set display type in a tight grotesk (STKBureauSans → Inter Tight / Söhne) at 600 weight with hard negative tracking (−0.04em at 80px, −0.03em at 32px) and line-height ≈0.95; body copy stays in the same family at 400–500. Radii are big and consistent: 32px on cards and image containers, 14–16px on buttons and inputs, full pills for badges. Primary buttons are solid dark green or charcoal with cream text (#f9f3ed), 42px tall, 14px/600 label. Make the hero CTA an input+button combo inside a single rounded field, and give it a soft green outer glow (box-shadow 0 0 0 8px rgba(13,156,41,0.12) plus a blurred 24px spread). Alternate sections between white and full-bleed green; on green, type goes white and any container becomes translucent white glass (rgba(255,255,255,0.15), 12px blur). Add a faint diagonal light-ray texture to large green fields so they don't read flat. Keep density low and proof high: star ratings in muted gray, testimonial cards on mint, third-party badges in glass pills.