Improve Code Blocks (IMPORTANT)
complete
Azlan Ibrahim
Hi Team,
First of all, I want to say that I’m thoroughly impressed with this app! Moving from Notion, I find the UI and overall experience here to be outstanding. You’ve done an excellent job.
However, as a designer, I’ve noticed two design issues that I believe could be improved, particularly around code blocks. Here are my suggestions:
Inline Code (code) Styling:
While adding a background to inline code is a great touch, the text inside feels a bit too light. Switching to a medium font weight could enhance readability.
Additionally, since padding is already applied to inline code, reducing the font size slightly would help it balance better with the surrounding text and maintain visual harmony.
Code Block Background:
The current yellow background for code blocks is, to be honest, not very appealing. Considering that code often includes syntax highlighting with its own vibrant colors, a light gray background would be a better choice. This would make the code blocks look cleaner while letting the syntax colors shine.
I hope this feedback helps make an already great app even better. Looking forward to seeing how it evolves!
Log In
Filip Stanev
complete
Filip Stanev
@Azlan Ibrahim we just released some improvements here. The background is now gray, paddings are improved and we've added a Copy button that will let you copy the content of the block very easy.
We experimented with smaller font but it looked too small.
Would love to hear your opinion once you check it again :)
Filip Stanev
in progress
Filip Stanev
Azlan Ibrahim thanks for reporting! We will work on improvements here.