DesignSystem

@wisihe/tokens v1.1.0

Introduction
PrinciplesColorsTypographyLayoutIconographyMotionComponentsTone of Voice
@wisihe/tokens v1.1.0

Design system

Tokens and patterns for this site. Semantic colors, shared components, light/dark via @teispace/next-themes.

Start with principles

Foundations

Principles

Five rules and shape language (small / medium / big).

Colors

Semantic tokens and when to use primitives.

Typography

Inter, Geist, scale, weights.

Layout

Spacing, radius, control heights.

Iconography

Tabler — size tiers and stroke.

Patterns & voice

Motion

Timing, libraries, reduced motion.

Components

@wisihe/ui-react — see Storybook for variants.

Tone of voice

UI copy do/don’t examples.

Storybook — component variants and a11y
WiSiHe

Senior Frontend Developer & Digital Artist

Henrik Wilhelm Sissener

I build accessible web products and design systems, and paint on the side. Based in Oslo.

Send a message

Explore

  • Paintings
  • Projects
  • Videos
  • Photography
  • Recipes
  • Contact

More

  • Presentations
  • 3D Workshop
  • Design System

Connect

© 2026 Henrik Wilhelm Sissener

PrivacyBuilt in Oslo with Next.js & Sanityv1.1.0