Skip to Content

typography

ui

A set of typographic components for consistent text styling — headings, paragraphs, blockquotes, lists, and inline code.

Use cases

  • Consistent heading styles across pages
  • Blog and article content formatting
  • Documentation prose sections
  • Marketing and landing page copy
  • Any text-heavy content requiring typographic hierarchy

Features

  • H1–H4 heading components with scroll margin
  • Paragraph, Lead, Large, Small, and Muted text styles
  • Blockquote with left border accent
  • Inline code with monospace styling
  • Unordered list with proper spacing
  • Uses Noto Serif for display headings (H1, H2)

Preview

Interactive preview with light/dark mode toggle. Switch to Code tab to view the full source.

The Mukoko Platform

A unified design system for the African digital ecosystem.

Typography

The typography system uses Noto Sans for body and Noto Serif for display.

“Built for Africa, by Africa.”

Every mineral tells a story.

Installation

npx shadcn@latest add https://registry.mukoko.com/api/v1/ui/typography

API

Fetch this component's metadata and source code from the registry API.

GET/api/v1/ui/typography

Source

components/ui/typography.tsx