Resources · Assets
The mark, Sudo and
the colors, ready to use
Every file is an SVG on a transparent ground, drawn from the same squares the site is drawn with, and a PNG, also on a transparent ground. Each is shown here on the ground it is made for. The rules for using them are on the brand page.
01 / 05
The mark
Escape: a 3 by 3 block with one square stepped out on the diagonal. Full color on paper, mono where the layout spends its Signal elsewhere, and paper on ink.
02 / 05
The lockup and the wordmark
The mark beside the wordmark on one baseline, both i squares in the text color, and all in paper for a dark ground with no blue. The wordmark alone carries the Signal in its second square, or none in the white version. The letters are outlined, so they render without Schibsted Grotesk.
03 / 05
Sudo
The brand’s cat, on a 6 by 6 grid in three tones, the Signal in the half cells of the ears. And Sudo sitting at the foot of every page here, from the sprite sheet of the walk.
04 / 05
Sudo in motion
Five frames from the sprite sheet Sudo walks the site with: jumping with a front paw in the air, leaping with the back paws off the ground, reaching a paw out in front, crouched, and at work with the laptop open.
05 / 05
The colors
Every layout is paper, stone, line, slate, ash and ink, with Signal at most once. The deep blue is the ground of the closing call. Each tone with its hex and RGB code.
Paper
#F4F4F2
RGB 244 244 242
The default canvas.
Stone
#E6E8E8
RGB 230 232 232
Panels and the secondary canvas.
Line
#DEE0DF
RGB 222 224 223
Hairlines on paper.
Ink
#111418
RGB 17 20 24
Type on paper, and the dark canvas.
Slate
#2A2F38
RGB 42 47 56
Secondary type. Dashes on paper, hairlines on ink.
Ash
#8A9099
RGB 138 144 153
Dashes and muted type on ink.
Mute
#6B7280
RGB 107 114 128
Muted type on paper.
Ink 2
#C5C9CE
RGB 197 201 206
Secondary type on ink.
Signal
#2F6BFF
RGB 47 107 255
The one pixel. Never a background, never a button, never twice in a layout.
Deep blue
#0029E7
RGB 0 41 231
The ground of the closing call, and the solid button. Paper type on it.