Archetypes

Universal patterns. Primal forms. A developer's toolkit for understanding design archetypes.

The Circle

Unity

The circle knows no beginning and no end. It is the first form drawn by every child, the orbit of every planet, the shape of the eye that perceives it.

Continuity

In interface design, the circle signals completion, return, and infinite loop. Avatars, progress indicators, and loading states all inherit its vocabulary.

Protection

The enclosing circle creates a boundary between inner and outer, sacred and profane. Every modal, every container, every viewport traces this ancient boundary.

The spiral is the shape of growth itself — never returning to the same point, but always circling upward.

The Triangle

Direction

Three points create the minimum structure for hierarchy. The triangle points upward, drawing the eye to a summit, an apex of intention and focus.

Tension

Every triangle contains three forces in balance. Navigation breadcrumbs, dropdown arrows, and play buttons all channel this dynamic equilibrium.

Ascent

The pyramid rises from a broad base to a singular point. Information architecture echoes this — from many details to one conclusion, many paths to one action.

Every interface is a portal. Every screen, a window cut into the infinite surface of possibility.

The Square

Foundation

Four equal sides. Four right angles. The square is the grid made manifest — the pixel, the viewport, the card, the container. All digital space is square.

Order

The square promises predictability. Grids, tables, calendars, and dashboards — wherever information must be organized, the square provides the scaffold.

Containment

Borders, frames, and boundaries. The square holds things in and keeps things out. Every input field is an invitation bounded by four walls.