Inter
Headings and textThe developer cloud your AI can run.
- Regular 400
- Semibold 600
- Bold 700
- Extra bold 800
The wordmark is Inter Bold with tight letter spacing.
Brand
The Harakumo brand
Logos, colors and type for writing about Harakumo, linking to it or building on it. Every file downloads as SVG (vector) or PNG at twice the size.
One mark, made for every background
Each file is drawn for a background. Use the one that matches yours, and download it as SVG for anything that scales or PNG for anything that does not.
The logo
The mark and the name together. This is the logo to use first. Pick the version made for your background.
The mark
A rounded square in the brand gradient with a bold H. Use it where the full name does not fit, such as avatars and app icons.
Indigo, cyan and violet on night
The gradient belongs to the mark. Around it, a page is mostly the dark background, light text and one accent. Select a value or copy it with the button.
Brand gradient
Primary to accent to violet, corner to corner. It fills the mark.
linear-gradient(135deg, #6366f1, #06b6d4, #8b5cf6)Primary
Leads the gradient. Buttons and focus rings.
- HEX
#6366f1- RGB
99, 102, 241
Primary light
Links and highlights on dark surfaces.
- HEX
#818cf8- RGB
129, 140, 248
Accent
The middle of the gradient. Use it sparingly.
- HEX
#06b6d4- RGB
6, 182, 212
Violet
Ends the gradient.
- HEX
#8b5cf6- RGB
139, 92, 246
Background
The page behind everything.
- HEX
#0a0a0f- RGB
10, 10, 15
Surface
Cards and panels on the background.
- HEX
#16161f- RGB
22, 22, 31
Text
Headings and body text on dark.
- HEX
#f0f0f5- RGB
240, 240, 245
Secondary text
Supporting text and captions.
- HEX
#9595ab- RGB
149, 149, 171
Two typefaces
Inter for everything people read, JetBrains Mono for everything people type. Both are free, open-source fonts.
JetBrains Mono
Code and commandsnpm install @harakumo/sdk
- Regular 400
- Medium 500
- Bold 700
For code samples, commands, endpoints and keys.
Do and don’t
A few rules keep the logo recognizable wherever it appears.
Do
Use the version made for your background: light lettering on dark, dark lettering on light.
Leave clear space of at least a quarter of the mark’s width on every side.
On photos, color and busy backgrounds, use a one-color logo.
Write the name as one word with a capital H: Harakumo.
Don’t
Don’t stretch, squash or rotate the logo.
Don’t recolor the mark or change its gradient.
Don’t put a logo on a background it was not made for.
Don’t add shadows, outlines or other effects.
Please don’t use the logo in a way that suggests Harakumo sponsors or endorses your product, or as part of your own product’s name or logo.
Ready to post
Made with the same colors and type, sized for where they go.
A card for every service
One square card per service, for a post about just that one. Each says what the service does in a few words, with no prices or limits that could go out of date.
Writing about Harakumo?
For press questions, or a file you need that is not here, send us a message and a person will reply by email.