Barry Frost

This is Barry Frost’s personal website.

Tagged #design


Design system documentation tool


Collaboration tool for developers/designers

Kirsten Murray

Did the branding for Lancia Consult

How to pick more beautiful colors for your data visualizations

Bonsai CSS

A Utility Complete CSS Framework for less than 10kb


A set of over 550 free MIT-licensed high-quality SVG icons for you to use in your web projects

Includes a sprite sheet with refs.

The Whimsical Web

Websites that spark joy. A curated list of sites with an extra bit of fun.


SVG patterns for Data Visualisation

Readability: the Optimal Line Length

Do you know your line length in characters? Is it within the 50-75 range? It should be, if you want your visitors to have a good reading experience.

minireset.css: a tiny modern CSS reset

Semantic UI

One of the nicer UI CSS frameworks. Not tied to React

7 Practical Tips for Cheating at Design

How to Design Your Office for Improved Productivity and Purpose


“Minimalist stylesheet for HTML elements” – just use semantic HTML and MVP does the rest.

Diagram as Code

Describe cloud system architecture in code to produce pretty diagrams

How to Design Your Office for Improved Productivity and Purpose

Crazy Eights

Design Sprint Method of generating multiple ideas/sketches in a workshop

Stephen Waller

Illustrator. Did the dog for Honest Work.

Refactoring UI


System design examples and resources, including example interview questions