Dark mode

Framer supports dark experiences through color choices, tokens, and component variants, making it easier to design interfaces that feel polished in low-light or high-contrast contexts.

Related terms

Related terms

  • Theme

    Design

    A cohesive set of design choices—colors, typography, spacing—that can be applied across a site or component library. Themes enable consistent styling and support features like dark mode. Framer’s variables support theming through switchable value sets.

  • Variable Modes

    Design

    Variable Modes let one variable system support multiple contexts, such as theme, platform, or state, by switching between predefined value sets.

  • Design Iteration

    Design

Your next idea starts here

GPT 5.6 Terra

Create personal portfolio

Build startup site

Launch landing page

Start company blog

Framer UI showing Pages, Layers and Assets panels titles
Framer UI showing Pages, Layers and Assets panels titles