softGlossary

How it’s built

Layout

A white page is led by oversized lowercase text across three staggered lines. A large character-art image overlays the right and lower portions of the statement, creating a dense dark rectangular mass while preserving open white space to the left. A slim top rail holds three oversized tab-like labels at the left and center and two smaller utility labels at the right. Small italic editorial fragments—“concept” and “html”—sit far below the headline. A “drag me” cue is at lower right, but its wording alone does not establish drag behavior.

Type

The main sentence has thin, very large lowercase sans forms. The word “soft” switches to an italic serif, and small italic serif fragments repeat elsewhere; navigation labels mix small italic “soft” with large uppercase sans words. This gives deliberate serif/sans contrast and irregular scale while keeping a black-on-white palette. Font names, line-height, and actual tracking are not measured.

Color and surface

The canvas is nearly pure white with black typography and dense gray/black ASCII-like character art. No boxes or shadows frame the graphic; the tab surfaces appear white with very subtle pale gray edge/shadow. The visual tension is between empty white paper and the high-density typographic image.

Components

Three top navigation tabs, two right-side utility links, one oversized text manifesto, a character-art image overlay, two small italic annotations, and a drag cue. The tabs appear as navigation affordances, but states and interaction are not tested.

What makes it work

• One oversized statement carries first-screen hierarchy.
• A small number of contrasting type voices create the editorial effect.
• High-density overlay sits against a mostly empty monochrome ground.

Prompts