Rootling

How it’s built

Layout

A pale field shows blurred floating image tiles, a narrow left column of bordered thumbnails and tags, tiny top controls, and a small central bordered message.

Type

Tiny black monospaced-looking labels and central body, small sans title.

Color and surface

White-gray field, blurred green and gray tiles, thin black borders.

Components

Blurred floating image tiles surround a central bordered message, with a narrow left thumbnail column and tiny controls.

What makes it work

• Pale field
• Blurred floating image tiles
• Narrow bordered thumbnail column
• Central bordered message and tiny controls

Measured

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

Live behavior

Today

The Rootling capture presents a pale, lightly textured canvas crossed by very large diagonal bands and soft-focus green, brown and gray image fields. A small hog figure sits near a crisp centered tutorial card with “GOT IT!” and “MORE INFO” buttons. A narrow left rail holds bordered thumbnail cards and tiny tag-like labels; MENU, GRID and ABOUT controls sit at upper left, while a vertical run of hash-like labels hugs the right edge. The ROOTLING wordmark is centered near the top.

Responsive

At 1440×1000, the tutorial is near the center and the side rails frame a broad canvas. At 768×1024, the title is smaller and centered over the canvas, while the left cards and right labels remain at the edges and the tutorial falls lower in the viewport. At 390×844, the top controls reduce to MENU and ABOUT, the cards and hash-like labels still occupy opposing edges, and the tutorial overlaps the left rail; the bottom wordmark is partly cut off by the frame. These three captures do not define a continuous breakpoint range.

Scroll

The desktop-scroll capture records actual scrollY=0 despite a 1000px-high viewport and 1000px-high document. Its frame remains at the opening and cannot support a claim about content reached by scrolling.