gojiberry.ai

Gojiberry AI - Grow your sales with warm leads & high intent outreachsaved 26d ago · captured 26d ago

Seven details, seven pinned.

View as Markdown ↗

Colors8 colors · ground #FCFBFA

ground#fcfbfa·74.58%#f4d8ca·17.03%accent#fab59f·4.33%#96918f·1.52%#bab2ae·1.13%#1b1b1b·0.57%#736f6e·0.50%#504f4f·0.13%

Sized by coverage · click to copy.

Typography2 families · 5 styles · Fustat, Inter

Your Al agent finds high intent leads and contacts them for you.

Fustat · 56/56 · 400 · -2.8px

Finds & scores your best leads first

Fustat · 38/41 · 400 · -1.5px

Connect

Fustat · 24/28 · 400 · -1px

Body

Enter your website. Gojiberry learns your business, identifies your best prospec

Inter · 20/26 · 400 · -0.4px

Small

Inter · 10/12 · 500 · -0.1px

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

ButtonsStart for freeStart for free1 style

Start for freeStart for free

primary · fill #f5f4f3 · label #0a0a0a · radius 0px · border 0px · padding 7px 24px 7px 7px · height 54px · type 12px / 400

Shape5 radii · 9 uses

34.4828% 32.4544%3 uses · 33%

220px3 uses · 33%

12px1 use · 11%

3.9604% 25.0732%1 use · 11%

15px1 use · 11%

AnalysisA near-white Framer landing page for an AI sales agent, warmed by a soft peach-coral gradient that pools around the hero and bleeds in as blurred, glassy fan-shaped ribbons at the page edges.

A near-white Framer landing page for an AI sales agent, warmed by a soft peach-coral gradient that pools around the hero and bleeds in as blurred, glassy fan-shaped ribbons at the page edges. Fustat at 56px with -2.8px tracking gives the headline a tight, humanist geometric voice; Inter carries the body. The distinctive move is the blueprint chrome: hairline corner brackets frame the "Backed by Y Combinator" chip, the URL input, and every section heading, while nav items and process steps carry tiny superscript indices (01–04). Buttons are rectangular and unrounded — a black pill-free CTA fused to the input, and a header button whose coral arrow square sits inside its own bracketed outline. Cool grays (#96918f, #bab2ae) and an ink #1b1b1b keep the type sober against the warm wash, and step labels (Connect / Prospect / Convert) sit in ghosted gray with underlines like a tab rail waiting to be activated.

Style recipe- Ground: #fcfbfa page with pure white surfaces; wash a soft peach gradient (#f4d8ca → #fab59f, heavily blurred) behind the hero and as vertical ribbons at the viewport edges.

·Ground: #fcfbfa page with pure white surfaces; wash a soft peach gradient (#f4d8ca → #fab59f, heavily blurred) behind the hero and as vertical ribbons at the viewport edges. No drop shadows; depth comes from blur and hairlines.
·Type: geometric humanist sans (Fustat or similar) for display at 56px/56px, weight 400, tracking -2.8px (about -0.05em); Inter 20px/26px, tracking -0.4px for body; nav and captions 12–13px. Ink #1b1b1b, secondary #736f6e, tertiary #96918f, disabled/ghost #bab2ae.
·Accent: coral #fab59f for highlighted words, the arrow square and contour lines; a hotter coral-red for tiny icon squares. Never fill large areas with it.
·Frames: replace borders with corner brackets — four 8–12px L-hairlines in #bab2ae at the corners of chips, inputs, headings and cards. Dashed brackets on the primary button.
·Controls: square corners (0px radius) for buttons and inputs; 54px tall; black #1b1b1b solid CTA with white 13px label; pale #f5f4f3 secondary button with an accent icon square on the left. Fuse input and CTA into one bar.
·Indexing: attach superscript two-digit counters (01, 02 …) to nav items and step labels in 10px gray.
·Layout: centered hero with narrow measure; sections open with a left-aligned H2 inside a bracket frame; a ghosted vertical step rail (gray labels with underlines) on the left, content on the right separated by a dashed hairline.
·Motion: gentle fade/blur entrances on load; keep it quiet.

Details7 worth noting

gojiberry.ai — the captured page — Landing, 1440 × 900 · captured Sep 13, 2026

1Corner-bracket framing
Corner-bracket framing (four short L-shaped hairlines, no full border) used as the one recurring ornament — on chips, inputs, headings and cards alike.
2Superscript numbering on nav links
Superscript numbering on nav links (Features 01, Playbooks 02 …) and on process steps, in a small monospace-feeling gray.
3Input fused to its CTA
Input + CTA fused into a single bar: white field with a hairline border, black square-cornered button flush on the right, the whole thing sitting inside a bracket frame.
4Header button as a selected layer
Primary header button: pale surface (#f5f4f3), coral arrow square on the left, black label on the right, with dashed bracket marks at the corners — a button that looks like a selected layer.
5Coral contour lines in the margins
Hero background: blurred peach gradient blocks plus thin coral contour lines curving down both margins, giving depth without a drop shadow anywhere.
6Colored word in the H2
Coloured word in the H2 ("3 minutes" in coral) preceded by a small pill target marker, instead of a badge or eyebrow.
7Monospace YC badge
Monospace treatment for the YC badge text with the "Y" in an orange square.

saas · landing · light · minimal, swiss · warm, confident, technical, optimistic, friendly

gojiberry.ai

More like this