Obsidian: dark personal-knowledge showcase

Tier: inspiration
Roles: hero, feature, capability, proof, offer, closing, footer
Feel: dark, premium, saas, depth
Motion: reveal, pan, stagger
Source: public-site
Site: https://obsidian.md/
Licence: Captured from a Refero-hosted recording and the live site; description only, no redistribution of the source.
Captured: 2026-09-24
Captures: frames: https://images.refero.design/styles/refero.design/video/98d9eef9-9225-41a3-adae-6b2c58e17a20.mp4
both: https://obsidian.md/

What it does

A private-knowledge app page that uses its own graph and writing screens as the dominant visual motif.

Section roster

1. Dark app and graph hero. 2. Notes and link workflow. 3. Sync, publish, and extensibility. 4. Community proof and download.

Why it works

A consistent dark application frame gives many features one visual identity. Tiny screenshot text needs alt text and larger focused views.

Sources

- [Refero style page](https://styles.refero.design/style/e793a53c-537e-46b0-881d-b15b63b9ff26) and its [recorded MP4](https://images.refero.design/styles/refero.design/video/98d9eef9-9225-41a3-adae-6b2c58e17a20.mp4) supply the sampled motion and section sequence. - The live capture at https://obsidian.md/ supplies current copy, responsive screenshots, and measured layout. - The live page keeps the same dark knowledge-work product story.