IYO

How it’s built

Layout

The saved desktop view is nearly black with a small dark rounded navigation dock centered at top, four vertically stacked dark product thumbnails near lower right and a compact two-line statement at lower left fading from white to gray. The center is largely empty.

Type

Medium compact regular sans bottom-left sentence with white-to-gray emphasis, tiny dock identity and icons. Exact painted font identity unknown.

Color and surface

Near-black field, charcoal rounded surfaces, gray product thumbnails and white/gray type.

Components

Keep a near-black field mostly empty, with a small centered top navigation dock, a compact two-tone statement low left and a vertical column of four small rounded image tiles low right.

What makes it work

• Near-black mostly empty field
• Small centered top dock
• Two-tone compact lower-left statement
• Vertical small rounded image tiles low right

Measured

Computed CSS at 1440px, 2026-10-24.

Live behavior

Today

A near-black field contains a grainy white particle-like image, a centered dark pill with identity and circular utilities, lower-left light sans copy, and small product imagery at the lower right. The original desktop reference instead has a mostly empty dark center and a vertical stack of product thumbnails.

Responsive

Desktop and tablet retain the centered top pill and lower-left copy; the phone shows a horizontal row of product cards near the bottom, partially cropped at both edges. In the ordinary phone image the top pill is clipped at the left, while the fresh phone image shows it centered; the cause is not established. The copy declares Magnetik 33.6px on desktop/tablet and 19.2px on phone.

Scroll

The scroll capture records actual scrollY 0 and the same composition; it does not demonstrate a scrolled section or a scroll-triggered effect.