Obsidian — Hero

Productivity · Hero

A note-taking and knowledge management app for capturing, organizing, and connecting private thoughts and ideas. The landing page features a bold hero section with "Sharpen your thinking" tagline and download call-to-action, backed by a full-screen product demo showing the app's interface with a sidebar of notes, a main document editor displaying "Writing is telepathy," and a graph visualization panel on the right side, plus a mobile example card showing a Japan trip planning note.

Open in Mozaika →

This is a static, crawlable rendering for search & AI engines. The interactive version — filters, live decode console, copy & export — is at https://mozaika.design/inspiration/obsidian-obsidian-hero.

Measured spec

Palette

Fonts

Page types

UX patterns

UI elements

Context

• Parent page: Landing Page - Note-taking and Knowledge Management App
• All of Obsidian

Other sections on this page

• Feature — Three value props
• Bento Grid — Spark ideas feature grid
• Feature — Sync securely
• Feature — Publish instantly
• CTA / Sign-up — Time to shine CTA
• Footer — Footer navigation