[ sdfkjh ]

Est. 2010

Brand and web, built on the home keys.

Below: the thing itself.

design range · one page, seventeen ways

This page tunes one design.

Seventeen complete designs on a single markup. Switch the whole look live, then tune color, type, and layout in the browser. See the full range ›

The take · markdown

rendered live from take.md · a tiny parser, ~25 lines

The take

Left hand: sdf. Right hand: kjh.

Brand and web are two hands on one keyboard.

The page is what they type together.

One source · html / md / json / css

one object, four formats

Left hand · sdf

Brand.

  • Wordmark: [ sdfkjh ] in mono, brackets in amber
  • Type: Newsreader, Source Serif 4, JetBrains Mono
  • Palette: paper, ink, amber

Right hand · kjh

Web.

  • Markup: one static index.html
  • Stack: vanilla JS, no framework
  • Hosting: Cloudflare Pages, edge-served

html · markdown · json · css · javascript: one page, all five

javascript · live

the console is the nav, also reachable by scrolling

sdf meets kjh.

type a command. or just email.

sdfkjh · type a command
[ sdfkjh ] · ready.
type 'help' to look around, or just scroll the page.
›

commands: help · whoami · brand · web · both · contact · time · weather · news · cve · ping · audit · data · privacy · commentary · manifesto · boring · clear

the studies · one technique per page

Built openly, one lesson at a time.

Standalone pages, each proving one device from the printed tradition, live and measured. Each opens its own way.

axial gridone spine, the wordmark in five materials swiss gridthe Swiss grid, made visible editorial spreada magazine opening, set live type specimenthe site's own type stack, inspected raw documentthe HTML, undisguised

elsewhere · built on the home keys

The same hand and stack, pointed at three other problems.

byobBe Your Own Broker, car buying without the middleman tanktalksFreshwater aquarium keeping, explained plainly business internet searchB2B connectivity, sourced without the runaround