Design

The Government Digital Service style guide covers style, spelling and grammar conventions for all content published on GOV.UK, arranged alphabetically.

Slides + recording of the talk “Supercharge Web UX with View Transitions” I gave at React Brussels 2024

“For all the talk about being human-centered, one very human factor often gets overlooked — a basic understanding of how power operates in…

Some groups of people benefit more from services than others. Some people are harmed. This must be addressed to truly break down barriers to opportunity for everyone. This article talks about what we mean by equity and justice in relation to government digital services, why it’s important and suggests 6 things that leaders and decision makers can start doing about it today.

Exploring the human impact of design systems and how our current definitions overlook this.

Conventional design education believes that by training the mind and the hand, a designer can solve just about any problem. In many ways…

Since the dawn of the internet, amazon and cheap print, libraries have become a part of our civic infrastructure that we don't always quite know what to do with. No longer the primary source of books to the majority, they have become the overspill to services that we can't quite fit anywhere else.

These standards set out what’s expected from new or redesigned digital services funded by Welsh public sector organisations.

How to add a Welsh language toggle to your prototypes so you can better test with Welsh users.

I'm working on a refresh of my personal website, what I'm calling the HD remaster. Well, I wouldn't call it a "full" redesign. I'm just cleaning things up,

Portfolio for Ignacia Orellana - independent service design consultant

It’s been a couple of years since container queries started landing in browsers… so why isn’t anyone using them? It turns out that container queries are kinda tricky; they’re not as straightforward as media queries. In this tutorial, we’ll break it all down and make sense of them, so that you can start using them in your work.

MineSweeper implemented in CSS + HTML using the Space Toggle trick (no JavaScript!) - propjockey/css-sweeper

This primer is designed to teach students the interconnected arts of visual communication. The subject is presented, not as a foreign language, but as a nati...

In this SEO case study, we highlight how Canva used SEO, backlink outreach & content marketing to grow their business to a $6B valuation.

An action-oriented set of methods, mindsets and thought starters to help innovators design circular solutions that are fit for the future.

A series examining modern CSS solutions to problems Stephanie Eckles (@5t3ph), a seasoned frontend developer, has been solving for 15+ years.

I remember when I was young, and sometimes the mouse would just stop working. When that happened, oh,...

This document describes the technical specification for a file format to exchange design tokens between different tools.

A rallying cry for Design

How do you design an app for 431 diverse national parks and monuments? Learn how a small team adapted Massimo Vignelli’s seminal design system for a digital interface.

Writing about the big beautiful mess that is making things for the world wide web.

Utilizing the CSS unset keyword with inheritance in mind.

A lot of new CSS features have shipped in the last years, but actual usage is still low. One of the biggest barriers: we need to re-wire our own brains.

It may sound like something you're supposed to do in a shady glen or a far-away forest, but in reality, knolling is an important and popular design term

In order to achieve maximum contrast in design, interface designers often use a combination of pure black and white colors, which helps…

A Wardley map is a map for business strategy.[1] Components are positioned within a value chain and anchored by the user need, with movement described by an evolution axis.[2] Wardley maps are named after Simon Wardley who created the technique at Fotango in 2005 having created the evolutionary framing the previous year.[3][4] The technique was further developed within Canonical UK between 2008 and 2010[5][third-party source needed] and components of mapping can be found in the "Better For Less" paper published in 2010.[6]

Can’t face another minute thinking about war, inflation or the climate catastrophe? Give your brain a break in a strange, surprising or entrancing corner of the internet. We’ve got riddles, we’ve got webcams, we’ve got an owl in a box …

Design critique, much like any criticism nowadays, falls into two opposite camps – and neither is constructive.