Wireframes — Pebble Refined

Pebble Refined · committed direction
Static · review only
Updated April 26, 2026

Pebble Refined is the synthesis of two earlier finalists — editorial-mature (variant A) and app-native-friendly (variant B). It keeps DM Sans for body and tab labels, lets italic Fraunces mark the noun that matters (the occasion, the relationship, the gift), and lives on a warm Clay & Sage palette quiet enough to sit beside real product photography. The card grid below is the full screen flow. On any per-screen page, use the Variants button (top right) to compare Pebble against A and B in place.

Pebble RefinedWhat's committed(across all screens)

Type voice: DM Sans body, italic Fraunces only on key nouns
Palette: Cream & Paper surfaces; Clay & Sage as primaries
Tab bar: 4 sided + center scan FAB on every signed-in screen
Soft cards: 14–18px radius, 1px line, almost no shadow
Voice: "Got it. One less to remember." — practical, never twee
Eyebrow labels: uppercase tracked, replace large section titles
Buyer-anonymous claims: claim moment never shows owner identity
No buyer account: shared lists work without login

Open for commentWhere reviewers should weigh in(open questions)

Italic Fraunces dosage — once per screen, or also in body asides?
Scan FAB color — Ink-on-butter (current) vs Clay-on-paper
Claim moment — full takeover (current) vs sheet
Activity surface — chronological feed (current) vs grouped digest
Discover tone — editorial collections (current) vs algorithmic
Profile density — stats-first (current) vs single-action ladder

The system

Cream

#F4EFE8

Paper

#FFFBF4

Clay

#C97A6E

Sage

#A8B591

Butter

#F2D399

Blush

#F0CFC4

Mint

#D6E2D0

Ink

#2D2A26

First-run & home

01Onboarding

Three-card welcome: who Wishlist is for, the buyer-anonymity promise, the no-account shared-list flow. Sets the calm, mom-aware tone before the home grid loads.

02Home / Lists

Stack of the user's lists with cover, occasion, item count, and a primary Mira's First Birthday card showing the italic-Fraunces accent treatment.

03List Detail

Items grouped by category. Each row carries title, store, price, and a quiet claim-state pip. Owner never sees buyer identity — only that something is claimed.

The capture moment

04Item Detail

Single-item view: photo, store, price, notes, "add to list" affordance. Affiliate URL is generated server-side; the item card never carries an API key.

05Scan moment

Dark camera takeover with reticle, store-detected pill, and a single confirm button. ML Kit on-device decode + UPCitemdb fallback (per implementation plan).

06Claim moment

Full-screen quiet confirmation after a buyer claims. Mood-led, no buyer identity surfaced anywhere. Closing line: "Got it. One less to remember."

Discovery, social, you

07Activity

Reverse-chrono notification feed. Quietly states what changed; never reveals who claimed an owner's item.

08Discover

Editorial collections (Mom & baby · Hosting · Hobby starters) over an algorithmic feed. Affiliate-monetized, free to all users.

09Shared list

The recipient-side view a buyer sees from a share link. Works without an account. Claim button, no signup wall.

10Profile

Lists / Items / Claimed counts in italic Fraunces, then a settings ladder: notifications · occasions · sharing · affiliate transparency.

Use Variants in the top nav of any screen to swap between Pebble Refined (committed) and the two earlier finalists, A and B. The voice line — "Got it. One less to remember." — is the litmus test. If a screen makes that line feel earned, it ships.