Obsidian

Item: Obsidian
Rating: 7.3

Private, flexible note-taking app built on local Markdown files.

obsidian.md Save page

7.3/10MABTU rating

DESKTOP · 1440 × 6,924/ ↗

MOBILE · 390

Section outline · Home

01heroLeft headline, violet CTA, app and phone screenshot1,097
02manifestoThree short statements beside app icon654
03features2x2 dark cards with UI crops1,592
04feature splitList left, white vault UI card right736
05feature splitThree columns and a published-site screenshot1,308
06ctaCentred CTA and three community cards730
07footerMulti-column dark footer620

Rating · Home

Visual design7.4

UX & clarity7.8

Originality6.8

Craft & consistency7.6

Motion5.5

Performance & a11y8.0

This page scores 7.3; the site score weights the home page double.

Main colours

Dark·black background·vivid

Typography

Interheading · sans · self-hosted Interbody · sans · self-hosted

Stack & style

Tailwind CSS

Minimal Dark tech Product-UI-led Sticky header Transparent header

Also: Cloudflare, Fastly

Design DNA

Near-black canvas, bold left-aligned sans headlines ('Sharpen your thinking.', 'Spark ideas.') with one violet button. The hero shows the desktop app with a graph view and a phone overlapping its corner. A three-statement manifesto sits beside the app icon. Features run as a 2x2 grid of dark cards (Links, Graph, Canvas, Plugins) each with a real UI crop, then split sections for Sync and Publish with a white UI card. A community row of three cards and a compact multi-column footer close it.

Worth borrowing

Place the phone app overlapping the corner of the desktop screenshot to show both platforms in one hero.
Pair short imperative two-word headlines with a single sentence of body copy.
Feature grid where each dark card contains a real, cropped product UI rather than icons.