owner.com

Online Ordering and Restaurant Marketing System | Owner.comsaved 26d ago · captured 26d ago

Seven details, seven pinned.

View as Markdown ↗

Colors8 colors · ground #FDFEFD

ground#fdfefd·65.05%#c9eccf·15.67%accent#0d9c29·7.78%#9df9b4·2.16%#707771·1.86%#8f9290·1.58%#aeafae·1.32%#515651·1.19%

Sized by coverage · click to copy.

Typography1 family · 3 styles · STKBureauSans

The AI platform restaurants use to grow first-party sales.

STKBureauSans · 80/76 · 600 · -3.2px

Grow sales like these owners

STKBureauSans · 48/48 · 600 · -1.44px

Body

With Owner, your website gets way more Google traffic

STKBureauSans · 32/38 · 600 · -0.96px

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

ButtonsGet a free demo1 style

Get a free demo

primary · fill #2c2c2c · label #f9f3ed · radius 14px · border 1px · padding 14px 21px · height 42px · type 14px / 600

Shape5 radii · 30 uses

32px24 uses · 80%

14px2 uses · 7%

16px2 uses · 7%

112px1 use · 3%

128px1 use · 3%

AnalysisOwner.com's landing page is a restaurant-SaaS pitch built on one color: a vivid, slightly yellow-leaning green that owns every big surface.

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.

Style recipeBuild on pure white (#ffffff) with charcoal ink (#2c2c2c for controls, a softer #515651 for display type).

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.

Details7 worth noting

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

1Search-field hero CTA
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.
2One green in three tints
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.
3Section-scale color flip
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.
4Star rating as typographic motif
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.
5Two-row staggered testimonial marquee
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.
6Glass proof badges on green
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.
7Neutral dark header CTA
Dark header CTA (#2c2c2c on cream text) kept neutral so the green stays reserved for product and proof.