Skip to content
homesickboy
Selected work

Open Form

A graphic language that becomes a playful, responsive web experience.

My role
Graphic design & interactive web
Format
HTML / CSS / Graphic system
Status
Interactive web-design concept

One rule. More than one answer.

I like the discipline of a small toolkit. A circle, a square, a line, and a few type sizes can make a surprisingly varied series.

Open Form is a graphic exercise in repetition and difference. Each poster keeps the same frame and typographic structure, then changes the relationship between shape and colour.

The same graphic language becomes a responsive web interface below. Form changes the geometry, Space adjusts the breathing room, and Play creates a new composition. The three panels use live HTML and CSS rather than a flattened image. Palette controls and a reset make it easy to explore and compare.

Form, space & a little play.

Three simple ingredients. Make a few changes and see what happens.

Form

A shape to start with.

Arch

Space

Room for possibility.

Play

See what happens next.

1 / 3

Original palette · Arch form · Spacing 18% · Composition 1 of 3

파랑과 레몬색, 코럴색의 배색 관계를 보여주는 컬러 블록
A fixed composition makes a useful starting point for colour experiments.
Next project

Common Ground