Design Options
Your Brand, Set Once and Used Everywhere
Set your colors, fonts, and widths in one place and every page, button, and block follows, in the editor and on your live site.
Included in the free theme
The problem
Colors Here, Fonts There, Spacing in Custom CSS
Every tweak starts with a hunt for the right place to make it, and a redesign means repeating the hunt on every template.
Without Md
- Brand colors entered in several places
- Fonts that differ between the editor and the site
- Spacing adjusted one page at a time
- A redesign that touches every template
With Design Options
- One color palette, available throughout your site
- Body and headline fonts, sized for desktop and mobile
- Site, post, and sidebar widths set once
- Box, border, or no style, switched site-wide
How it works
Three Steps From Blank to Branded
Enter your colors, choose your fonts, then set widths and style.
Enter your colors
Add the colors from your brand guide. They’re available throughout your site.
Choose your fonts
Set body and headline fonts, with separate sizes for desktop and mobile.
Set widths and style
Set your site, post, and sidebar widths, then choose Box, Border, or no style.
Colors
A Palette Your Whole Site Shares
Your brand colors feed buttons, links, the header, footer, and sidebar. Add extra colors and give them names.
- Primary and secondary button colors
- Header, menu, panel, footer, and sidebar colors
- Additional colors with names you choose
Typography
Type That Scales With the Screen
Set the body size and each headline size for desktop and mobile. Headlines can inherit from the body or from H1, so one change reaches the rest.
- Separate desktop and mobile sizes
- Headlines H1 to H6 with their own line heights
- Custom fonts, including Adobe Fonts
Layout
Widths and Style in One Place
Set each width in pixels and choose a content style: Box, Border, or none. Match the post width to the line length you want to read.
- Site Width, Post Width, and Sidebar Width
- Box, border, or plain content style
- A spacing scale built from your line height
At a glance
What’s Included
The design settings every page uses.
Colors
A brand palette, plus extra colors you name.
Fonts
Body and headline fonts, including custom fonts.
Font sizes
Separate desktop and mobile sizes.
Widths
Site, post, and sidebar widths.
Content style
Box, border, or no style.
Effects
Shared border radius and box shadows.
Spacing
A spacing scale built from your line height.
Documentation
Setup guides for every option. Read the docs →
Questions
Questions, Answered
The things people ask most about Design Options. Still curious? Read the docs.
Can I use my own fonts?
Yes. You can assign custom fonts to the body and to each headline. Adobe Fonts are supported too.
Do my colors carry into the block editor?
Yes. Your palette appears as the editor’s color presets, so blocks use the same colors as the rest of your site.
Can I switch my whole site from box style to plain?
Yes. Site style changes the content style across your site, and you can also set it for a single page in Layout Options.
Are the font sizes different on mobile?
You set separate sizes for desktop and mobile, for the body and for each headline, so your type scales down on smaller screens.
All Design Features
More ways to shape your site’s look.
Drag-and-drop headers for every device.
Global colors, spacing, and typography.
Sidebar, full-width, or centered pages.
Widget areas per post, page, or category.
Cinematic covers for posts and pages.
Image position, text wrap, and video.
Design Options,
Included With Every Site
The full theme is free. Pro adds every Drop-in and private support.
30-day refund guarantee
Free theme, forever
Founding pricing before MD 6.0