A
ARTIFX
GeometricPrimary ColorsFunctionalHistorical1919–1933 / Timeless#26 · Minimal

Bauhaus Design

Form follows function. Primary color triad, geometric shapes, and the belief that good design is universal — art and industry united.

Pioneered by: Walter Gropius / Bauhaus School

Bauhaus Design style preview
Sample PreviewBauhaus Design aesthetic

Color Palette

Bauhaus Red
#CC0000
Bauhaus Yellow
#FFCC00
Bauhaus Blue
#0033CC
Black
#000000
Cream
#F5F0E0

Typography

DisplayAa Bb Cc
H2Aa Bb Cc
H3Aa Bb Cc
BodyAa Bb Cc
CaptionAa Bb Cc
MonoAa Bb Cc

Component Gallery

// Buttons
// Cards
Design System
UI/UX

Design System

Consistent visual language and component patterns for scalable product teams.

Component Lib
Dev

Component Lib

Reusable building blocks that maintain visual consistency across all surfaces.

Style Guide
Docs

Style Guide

Documented rules for typography, spacing, color, and interaction patterns.

// Form Elements
// Navigation Bar
LOGO
HomeAboutWorkContact
// Badges & Tags
Design SystemComponentv2.0BetaNewFeaturedOpen Source

Mobile Preview

LOGO
Geometric
Bauhaus Design
Form follows function. Primary color triad, geometric s...
Feature Card
Component example in this style

Key Characteristics

01

Primary color triad: red, yellow, blue (Itten color theory)

02

Pure geometric shapes: circle, square, triangle

03

Sans-serif typography — form stripped of ornament

04

Black as the structural backbone color

05

Balance between art and industrial craft

Industries & Business Models

Bauhaus Design works best for these industries

📚
Education / EdTech
Educational Systems & LMS Technologies
Explore Models →
🚚
Logistics / Delivery
Supply Chain & Dispatch Algorithms
Explore Models →
🏠
Real Estate
Property Systems Technology
Explore Models →
26 / 86 styles