Skip to content

Pattern group

Services and features

A grid that picks its column count from its own width using a container query. The same markup works full width and in a narrow column.

Feature grid

.oo-features

Services

What I can help with

Most projects mix two or three of these. Fixed-scope packages or day rates.

  • Brand identity

    Marks, type systems and guidelines that hold up from a favicon to a building banner.

    • Logo and wordmark
    • Type and colour system
    • Guidelines

  • Websites

    Fast, accessible sites for studios and publications, built on plain HTML and CSS.

    • Design and build
    • CMS integration
    • Performance audits

  • Film and motion

    Short documentary, launch films and animated identities for screens of every size.

    • Direction and edit
    • Title design
    • Motion toolkits

  • Editorial design

    Layout systems for magazines, reports and books, in print and on screen.

    • Grid and templates
    • Art direction
    • Production

  • Design systems

    Token-based component libraries that designers and developers can share.

    • Audit and inventory
    • Tokens
    • Documentation

  • Workshops

    Half-day sessions on identity, accessibility and working with type.

    • Remote or on site
    • Up to 16 people
    • Notes and recording

Feature grid, in a narrow container

.oo-features inside a 30rem column

  • Brand identity

    Marks, type systems and guidelines that hold up from a favicon to a building banner.

    • Logo and wordmark
    • Type and colour system
    • Guidelines

  • Websites

    Fast, accessible sites for studios and publications, built on plain HTML and CSS.

    • Design and build
    • CMS integration
    • Performance audits