Dokle

Tag

Typography

Type-led design: specimens, editorial headlines, and the craft of setting letters on screen.

44 stories

The michaelgatt.com home screen: dozens of film and animation stills floating at different depths in a black WebGL space, with the name Michael Gatt centred in tracked caps

Awards

The composer portfolio that asks for sound first

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 /zeroz home page: a green pouch and a white tablet floating in a dark green room lit from above, with the words Awaken Energy, Drive Everything set around them

Awards

/zeroz runs a whole brand site on one green and one slash

The Kononenko Architectural Bureau homepage: a full-bleed render of a grey perforated-metal facade, with the studio name set bottom left, the word Bureau in serif

Awards

Kononenko sets its square metres in a display serif

Figma release notes page, with the August 21 entry titled Responsive spacing across design and CSS.

Tools

Figma auto layout spacing now matches how CSS does it

The State of the Gallery hero: light grotesk type split top-left and bottom-right across a near-black frame, over a drifting green particle field

Awards

mesh3d turns a metrics page into a Three.js scroll

The Oimachi homepage in dark mode, with a sans headline whose word Innovation is set in serif italic, and a blurred blue photograph below

Awards

Oimachi runs a studio site on sidebar navigation

Cipher's homepage: around sixteen film stills overlapping in a loose cluster on a near-black background

Awards

Cipher's monochrome portfolio is built on the letter C

Klein-blue hero of haoqi.design: a white all-caps headline reading I bring craft & taste to digital work, behind a glossy 3D script reading hello, with a live clock and cursor coordinates in the corners.

Awards

Haoqi Wen runs his portfolio like an instrument panel

The Mosby's Files homepage: a giant condensed headline reading American Modernism over a stack of coloured architect folders on black

Awards

Mosby's Files makes a filing cabinet its navigation

Revelatio's work index: a plain white headline on near-black above two project cards, a magenta Medno gradient and the photographic Obliant tile

Awards

Revelatio opens every page with one plain sentence

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

Nothin's homepage: the studio name set as a giant black wordmark on white, filling the screen

Awards

Nothin' builds its studio site around one giant word

The Prødux homepage: a large PRØDUX wordmark and the line 'You feel the brand before it speaks' in white on near-black.

Awards

The monochrome studio site that saves colour for the work

Vero New York home page: a model in a lace wedding gown reclines beside a small ceramic dress sculpture on a plinth, lit in warm orange against cream.

Awards

Vero slips a cursive word into each serif headline

nk.studio anniversary homepage: a large white serif statement, Before we inspired others we were inspired, over a dark teal glow

Awards

nk.studio sets its 20-year archive in serif and teal light

No Art homepage: a full-bleed, desaturated video still of a huge festival crowd, with the hand-scrawled No Art logo tagged across the middle

Awards

No Art hangs its rave photos on a white gallery wall

'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

Artem Shcherbakov portfolio home: 'Hey I'm Artem' in fat black rounded type with a green hand-drawn scrawl over it, on white

Awards

The green scrawl that signs every title on this portfolio

Normal is Boring home page: a giant NORMAL wordmark, an editorial headline mixing uppercase sans with a serif italic, and an interior photo panel, with the inverted BORING logo pinned bottom-right

Awards

The real estate site that changes color by the section

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

Dragonfly's homepage: an ASCII-rendered dragonfly in grey characters on black, with the word DRAGONFLY across it in orange

Awards

Dragonfly's hero image is drawn entirely in ASCII

House of Honey home page: the wordmark HOUSE of HONEY in heavy brown type on a dusty pink field, with a swash script of looping beneath it

Inspiration

House of Honey runs oversized script type over every page

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

The Jacky Winter Gallery home page: three photographs on a black background, each starting at a different height, under a thin nav bar

Inspiration

Jacky Winter Gallery's website design hangs work on black

Lama Lama home page: macro photograph of black ink on blue and gold glitter, with the cream headline A CREATIVE DIGITAL AGENCY THAT GOES ALL IN OR NOT AT ALL

Awards

Lama Lama's navbar carries a different slogan on every page

Nudot studio home page: the words STUDIO and DIGITAL pushed to opposite edges of a black screen, with Traditional Chinese service labels set small underneath

Inspiration

Nudot puts bilingual typography in every page header

The Glitch&Grit home page: a full-bleed film still with the words OPENAI: BUSINESS, REIMAGINED set over it in large cyan grotesk type

Awards

Glitch&Grit turns its portfolio filter into the headline

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 Izanami homepage: a fogged cedar ridge in near-monochrome with the line Remember who you are set in a light serif

Awards

Izanami blurs every photo so the serif stays in focus

Webflow's Libraries update page, headline reading Share components and variables across sites with Libraries, next to a screenshot of the Manage libraries panel

Tools

Webflow Libraries now carry your fonts to every site that installs them

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 Counter Forms home page: a white board of grey cards showing typeface samples, a black Acknowledgement of Country card top left, and the wordmark drawn as a clock face top right

Inspiration

Counter Forms runs its type foundry web design on grey cards and a single orange

The CcType site showing the word Timeline repeated down a grey page, each line heavier and higher in contrast, above the caption "A typeface by CcType, a new type foundry by Koto"

Industry

Koto opened a type foundry and priced the font licence by company size

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

CoffeeTech's home page: the headline Coffee Roasting Reinvented set in large cream type on a near-black background, with an orange Products button in the nav

Awards

The roaster does the art direction on CoffeeTech's site

The Beats In Space homepage: a sideways-scrolling grid of mix cards with DJ portraits, above a yellow audio player bar

Inspiration

Beats In Space is the best argument for archive-first web design

Komma Komma home page: a printed poster for the Merla project lying on green moss, with the studio tagline set in white below

Inspiration

Komma Komma turns each case study into scroll-driven storytelling

House of Honey homepage: HOUSE of HONEY set in a fat brown serif with a cursive italic 'of', over a peach background and a photo of a plant-filled living room

Awards

House of Honey pairs a fat-face serif with a running pink script

The hero of Karol Ortyl's portfolio: a hand-drawn wobbly KAROL ORTYL wordmark on a dark gradient, with a marker-highlighted tagline reading fun-doing designer at large

Inspiration

Karol Ortyl's annotated portfolio numbers every project like a figure

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 PP Neue Montreal home screen: the words Neue Montreal set huge in black on a tomato-red field, next to a small photo of a Montreal tower with a Canadian flag.

Awards

A type specimen that reads like a Montreal travel guide

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

Vectr home page: the headline Staffing the World's Critical Systems in large black type on a paper-white background, with a small VECTR wordmark centered above.

Awards

Vectr dresses nuclear staffing in oversized editorial type