Gödel's

Share this post

Roam Studio

www.goedel.io

Roam Studio

Beautiful and easily customizable themes for Roam Research creating a whole new user experience.

Alexander Rink
Sep 3, 2022
3
1
Share this post

Roam Studio

www.goedel.io

Hej,

after hundreds of hours of work, I finally published Roam Studio. A plugin for Roam Research that completely changes the user experience.

I’ve carefully engineered it to the last pixel with a minimal, straightforward, focused design.

Roam Studio

You can install the plugin from your Roam Depot:

Roam Studio plugin on Roam Depot

You’ll find Roam Depot in your left sidebar or your settings. Disable other CSS customizations to prevent unwanted side effects.

Highlights

It would be best if you try Roam Studio yourself to notice what it’s all about. But here are a few highlights:

  • Beautiful Fonts, vertical rhythm, and carefully selected spacing make room for big thoughts.

  • Objects are aligned to create a calm writing and thinking environment.

  • Muted colors with clear contrasts make it a joy to use for hours.

  • Supports Light, Dark, and Auto-Mode (based on your systems settings).

  • All elements of Roam are themed, including settings and dialogs, creating an overall new user experience.

  • External links are marked with an icon for easier differentiation.

  • Fully offline- and mobile-capable (including fonts).

  • Various Aspects are customizable within the settings.

Settings

Roam Studio’s Settings

Roam Studio is configured within the plugin’s settings. You can change the Font Family for the text and the headings. You can set the base size from extra small to extra large and switch between light or dark appearance or let the system decide.

You can further enhance your experience by enabling various modules.

Modules

Advanced Heading Spacing

Removes Heading Spacing on collapse to reduce unnecessary whitespace.

Advanced Heading Spacing

Bullet Effects

Subtle zooming effect on hovering a bullet.

Bullet Effects

Centered Search

Removes the search from the top bar and replaces it with a centered dialog on CMD+U.

Centered Search

Disable Animations

Disables all animations to speed up the UI.

Dynamic Images

Images at maximum size are scaled to fill the current width. Very useful in combination with the right sidebar, where images will always fit the width.

Dynamic Images

Hide Logo

Hides the Roam Research Logo in the left sidebar.

Subtle Controls

Make controls (bullets, carets, and multi bars) less intrusive when the block is not focused. The path to the active block will be shown and highlighted.

Subtle Controls

And this is just the beginning.

Developing this plugin took a lot of time because I wanted to create a solid foundation for further enhancements. The system is already highly flexible, with more than 2,000 attributes for around 500 UI elements. Psssst 🤫, you can already use them if you aren’t afraid to get your hands dirty.

New themes will follow soon as well as more customization options and modules.

If you have any questions or suggestions, please leave a comment or file an issue.


If you enjoy my work, consider supporting me or become a paying subscriber:

1
Share this post

Roam Studio

www.goedel.io
1 Comment
Alfred
Nov 6, 2022

Wonderfully designed and flawless execution :-)

Expand full comment
ReplyGift a subscriptionCollapse
TopNewCommunity

No posts

Ready for more?

© 2023 Alexander Rink
Privacy ∙ Terms ∙ Collection notice
Start WritingGet the app
Substack is the home for great writing