Themes and fonts
Control the colors and fonts of your lessons with themes.
A theme sets all colors and fonts of a lesson: backgrounds, text, buttons, links, correct and wrong answers, and the heading and text font. Every lesson uses:
- its own theme, if you chose one, otherwise
- the account default theme.
Choosing a theme for a lesson
In the editor, click an empty spot next to the cards to open Lesson settings and click the Theme field (section Appearance). Pick one of the Presets (ready-made themes) or one of your Team themes. Each theme in the list shows its three palettes side by side — Light, Dark and Color — and Aa in its heading font. Click Use the account default to go back to the default.
Palettes
A theme has three palettes: Light, Dark and Color. Each palette has the same colors:
| Color | Used for |
|---|---|
| Background | The card background. You can also add a Background image. |
| Text | Headings and text. |
| Button and Button text | Start, Continue, Submit and button cards. |
| Accent | Links, progress, the selected answer, checkmarks and focus. |
Under Where palettes are used, choose the palette of the Title card (the lesson intro and the final screen) and of Content cards (all other cards). In all presets the title card uses Color, the boldest palette — a saturated version of the preset's main color — and content cards use Light (Dark in dark presets). New lessons also put the card with the key message, such as the summary or the main principle, in Color so it stands out. Any card can switch to another palette under Colors in its settings, for example a dark card to highlight a key message.
Creating a theme
Click New theme. Switch between the palettes with the Light, Dark and Color tabs; the live preview shows sample cards in the palette you're editing. You can:
- set every color by hand (or pick it from the screen),
- get colors from an image — drop a logo, photo or brand visual and MiniSlide picks matching, readable colors for all palettes,
- get colors from a website — enter a brand's homepage and MiniSlide picks colors from its design (the primary color is taken from its call-to-action buttons).
MiniSlide checks the contrast of every palette, because any card can use any palette. A tab with a problem is marked with a dot. Text with too little contrast is marked red and the theme can't be saved until you fix it — Fix adjusts the color for you.
Presets can't be changed — duplicate one to customize it. Account owners manage all themes in Account settings → Themes, including the account default. The number of custom themes depends on your plan.
Fonts
Every theme has a Heading font and a Text font (any Google font or the device's system font) with their weights; set them under Fonts in the theme editor. Each preset comes with a font pairing that fits its mood:
| Preset | Heading font | Text font |
|---|---|---|
| Classic Light | Plus Jakarta Sans | Inter |
| Midnight | Fraunces | Source Sans 3 |
| Mint | Outfit | Nunito Sans |
| Coral | Bricolage Grotesque | Figtree |
| Sand | Lora | Karla |
| Violet | Sora | Hanken Grotesk |
| Bubblegum | Baloo 2 | Nunito |
| Lavender | Quicksand | Mulish |
| Peach | DM Serif Display | DM Sans |
| Sky | Poppins | Open Sans |
| Pistachio | Lexend | Lexend |
| Dusk | Cormorant Garamond | Work Sans |
| Lemonade | Archivo Black | Archivo |
| Neon Night | Unbounded | IBM Plex Sans |
| Sunset | Syne | Manrope |
| Electric Lime | Anton | Barlow |
To use a preset's colors with other fonts, duplicate it and change the fonts. To change the fonts of a single lesson, use Heading font and Text font in its Lesson settings (section Appearance) — they take priority over the theme's fonts. The learner's My overview page and the public lesson page use the fonts of the account default theme.
Logo
The logo is set for the whole account in Branding.