Declarative design systems

button:hover {
background-color: hsl(
var(--button-colour-hue),
var(--button-colour-saturation),
calc(var(--button-colour-lightness) - 5%)
);
}

--

--

--

A web developer and author living and working in Brighton, England. Everything I post on Medium is a copy — the originals are on my own website, adactio.com

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

Humidification — Culligan Water of Greater Kansas City

Segmentation Textures in Lens Studio

Case Study: City Mobility

Coaching Village’s wellness app — UX Design Case Studie

Simple Product Design

You Have a Nail in Your Tire (or “How to Recognize and Digest Constructive Input for UXers”)

Diversify the Data in Data-Driven Design: Creative Pairings of Quant and Qual

Google Design Challenge 2020 — Bianca Moy

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Jeremy Keith

Jeremy Keith

A web developer and author living and working in Brighton, England. Everything I post on Medium is a copy — the originals are on my own website, adactio.com

More from Medium

How To ‘Design’ a Design System — Part II

Why designers don’t use your design system

Cosmos logo over a space image

Figma Shared Libraries

One design system for multiple brands