Logotype & Logo Mark
We use the logotype when there is no way to identify the name of the brand. We use the logo mark when their is a mention of the brand's name, e.g. in a url, in text on collateral, etc.
Latest release — V.2.1
Release Date — April 26, 2026
Logotype
Indigo-500 on Light-100
Logo mark
Indigo-500 on Light-100
Logotype
Light-400 on Dark-900
Logo mark
Light-400 on Dark-900
Logotype
Light-200 on Indigo-700
Logo mark
Light-200 on Indigo-700
Primary Colors
Our color palette is monochromatic.
Latest release — V.2.1
Release Date — April 26, 2026
Light-200
HEX
RGBA
CMYK
#F6F6F9
246 246 249 1
TBD
Indigo-500
HEX
RGBA
CMYK
#2D1593
45 21 147 1
TBD
Indigo-700
HEX
RGBA
CMYK
#140D6A
20 13 106 1
TBD
Dark-900
HEX
RGBA
CMYK
#101018
16 16 24 1
TBD
Accents, Data Vis. & UI Colors
Our tertiary colors should only be used for data visualization, information, and light accents.
Slate-100
HEX
RGBA
CMYK
#E6EBF4
230 235 244
6 4 0 4
Blue-300
HEX
RGBA
CMYK
#6E9EDC
110 158 220
50 28 0 14
Blue-500
HEX
RGBA
CMYK
#2D5FA5
45 95 165
73 42 0 35
Green-100
HEX
RGBA
CMYK
#E6EFE9
230
4 0 3 6
Green-300
HEX
RGBA
CMYK
56B482
86 180 130
52 0 28 29
Green-500
HEX
RGBA
CMYK
#247A4E
36 122 78
70 0 36 52
Yellow-100
HEX
RGBA
CMYK
#FBF5EA
251 245 234
0 2 7 2
Yellow-300
HEX
RGBA
CMYK
#DCA84E
220 168 78
0 24 65 14
Yellow-500
HEX
RGBA
CMYK
#B07A1A
176 122 26
0 31 85 31
Red-100
HEX
RGBA
CMYK
#F7E6E8
247 230 232
0 7 6 3
Red-300
HEX
RGBA
CMYK
#DC6E76
220 110 118
0 50 46 14
Red-500
HEX
RGBA
CMYK
#B2323A
178 50 58
0 72 67 30
Gradients
Gradients guide our color shades below and should be used sparingly.
Shade Ranges
Each of our shades are a derivative of the gradients above to keep saturation levels optimal.
Click to copy the Hex code.
Typography
Our typeface is Söhne. We use it across everything - headlines, body, buttons, captions. Weights and sizes carry the hierarchy.
Website UI Sizes (not product)
H1 Display
Markets prize the few…
H1-Extra Large
Markets prize the few brands quietly judging how vague positioning extracts wealth…
H1
Markets prize the few brands quietly judging how vague positioning extracts wealth from execution.
H2
Markets prize the few brands quietly judging how vague positioning extracts wealth from execution.
H3
Markets prize the few brands quietly judging how vague positioning extracts wealth from execution.
H4
Markets prize the few brands quietly judging how vague positioning extracts wealth from execution.
H5
Markets prize the few brands quietly judging how vague positioning extracts wealth from execution.
H6 — Overline
Markets prize
P-Regular
Markets prize the few brands quietly judging how vague positioning extracts wealth from execution. Markets prize the few brands quietly judging how vague positioning extracts wealth from execution. Markets prize the few brands quietly judging how vague positioning extracts wealth from execution.
P-Small
Markets prize the few brands quietly judging how vague positioning extracts wealth from execution. Markets prize the few brands quietly judging how vague positioning extracts wealth from execution. Markets prize the few brands quietly judging how vague positioning extracts wealth from execution. Markets prize the few brands quietly judging how vague positioning extracts wealth from execution.
List Elements
Engagements
Tags
Positioning & Narrative
Positioning & Narrative
Positioning & Narrative
Caption
Markets prize the few brands quietly judging how vague positioning extracts wealth from execution.
Blog Block Quote
"Markets prize the few brands quietly judging how vague positioning extracts wealth from execution."
—
Steve Greenwell, VP of Marketing
Chase Bank
Block Quote
The entire Dakotomy team and I were in the trenches together for 2.5 months, and they brought our vision to life with remarkable speed and craftsmanship.
—
Raniz Bordoloi, Head of Marketing
Maxima
Code
const getLorem = (numWords) => {
const text = "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.";
return text.split(' ').slice(0, numWords).join(' ');
};
// Usage:
console.log(getLorem(10));
// Output: "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do"
UI
Layout
Lorem
24px
Max-width: 1400px
24px
10px
10px