meryl

14 September 2026 · New-user onboarding

Should a newcomer use Vault or Market? This round tests visual intent choices, a product map and a short optional walkthrough, using Gyro as the shared journey reference. Meryl’s live app and skin are unchanged.

Recommendation: choose by intent first, then offer a small visual example. Buying needs no prior vault deposit; listing requires vault shares. The product-map concept is rejected as drawn because one of its arrows teaches the wrong flow. This is concept review, not a live onboarding release.

13 September 2026 · Latest design iteration

The approved A statement stays. This pass sharpens the active tab, simplifies Markets and gives small controls proper touch targets.

Three imagegen directions for vault holders, passive sellers and active buyers → practical updates → fresh screenshot-diff review → final refinements. Images marked “proposal” are design ideas, not product data. Real captures use the public thetadeployer account; balances can move between captures.

Three independent proposals

A · Position-first continuity · proposal
Meryl: A · Position-first continuity · proposal
B · Decision workspace · proposal
Meryl: B · Decision workspace · proposal
C · Quiet precision · proposal
Meryl: C · Quiet precision · proposal

Kept: clearer holdings, less framing, concise guidance and visible actions. Rejected: invented records, missing controls, tiny targets and extra disclaimer panels. Existing brand artwork stays; controls remain real HTML/CSS.

Desktop · before / final

Before · real desktop capture
Meryl: Before · real desktop capture
Final · real desktop capture
Meryl: Final · real desktop capture

Phone · before / final

Before · real position at 390px
Meryl: Before · real position at 390px
Final · real position at 390px
Meryl: Final · real position at 390px

Seller · before / final

Before · explanation above the form
Meryl: Before · explanation above the form
Final · concise guidance and optional detail
Meryl: Final · concise guidance and optional detail

Paused listing now looks and acts disabled. The new submit-only gate follows existing market status; cancellation, claims and withdrawals stay outside it. No quote or return arithmetic changed.

Second designer pass · diff proposal

The designer compared actual before/after desktop and phone captures. Only useful refinements were applied; the final screenshots above are the implemented result. Pass 1 desktop · Pass 1 phone · Pass 1 seller.

Imagegen screenshot-diff proposal · not the final app
Meryl: Imagegen screenshot-diff proposal · not the final app

All captured journeys

ViewInitial captureImplemented result
Vault · desktopBeforeFinal
Buyer · desktopBeforeFinal
Seller · desktopBeforeFinal
Vault · phoneBeforeFinal
Buyer · phoneBeforeFinal
Seller · phoneBeforeFinal

Fresh Astra review and targeted regression tests cover control bindings, frozen beta, responsive targets, modal/history visibility and pause-state recovery. Live checks are read-only; no transaction was signed.

Concept A, now in meryl

A quiet position statement, refined through two visual review passes.

Open the live app ↗

Applied: centered strikes, tighter spacing, aligned fees and one USDC label. Base stays in the header when it already identifies the only chain. Returns and calculations are unchanged.

Kept refresh controls, open epoch history and usable mobile targets when generated proposals lost them. The final pass trimmed the return gap and hid only the duplicate empty-history chip; real epoch records remain.

From first implementation to final app
StageDesktopMobile
Initial appViewView
Image proposal 1ViewView
App after pass 1ViewView
Image proposal 2ViewView
Final appViewView

Original design competition

Swipe to compare. Open a board to see it full size.

Selected: A, for its quiet focus on your position. These original boards are references, not app screenshots.