A few months ago, we launched a visual refresh, cleaning up our UI and giving you more space to make. Today we’re releasing two additional features to make your docs leave a good first impression— a centered alignment mode, and a section header that shows your section icon.
Balanced margins for sections
When you look at apps and websites that put reading and writing first, like Medium, the New York Times, or iA writer, you notice most have equal margins on the left and right. In Coda, previously, everything was aligned to the left of the screen. This works well for large tables, but in a doc with a lot of text, it feels a bit lopsided— a tiny left margin and a big right margin.
We’ve now added an option to make a section’s content centered, with even margins. We think this makes Coda feel nicer for all your text-focused doc needs— things like project briefs, meeting notes, or drafts of articles and blog posts.
We know that people use Coda for all kind of things, so we decided to make this an option for each section individually. In a doc with many sections, you might want an Introduction section centered, and a section with a big table to stay wide. All your existing sections in what’s now the “Wide” mode, so they’ll look unchanged.
All new sections will now start out centered, and automatically adjust if you add a wide table— see more here.
Now, when you create a new section, we show the section name and icon at the top. This makes it easy to name your section and add an icon right from the start— no need to re-write the section name into the doc, make it a heading, and then try to keep that in sync with the name that you see in the sidebar.
You’ll see the header for all the new sections you create, and you can also turn it on for existing sections by hovering at the very top of the section. You can always hide the icon or the entire header if your section is better off without.
You’ll also see section headers on mobile, so you can now rename sections and change icons from your phone for the first time.
You can configure these features by clicking the new “Options” button at the top of any Coda section, like this—
As always, give it a try and let us know what you think!