Wireframes — Pebble Refined

Pebble Refined · committed direction
Static · review only · mobile-friendly
Updated April 27, 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.

How to request a revision

On any page, click the Bug Catcher button in the bottom-right corner.
Choose Box to draw a rectangle around the area, or Pin to drop a single marker.
Type your feedback into the single text field — the first 80 characters become the ticket title and any overflow flows into the description automatically. No need to write two separate pieces.
Submit. The widget captures the annotated screenshot and routes your feedback to the team.