Brand guidelines · Version 1.0 · October 2026
The Basalt brand.
How the studio looks and sounds, and how its products sit under it. Logo files are at the bottom of the page.
Name
Say Basalt.
- Basalt
- The name in running text, on social profiles, in videos and in product footers.
- Basalt Studio
- The full name. Use it for copyright lines, legal pages, store listings and the first mention in press.
- basalt
- Lowercase appears only inside the wordmark. Never write it this way in text, and never in capitals.
- Addresses
hellobasalt.devfor the web,@hellobasalton X and YouTube,[email protected]for mail.
Logo
Three columns, one in olivine.
The mark is three basalt columns seen from above and to the side. The tallest, centre column carries the accent. The wordmark is Archivo at its widest setting, lowercase, outlined so it never depends on an installed font.
Space and size
- Keep clear space equal to the width of one column on every side.
- Smallest lockup: 88 px wide on screen, 22 mm in print.
- Smallest mark: 16 px. Below 24 px, prefer the mark on its own.
- Place the lockup at the top left or bottom left. Never centre it in body text.
Don’t
- Recolour the columns, or move the olivine to a different column.
- Rotate, stretch, outline or add shadows and gradients.
- Set “basalt” in another font, or retype the wordmark.
- Place the logo over busy images. Use a flat Pumice or Basalt panel.
Colour
Rock greys and one mineral green.
Olivine is the green crystal found inside basalt. Keep it to small things: the mark, links, a status dot. Most of any layout is Pumice and Basalt. Each swatch shows light mode on the left and dark mode on the right; contrast is measured against Pumice and its dark equivalent.
Basalt
#1A1D1C · #E6E9E4
Text and the mark · 15.1 : 1
Pumice
#F1F2EE · #101312
Page background
Ash
#F8F9F6 · #171B19
Panels and plates
Stone
#565E5A · #99A19C
Secondary text · 5.9 : 1
Olivine
#4A6519 · #A6C163
Links and small text · 5.9 : 1
Olivine fill
#8DA84A · #A6C163
The mark’s top, dots, fills
Type
One family, two widths, one mono.
Archivo for headings and text, Geist Mono for labels and data. Both are free under the SIL Open Font License and are served from this site, so no font service is involved.
Headings · Archivo, width 125, weight 620
Göçmeden. Upright.
Text · Archivo, width 100, weight 400 and 500
Upright remaps the buttons on your MX Vertical. Quit it and every button is back to factory behaviour.
Labels and data · Geist Mono, weight 450
NO. 01 · MACOS 13+ · MIT · 17 OCT 2026
Voice
Write like a careful engineer explaining a tool to a friend.
English for the studio and the Mac apps. Turkish where the product is for people in Türkiye. Sentence case for headings and buttons. Numbers as numerals. Every AI-made video or post says so where the platform asks.
Plain
Say what the product does, in the words its users search for.
Specific
Model names, versions and numbers beat adjectives.
Calm
No hype, slang, emoji or exclamation marks.
Honest
Say what isn’t tested yet. Never claim more than the product does today.
WriteYour MX Vertical’s top button cycles DPI by default. Upright lets it open Mission Control instead.
NotSupercharge your mouse game with Upright!
WriteQC35 II battery, right in the menu bar. Click it to switch noise cancelling between Off, Low and High.
NotThe ultimate headphone experience for Mac power users.
WriteThe MX Vertical is tested on real hardware. 22 other models are built from published data.
NotWorks with every Logitech mouse.
Products
Products keep their own look. Basalt signs them.
Each product has its own name, logo, colours, type and address, chosen for its audience. What they share is the studio’s signature, its support inbox, its copyright line and the voice above. The signature goes in the footer and the About screen, never in the product’s main logo.
A Basalt product
| Product | Address | Own look | Shared with Basalt |
|---|---|---|---|
| Upright | upright.hellobasalt.dev | System macOS look, light and dark | Signature in footer and README, support@ address, © Basalt Studio |
| Göçmeden | gocmeden.hellobasalt.dev | Serif, sans and mono; black and paper with one red accent; Turkish | Signature in footer, support@ address, © Basalt Studio |
| Lull | lull.hellobasalt.dev | System font, light and dark, one green accent. Bose and QuietComfort appear only to describe compatibility, never in the name. | Signature on the About screen and site, support@ address, © Basalt Studio |
| ByeWall | byewall.hellobasalt.dev | Its own site at byewall.hellobasalt.dev | support@ address in the store listings |
| Cosmic Post | cosmicpost.lol | Deep navy, periwinkle accent, glass panels | Not yet; add the footer signature |
| Kaç Papel | kacpapel.app | Ink and cream with an acid-yellow accent; Turkish | Not yet; add the footer signature |
| Fight HUD | github.com/dpdev69/claude-fight-hud | Fighting-game health bars in the terminal | MIT licence, Basalt in the README |
Downloads
Logo files.
- LockupSVG
- Lockup, reverseSVG
- LockupPNG 2400 px
- MarkSVG
- Mark, reverseSVG
- Mark, one colourSVG
- MarkPNG 1024 px
- WordmarkSVG
- Social avatarPNG 800 px
- X headerPNG 1500 × 500
- Link previewPNG 1200 × 630
- Wordmark, reverseSVG
