Dokle

Websites

Sites worth studying, and the craft decisions behind how they feel.

14 stories

The Kronborg home page: the KRONBORG wordmark and a boxed nav in the top-left corner, a hairline arch drawn over a photo of two actors sword-fighting in the castle courtyard, and a blue Buy Ticket button in the opposite corner.

Websites

Kronborg's museum website design is built on one arch

The Obys about page: one long statement set in the studio's own sans, black type on white at a single weight.

Websites

Obys runs its studio website on one house typeface

'kin's work page: a full-bleed office photo with the project name Flint Glass Works in orange over a ghosted list of other project names

Websites

'kin turns its portfolio website into a hover-swap gallery

Dragonfly's homepage: an insect drawn in ASCII characters on a black background, with DRAGONFLY set in orange across the middle

Websites

Dragonfly's ASCII website design frames the page in DFLY

The CoffeeTech home page: giant cream type reading Coffee Roasting Reinvented on a near-black background, with an orange Products button in the nav

Websites

CoffeeTech's manufacturer website design is drawn in vw

Jeton's homepage: a pink to peach gradient with a floating 3D coin, the headline One app for all needs in white, and an orange navigation pill at the bottom of the screen

Websites

Jeton's fintech website design parks the nav at the bottom

The Estudio Niksen homepage: a scanned photo spread of two models in red shorts against a yellow wall, with the handwritten wordmark centred in the header.

Websites

Estudio Niksen lets you set how dense its e-commerce grid gets

The House of Honey home page: HOUSE of HONEY set huge in dark brown on dusty rose, with a photograph of a pink living room below

Websites

House of Honey hangs an interior design studio website on one pink script

The Huts homepage: a video of a dark barn-shaped house beside a pond, with the serif headline "The best way to design and develop a property in the country" and a green Get Started button

Websites

Huts turns real estate website design into eight named plans and a map

The Squarespace Foundations typography section: the word Typography set very large in black Clarkson on a white page, with a short indented paragraph beneath it.

Websites

Squarespace's brand guidelines site is six pages and one enormous word

Teenage Engineering's homepage: a control-panel nav of icons and labels above a black-and-yellow DAILY LIFE OF MR. UPDATE comic hero

Websites

Teenage Engineering's website treats its product catalogue like a control panel

Raycast home page: the headline Your shortcut to everything set over red diagonal light ribbons on a near-black background.

Websites

Raycast's product marketing site runs one motif through every page

Paper Tiger's home page: the words CLARITY FIRST and IMPACT FOREVER in huge black condensed type wrapping a pink photo of a hand holding a disco ball

Websites

Paper Tiger's studio website bets everything on one giant typeface

The CcTimeline hero: the word Timeline set in a clean grotesque and repeated down a light grey screen at growing sizes, with the line 'A typeface by CcType, a new type foundry by Koto.'

Websites

CcTimeline is a type specimen site that shows its own math