Hindsight Design review · 27 October 2026

The power of hindsight.
More room to read it.

Keep the crescent ribbon, midnight palette and clear promise. Give prices, token choices and exercise terms the space they need.

Open the live preview →

Live estimates only. No wallet connection or signing. Images below are labelled as browser captures or generated proposals; their prices are snapshots, not offers.

The implemented preview

Actual browser captures at 1440 × 1000 and 390 × 844. Peak Sell, 1 ETH, 26 March 2027 expiry, $4,000 activation and $6,000 cap. WETH is delivered at exercise; Aave USDC is received. Prices change with the market. Earlier captures below use different terms.

Implemented desktop preview with larger labels, WETH exercise payment and an Aave USDC estimate
Desktop · implemented16-pixel form labels, 14-pixel hints and 15-pixel cost rows. The estimate sits alongside the terms.
Implemented mobile preview with readable price fields and a persistent estimate bar
Mobile · implementedShorter header, larger touch targets and a persistent estimate. “View cost” opens the full breakdown on this page.

Checked at 320, 390, 820 and 1440 pixels wide. Both directions and all three quarterly dates work with live indicative prices. Purchases remain off.

1. Desktop: bring the cost into focus

Earlier desktop preview with small form labels and cost details
Before · actual browser capture1440 × 1000. Peak Sell, 1 ETH, March 2027 expiry. Small labels and cost rows make the terms hard to scan.
Generated desktop proposal with larger type and aligned form and price panel
Round 1 · generated proposalExplore a shorter heading, larger controls and an aligned estimate. This image is a visual proposal.

Applied: larger labels, a compact heading and stronger cost hierarchy. Adapted: real form controls and readable comparison rows. Kept: the approved crescent wordmark and full exercise details.

2. Mobile: keep the estimate within reach

Earlier mobile terms screen with small supporting text
Before · actual browser capture390 × 844. The cost sits far below the inputs and token choices.
Generated mobile proposal showing a persistent cost bar
Round 2 · generated proposalExplore larger text, a persistent estimate and an easy route to its breakdown.

Applied: a bottom estimate bar with “View cost”, and the full estimate before the pair comparison. Adapted: responsive spacing and real token choices. Review and partial-exercise controls remain available.

3. Mobile: reach the inputs sooner

Generated mobile header proposal with a shorter introduction
Round 3 · generated proposalA focused pass on the space above the price controls. This is a visual proposal; the live preview uses current quotes.

Applied: remove the decorative eyebrow on phones, shorten the introduction and tighten the selection summary. Kept: readable labels, the expiry, exercise scope and original wordmark. The native controls have at least 44-pixel touch targets.

Exercise takes WETH for Peak Sell or USDC for Bottom Buy. Each has two receive-token choices: plain collateral or Aave collateral. The live preview reflects this rule.