Otherkind

How it’s built

Layout

A huge heavy irregular serif identity dominates the upper pale field. A tiny orange crosshair and coordinate-like labels sit below it; a modest narrow paragraph block lies lower in the center, with time/contact labels along the bottom.

Type

Oversized black heavy rounded irregular serif wordmark, small gray regular sans body text and tiny monospaced-looking bottom utilities.

Color and surface

Pale near-white field, black identity, gray body and a tiny orange crosshair accent; almost no imagery or enclosing surfaces.

Components

Giant identity, small coordinate-like marker, low narrow introduction and distributed bottom time/contact links.

What makes it work

• A huge heavy irregular serif identity over a pale void with tiny technical-looking marker and a narrow low sans introduction.

Measured

Computed CSS at 1440px, 2026-10-24.

Live behavior

Today

Otherkind opens with an enormous black custom-looking wordmark across a near-white canvas. A narrow text column below describes the studio and its principals, followed by a compact Past Engagements list; small Seoul and NYC clocks and Contact, Twitter and Photobook links sit along the bottom edge. The selected gallery reference is a separate sparse page image centered on the same Otherkind wordmark.

Responsive

Desktop measures 1440×1000 with a 3072px document; tablet 768×1024 with a 2820px document; and both phone states 390×844 with 4768px documents. The same large wordmark and narrow studio-description column remain visible at sampled widths, with the engagements list continuing below. Desktop and tablet document sizes differ from the phone document; these three widths do not establish breakpoint thresholds or unseen page order.

Scroll

The desktop-scroll state records scrollY=750 in a 1440×1000 viewport and 3072px document. It shows the Past Engagements entries, Select Projects and several project thumbnails while the small city clocks and footer links remain visible. This is the saved position only.