Obys agency made Grids as a playful educational project, dedicated — fittingly — to the principles of grid systems in design. The interface is stripped back to crisp black-and-white, with faint vertical rules dividing the page and clever “Grid: On/Off” and “Crazy Mode: On/Off” toggles inviting visitors to experiment for themselves. An oversized “GRIDS” wordmark and a solid black square anchor the lower half, giving the layout a strong Swiss, editorial character. Concise copy explains that the site showcases four types of grids, keeping the tone informative but never dry. It is smart, self-referential interactive design that turns a technical subject into genuinely enjoyable typography-led web design.
Credits: Obys agency
More in Playful Branding
Includes freebie bundle, unseen BTS insights and more.