Spark Full Circle · Step 2

Interactive Prototype
Capability Test

Sample content only. Scroll, press the cards and buttons, and use the bottom bar — everything responds right here, nothing navigates away.

Live device readout Check me

These values are measured on your phone, live. They show whether this view really fills your screen at normal scale.

Viewport
—
Scroll depth
0%
Safe-area bottom
—
Display mode
—
Presses felt
0
Active tab
Home

Press test

Hold a button — it sinks. Let go — it springs back. Every press is counted.

0
1

A card you can press

This entire card is a press target. Press and hold it: the surface moves inward and its shadow tightens. Now try starting a scroll from on top of it — scrolling should still feel completely normal, and the card should not stay squashed.

2

Morning light

Sample card two of eight. The list is deliberately long — a real Home screen never fits on one phone screen, and this test must not shrink to fit either. Keep scrolling at normal size.

3

Today, at a glance

Sample card three. Notice the bottom bar: it has not moved. It stays fixed while everything in this column scrolls underneath the top of the screen.

4

Halfway down

Sample card four — also a whole-card press target. The gold line at the very top of the screen tracks how far through the content you are; the readout card at the top reports the same number.

5

People & occasions

Sample card five. Buttons in this test deliberately go nowhere — the point is the feel: press, release, spring back, and a small confirmation note near the bottom of the screen.

6

Gift list ideas

Sample card six. If the top of this card can slide all the way to the top of the screen, the scroll area is using the full phone height — not a shrunken preview window.

7

Almost there

Sample card seven — one more pressable card. Press effects are handled so a press is cancelled the moment your finger starts moving to scroll, which is why scrolling never feels sticky.

8

Last sample card

Sample card eight. One more short scroll brings you to the end marker — it should sit fully visible above the bottom bar, with room to spare.

End of content

If you can read this whole card and the gold check above it, the fixed bottom bar is not covering the last items — and you scrolled the full length at normal phone scale.