10:50 Day 2DFØ Loftet

Cross-disipline

Painting by numbers: Using algorithms to design with code

Humans recognize numerical patterns in beauty, influencing art. Explore using math for typography and color scales in CSS.

Victor Nystad

Victor Nystad

Design engineer with almost three decades bridging design and code, Victor brings a typographer's precision to web development. As Design Lead, Tech Lead and founding member of the Equinor Design System, he pursues print-quality typography on the web—applying optical and baseline grid alignment alongside algorithmically generated scales for both typography and colour.

A champion of OKLCH and APCA for accessibility-first color systems, Victor believes that exceptional typography and accessibility aren't compromises but catalysts for better digital experiences.

1 / 2

As humans we have a natural ability to recognise numerical patterns in beauty, which has led to the creation of principles such as the golden ratio and the fibonacci sequence which has been used in architecture and art for almost 2000 years.

In this talk we will explore how to use math to create harmonious typographic and spacing scales as well as accessible and perceptually uniform colour scales using modern CSS.