Colours, fonts and logo

Colours

Dashboard > Settings > Design > Customize colors

Your blog uses three pairs of colours. Each pair is a main colour and the text colour shown on top of it.

Pair	Used for
Primary	Buttons, links and other prominent elements. Use your brand colour.
Secondary	Less prominent elements.
Background	The page background and its text.

The sample preview updates as you pick. If a pair is hard to read, Superblog warns you and suggests a lighter or darker shade. Readable text needs a contrast ratio of at least 4.5:1.

Click Reset colors to go back to your template's colours.

The Design tab with the template, style and colour pairs, and the sample preview

Fonts

Dashboard > Settings > Design

Font	Used for
UI font	Menus, buttons, the footer and other interface text
Body font	Post text and excerpts
Headings font	Post titles and every heading level

Pick each from the Google Fonts list. Font size sets Small, Medium (the default) or Large across the whole blog. For proven pairings, click View examples under Font pairings.

To use a font that is not on Google Fonts, load it with custom CSS.

Style

Style sets spacing, corner rounding and the shape of components: Default, Soft, Rounded or Sharp. Click Preview to compare them.

The logo, favicon and footer logo are in Settings > General. The OG image is in Settings > SEO, under Social preview.

Image	Size	Notes
Logo	300 × 75 pixels, up to 4 MB	Shown at the top left of every page. Without one, your blog's name is shown as text.
Favicon	32 × 32 pixels, up to 5 KB	The small icon in the browser tab.
Footer logo	Same as the logo	Optional. If empty, the footer uses your logo.
OG image	1200 × 630 pixels	Shown when your homepage is shared on social media.

If your logo or OG image is a different shape, a cropper opens so you can choose which part to use.

Remove the Superblog branding

Blogs on the current PRO, SUPER and BUSINESS plans show no Superblog branding. Some older FREE and BASIC plans, which are no longer sold, show a small Powered by superblog line in the footer. It is not a setting: to remove it, change to a current plan.