Frame from Grids as a typographic playgroundCaptured walkthroughVisit sitegrids.obys.agency
Recreation briefby Reference

Use a fine-lined upper diagram field and a heavy lower typographic band to create tension between structure and expression. Repeat a simple solid shape as an anchor while changing letter placement, cropping, and guide spacing across successive compositions. For a new subject, replace the grid terminology and word fragments with its own concise vocabulary, and make the guides illustrate that subject's organizing principles.

No creator prompt published. This brief was written by Reference.

Recreation challengeMake your own version and share the prompt.

Found the creator’s prompt? Share its source.

Grids as a typographic playground

An educational grid microsite introduction pairs monumental word fragments and black geometric blocks with thin vertical guides, rotated grid labels, a short explanatory paragraph, and compact navigation with mode toggles.

Source and credit

Website

Authorship not stated by the source

Look notesby Reference

Minimal, monochrome graphic design with grid demonstrations and oversized cropped lettering.

Color
Off-white and light gray backgrounds with black text, rules, and solid rectangular blocks.
Type
Small, fine sans-serif labels in the headers; very large, bold, uppercase sans-serif display text, often cropped by the panel edges.
Framing
A three-column by three-row arrangement of page panels. Each has a narrow header and a large grid diagram above a bold typographic or geometric element.
Structure
Repeated panels show thin vertical and horizontal grid lines, small labels, and changing column widths. Visible oversized text fragments include “GRIDS,” “ARE,” “JUST,” and “TOC,” alongside black rectangles and a simple arrow-like mark.

Attempts

No attempts yet. Be the first: recreate this reference and send your result with the prompt that made it.

More like this

Website

Kharkiv modernism in black and cream

Obys / Viacheslav Olianishyn

Website

Squarespace foundations

Resn / Squarespace

Website

A sculptural year in review

Unseen Studio

Website

KPR illustrated world-building site

Resn

Website

Sculpting harmony

Resn / Getty

Website

Paper-craft fractal browser

Claude.ai

Website

Decathlon Yestalgia

index / Jonathan Da Costa / Quentin Hocdé

Website

Poetry across watercolor landscapes

Immersive Garden

Website

In pieces exhibition entrance

BryBry

Website

The other side of truth

The First The Last / Ivan Mavrytiuk / Shulgina Julia / Ruslan Rybalka / Nikita Metlitskiy

Website

The renaissance edition

Shopify Design / Danetag / Anton Kolisnyk / nikki-stephens / Damien Mortini / Andy Thelander

Website

South Indian temple wedding invitation

Claude.ai · HTML and CSS

Website

Neutomni

Neutomni

Website

AI in design report 2026

++hellohello / SEB® / Pablo Picart / Ismael Martínez

Website

Nothin’ studio portfolio

Thomas Carré / Pierre Patrault / Nothin' / Sara Guedj

Website

Paul Kalkbrenner artist website

HOLOGRAPHIK / Ilja van Eck

Website

A watch framed by monumental type

60fps

Website

AirPods Pro 3 product showcase

Apple

Website

Inkfish campaign index

DashDigital

Website

Lidar drone scanning

Riotters

Website

Ribbons and engravings studio portfolio

Pensatori Irrazionali

Website

Realevate property selection

Or Halevi / MAKETHECUT®

Website

The Shift typographic portfolio

Garden Eight / Kenta Toshikura / The Shift

Website

Watson’s typographic studio introduction

Watson Design Group, Inc. / Aristide Benoist

Website

A luminous landscape portfolio

Guillaume Colombel

Website

Heron AI

Bearplus / Kenny Ho

Website

Huy Phan Vol.2

Huy Phan / Chien Pham

Website

Aardvark book club

FUTURE THREE® / Eduard Bodak / Dylan Brouwer

Website

Cerebrium AI infrastructure

Louis Paquet / KOKI-KIKO / Domaine Public / Deven Caron / Pier-Luc Cossette / Célia Lopez / Kim Levan / Mathis Biabiany

Website

Sculptural greeting on a technical grid

curiosity-wen