Obsidian brand guidelines
Obsidian provides concise brand documentation covering logo lockups, trademark rules, and icon downloads alongside an interactive design story post.
Brand guidelines page displaying icon variations, lockup examples on transparency grids, and usage rules.
Download page presenting multi-platform app installation options and Web Clipper browser links.
Design story blog post showing the faceted app icon with interactive color controls and file format downloads.
Want a brand center like Obsidian’s?
Create your brand center with Freedam ↗Freedam's take
I really appreciate how direct Obsidian keeps their brand documentation. Instead of setting up a sprawling portal, they present their core marks and lockup rules on a clean, single page against dark backgrounds. They connect visitors straight to Figma for working files, while their design blog post adds an interactive preview tool where you can test the faceted icon across palettes and grab PNG, SVG, ICO, or ICNS assets directly. It feels lean, tool-focused, and completely in tune with their software philosophy.
At a glance
- Sections
- Brand · App · Web Clipper · The new Obsidian icon
- Downloads
- PNG, SVG, ICO, ICNS, AppImage, Snap, Deb, Flatpak
- Tone
- Direct, practical, and focused on essential mark usage and craftsmanship.
What I noticed
- The brand guidelines page features a purple 'View on Figma' call-to-action button in the header.1
- Obsidian prohibits editing, distorting, or recoloring the logo mark, which is inspired by volcanic rock.2
- The blog post detailing the new icon provides interactive color controls with palette dots, a reset button, and a randomize button.3
- Direct download options on the icon story page include PNG, SVG, ICO, and ICNS formats.4
Numbers refer to the screenshots above.
What I could not see
- No typography specimens, color hex code tables, or downloadable campaign templates were visible on the captured pages.
Ideas to borrow
Quick answers
Reviewed on 25 September 2026. Request a correction · I built this