Quiet by default
Stronger typography, tighter spacing, and fewer dead zones make the page feel like the product rather than a placeholder.
Local-first notes for people who care how tools feel
Plain Markdown, but the product experience finally catches up.
Commonplace keeps your vault on your machine, surfaces links and graph context instantly, and gives the browser app the same considered feel as a desktop workspace.
100%
plain files you own
2 modes
browser and desktop
0 lock-in
portable Markdown vault
Browser workspace
Open
Write with room to think
Split editing and preview keep Markdown readable while the workspace stays quiet enough for long sessions.
Live preview
Readable typography
The browser experience keeps structure visible without making the interface feel busy.
Experience
A more product-shaped note tool
The landing page now shows the actual interaction model: focused writing, dense context, and a clear path into the browser vault.
Interactive previews
Feature states switch in-place so people understand how the app behaves before they leave the marketing site.
Faster browser handoff
The transition section now behaves like a launch sequence instead of a plain link block, with a stronger call into `./app/`.
Browser flow
The handoff now feels intentional
Instead of sending people from a generic landing page to a separate app, the site now stages that jump with the same visual language and a clear sequence.
-
01
Open the browser workspace
The primary CTA points directly into the app and preserves a marketing referral marker for future onboarding hooks.
-
02
Create or choose a vault
The transition copy prepares users for the first meaningful action instead of repeating generic value props.
-
03
Start with structure already in mind
Because the preview mirrors the real browser layout, the mental jump from site to app is smaller.
Launch sequence
Enter Commonplace in browser
Open the live vault UI, choose a folder, and move straight into writing and linking.
Why it feels better
Marketing page and product now speak the same language
Brand
The real Commonplace mark is used in the header, preview, footer, and favicon instead of treating the icon as an afterthought.
Theme
Light and dark mode are explicit product controls, persist across visits, and update the page chrome rather than only flipping colors.
Motion
Hover states, tab transitions, and launch affordances add interaction without turning the site into a toy.