Everyday

Playground

Highlight

typography

Inline emphasis within headings and text

Mixed-weight and mixed-color text styling

import { Highlight } from "@everydayos/ui";

Usage

Highlight within a regular heading — medium weight, the Norgram default for emphasis

Designed to belong in your home

API

variant
mediumregularbolditalicunderlinelight
defaultpreferredrare
color
defaultmutedprimaryaccent
defaultpreferredrare

Examples

Mixed Weight

Pull a word back to regular within a medium-weight heading

Easy and natural ways to control

Muted Color

Mute a secondary word to create rhythm

Everyday OS

Composition

Pairs well with

Heading
Text

When to avoid

  • Need code reference — use InlineCode instead
  • Need block-level quote — use Blockquote instead