01
Typography
|
Bebas Neue
Display 72px / ls 4px Hero Title |
Bauhaus
|
|
Bebas Neue
Heading 40px / ls 3px Section Title |
Form Follows Function
|
|
IBM Plex Sans
700 / 13px ls 5px · UC Subheading |
Workshop — Dessau Campus — 1925
|
|
IBM Plex Sans
300 / 15px lh 1.65 Body Text |
The Bauhaus strove to reunite all the arts under the primacy of architecture. Every object was to be conceived as a unity of form and function, produced by craft and industry together.
|
|
IBM Plex Mono
400 / 11px ls 3px · UC Caption / Label |
Object No. 07 — Steel Tube, Leather — Kandinsky Workshop 1926
|
|
IBM Plex Mono
700 / 9px ls 3px · UC Field Label / UI |
Workshop Code · Material · Year · Instructor
|
02
Color Palette
Black
#0D0D0D
Ink · Structure · Text
Bauhaus Red
#D62828
Primary · Danger · Accent
Bauhaus Yellow
#F4C300
Primary · Warning · Highlight
Bauhaus Blue
#004EAD
Primary · Info · Action
Gray 90
#2A2A2A
Dark Surface
Gray 65
#5A5A5A
Secondary Text
Gray 35
#ABABAB
Disabled / Muted
Gray 14
#DCDCDC
Border / Divider
White
#F5F2EB
Paper · Background
Green
#00843D
Success · Valid
Ochre
#9A7A00
Warning Text
Dark Red
#B01E1E
Error · Hover State
Deep Blue
#003A82
Pressed · Focus
Primary Triad
Red · Yellow · Blue — the three elementary colours of Itten's colour theory, 1921
Neutral Scale
Five steps from Black 90 to Paper White — structure and space
Functional States
Success Green · Warning Ochre · Error Red · Focus Blue
03
Buttons
04
Input Fields
Valid address confirmed
Invalid format — use WRK-000
Maximum 240 characters
05
Selectors
Circle. Triangle. Square.
The three elementary forms.
06
Radio & Check
Select Discipline
Principles
07
Alerts & Notifications
Information
The workshop schedule has been updated. Please review the new timetable for the spring semester before enrolling.
Success
Your design proposal has been accepted and added to the curriculum archive. Well executed.
Warning
Material inventory is running low. Reorder steel and glass stock before the next construction module begins.
Error
Submission failed. The file format is not supported. Upload a PDF or SVG file and try again.