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 logos also come on a light or dark background, paper or ink, with a margin of 5% of their width on every side. The rules for using them are on the brand page.
01 / 07
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.
Mark, full color
curiosity-mark.svg
Mark, mono
curiosity-mark-mono.svg
Mark, on ink
curiosity-mark-on-ink.svg
Mark, mono on ink
curiosity-mark-mono-on-ink.svg
02 / 07
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.
Lockup
curiosity-lockup.svg
Lockup, on ink
curiosity-lockup-on-ink.svg
Lockup, white on ink
curiosity-lockup-mono-on-ink.svg
Wordmark alone
curiosity-wordmark.svg
Wordmark alone, on ink
curiosity-wordmark-on-ink.svg
Wordmark alone, white on ink
curiosity-wordmark-mono-on-ink.svg
03 / 07
Product marks
Orchestrator is a play button in pixels, Spark an asterisk of squares, each on the brand’s 24 unit pitch with one Signal square: the tip of the button, the center of the asterisk. Full color, mono, and both on ink.
Orchestrator mark
orchestrator-mark.svg
Orchestrator mark, mono
orchestrator-mark-mono.svg
Orchestrator mark, on ink
orchestrator-mark-on-ink.svg
Orchestrator mark, mono on ink
orchestrator-mark-mono-on-ink.svg
Spark mark
spark-mark.svg
Spark mark, mono
spark-mark-mono.svg
Spark mark, on ink
spark-mark-on-ink.svg
Spark mark, mono on ink
spark-mark-mono-on-ink.svg
04 / 07
Product lockups
The lockup with the product’s mark, the wordmark, and the product’s name after it in mono capitals. The letters are outlined, so they render without Schibsted Grotesk or Geist Mono.
Orchestrator lockup
orchestrator-lockup.svg
Orchestrator lockup, on ink
orchestrator-lockup-on-ink.svg
Spark lockup
spark-lockup.svg
Spark lockup, on ink
spark-lockup-on-ink.svg
05 / 07
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.
06 / 07
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.
07 / 07
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.