Symbol Spotter Design System

Our design system combines Bauhaus principles with modern digital needs, creating a balance between bold aesthetics and user-friendly interfaces.

Color Evolution: Bauhaus to Modern

Blue

Modern: #35A3ED

Bauhaus: #0000FF

Historical Context:

Traditional Bauhaus blue was more pure/primary (0000FF)

Modern Adaptation:

Modern version is lighter and more cyan-leaning, optimized for digital readability while maintaining the Bauhaus spirit of boldness

Yellow

Modern: #EDDE35

Bauhaus: #FFFF00

Historical Context:

Classic Bauhaus yellow was pure primary (FFFF00)

Modern Adaptation:

Modern version has warmer, golden undertones for better contrast and visual comfort on screens

Red

Modern: #ED3535

Bauhaus: #FF0000

Historical Context:

Bauhaus red was pure primary (FF0000)

Modern Adaptation:

Modern version has slightly muted intensity to reduce eye strain while maintaining vibrancy

Typography System

Space Grotesk

Primary Usage:

Headers, Labels, Important UI Elements

Available Weights:

  • 300 (Light)
  • 400 (Regular)
  • 500 (Medium)
  • 600 (SemiBold)
  • 700 (Bold)

Symbol Spotter - Decode Characters and Symbols

Work Sans

Primary Usage:

Body Text, Descriptions, UI Text

Available Weights:

  • 300 (Light)
  • 400 (Regular)
  • 500 (Medium)
  • 600 (SemiBold)
  • 700 (Bold)

Free tool to identify and decode mysterious characters and symbols in your text.