About this site

How this site works.

CMS
Kirby
Syntax HL
Prism.js

Colours

Blue

PANTONE
N/A
HEX
042F3A
RGB
4 47 58
CMYK
93 19 00 77

Cyan

HEX
0FF
RGB
0 255 255
CMYK
1 0 0 0

Red

PANTONE
Bright Red C
HEX
F93822
RGB
249 56 34
CMYK
0 78 74 0

Success Green

PANTONE
375 C
HEX
97D700
RGB
151 215 0
CMYK
46 0 90 0

Warm Yellow

PANTONE
116 C
HEX
FFCD00
RGB
255 205 0
CMYK
0 14 100 0

More

The Log section of this site pulls colours from attached images using ColorExtractor and kirby-dominant-color. Other custom colours are defined manually.

Type

Headings

Typeface
Spectral
Foundry
Production Type
Sample

Paragraph

Typeface
Inter

Rasmus Andersson

This site used to make do with a slightly complicated (font-family: -apple-system, Roboto, Helvetica, FreeSans, Arial, sans-serif;) font stack, which loaded fast but meant that everything had to be Arial-compatible, since that’s what Windows users were going to see. Inter is spectacularly good.

Sample

Lettermark

Rendered

The lettermark is made up of four SVG paths in a 95 byte string – shorter than this sentence.

SVG
<svg xmlns="http://www.w3.org/2000/svg">
<path d=" M0 0h14l17 42-6 14h-3z m30 0h15l16 42-6 14h-3z m44 22l-5 14 15 20h16v-1L74 22z m2-6l6-16h18L77 17z "/> </svg>