ELYIO
iPhone 15 Pro • 390px
E
ELYIO — Point. Discover. Understand.

Design System
iPhone-like,
WoW, minimal.

A premium interactive showcase for the museum app. Built like Apple ships hardware: content is hero, UI is invisible, one verb per screen.

5 screens • 54px radius • SF Pro feel
Linear.app + Apple editorial

Principles

03 Rules
Content is Hero
Artwork first. UI retreats to 8% opacity until needed. No chrome competes with a Monet.
Invisible UI
Interface appears on intent, not on load. The camera is the navigation. Point is the click.
One Action Per Screen
Every view has a single, unmistakable verb. Start. Frame. Add. Continue. Share.

Palette

6 Swatches
Canvas
Background
#FAFAF9
Ink
Text
#111111
Obsidian
Primary
#000000
Stone
Card / Surface
#F5F5F7
Billion
Accent
#FF3B30
Glow
Eye highlight
#FFF8E1

Typography

SF Pro • Inter
Title 28px Bold
Bal du moulin de la Galette
Headline 22px
My Musée d'Orsay Visit
Body 16px
Renoir paints ordinary Parisians dancing in dappled outdoor light, treating everyday joy as a subject as serious as any historical scene.
Caption 13px Upper
PIERRE-AUGUSTE RENOIR • FRAME ARTWORK FULLY
iPhone 15 Pro • 390×852

5 Screens in
iPhone frames

Each frame lifts on hover. Same components as the working app — no separate mockup to drift out of sync.
MUSEUM HOMECAMERAARTWORK CARD • HEROVISIT PROGRESSVISIT RECAP • VIRAL
Musée d'Orsay • Detected
✓
Find a painting made mostly of dots or dabs
1/1
✓
Spot an artist's self-portrait
1/1
✓
Find the most expensive work in this room
1/1
01 — MUSEUM HOME
Haptic: soft impact on detect. Button: 12% scale spring. Missions appear staggered.
Frame artwork fully
Hold steady • Auto-capture on
02 — CAMERA
Shutter: iOS camera haptic. Guide auto-scales to artwork ratio. Capture: 40ms white flash.
Bal du moulin de la Galette
4:3 • SCAN
PIERRE-AUGUSTE RENOIR

Bal du moulin de la Galette

1876

Renoir paints ordinary Parisians dancing in dappled outdoor light, treating everyday joy as a subject as serious as any historical scene.

Follow the patches of sunlight scattered across the crowd — Renoir built the whole atmosphere from broken light, not outlines.

One of Impressionism's largest and most ambitious figure paintings, showing over 30 people in a single scene.

03 — ARTWORK CARD • HERO
Drag to dismiss. Value badge reveals once. Eye block fades in 240ms.
Live Progress
3%
Pending review
Value seen
3
Works
0m
Time
3%
Museum
04 — VISIT PROGRESS
WatchOS-style ring. Live numbers. Thumbnails momentum scroll. Bottom sheet sticky.
ELYIO • 03.08.2026
E

My Musée d'Orsay Visit

3 works • 0m • Musée d'Orsay

Works3
Artists3
Value seenPending review
Time0m
Featured today
Pierre-Auguste Renoir • Estimate pending review

elyio.co / v1.0

05 — VISIT RECAP • VIRAL
Native share sheet. Gradient mesh. Billion badge only fires past a real €1B threshold.
Developer handoff
Build like iPhone.
No navigation chrome. Camera as cursor. Value as status.
Motion: spring(0.16,1,0.3,1) 600ms. All lifts use transform only.
Blur: backdrop-blur-2xl 40px. Never compete with art.
Radius: 54px phone, 24px cards, full buttons. 16px inner.
Shadow: layered 50/100 and 20/40. No hard edges.