← Moodboards

Institut Norm

key visual for Design school
education · clinical

INSTITUT NORM

Design school

Rigorous Swiss pedagogical order meets physical print laboratory mechanics. Stark monochromatic geometry and systematic ink experiments form a disciplined typographic archive.

Palette
#ffffff
background · 99%
#ffffff
surface · 99%
#000000
text
#000000
text muted
#4065f6
accent · 1%
Text on background 21.0:1 · AAA
Type
FORM FOLLOWS STRUCTURE: FOUNDATION 2025

Rigorous Swiss pedagogical order meets physical print laboratory mechanics. Stark monochromatic geometry and systematic ink experiments form a disciplined typographic archive.

Display
Inter · 700
Body
Inter · 400
Scale
11 · 14 · 16 · 18 · 22 (×1.08)
texture for Design school
detail for Design school
Grid · none measured
Columns
—
Gutter
—
Margin
—
Container
fluid
Icons
Lucideregular
ISC · lucide.dev
Setting the text
FORM FOLLOWS STRUCTURE: FOUNDATION 2025

Rigorous Swiss pedagogical order meets physical print laboratory mechanics. Stark monochromatic geometry and systematic ink experiments form a disciplined typographic archive.

Body
16px / 1.2
Measure
175 characters
Display
22px / 1.28
Tracking
0em display · 0em body
scene for Design school
object for Design school
detail for Design school
Ratios
background 50%surface 50%accent 1%
text on background
21.0:1 AAA
muted text on background
21.0:1 AAA
text on surface
21.0:1 AAA
muted text on surface
21.0:1 AAA
accent on background
4.8:1 AA
background on accent
4.8:1 AA
scene for Design school
Imagery · Graphic print and 35mm film

High-contrast monochrome graphic studies and clean documentary photography of printmaking processes. Strict geometric tension between dense black inks and raw paper tones.

Light
Diffused north window daylight and neutral overhead studio strobes.
Grading
Strictly monochromatic black and off-white with neutral midtones.
Framing
Rigid grid alignments, flat overheads, and geometric framing.
Depth
Sharp edge-to-edge for flat prints, shallow for tactile workshop details.
Texture
Halftone rasters, ink bleed, and matte cotton paper tooth.
Ground
Minimal white studio walls and neutral industrial surfaces.
Distance
Close-up macro to wide architectural studio shots.
Type scale · 16px base · 1.067 – Minor Second
h11.375rem
FORM FOLLOWS STRUCTURE: FOUNDATION 2025
h21.125rem
FORM FOLLOWS STRUCTURE: FOUNDATION 2025
p1rem
Form Follows Structure: Foundation 2025
small0.875rem
Form Follows Structure: Foundation 2025
xs0.688rem
Form Follows Structure: Foundation 2025
Components · radius 8 · base 5
Buttons
ExamineEnroll
ExamineEnrollEnroll
Examine · disabled
Tags
educationunderstateddirect
Tabs
ExamineEnrollDownload
Notice
PRINCIPLES OF GRID, WEIGHT, AND HALFTONEDesign school
Form
ExamineEnrollNotifications
Examine
Cards
educationDEPARTMENT OF SYSTEMATIC VISUAL COMMUNICATIONRigorous Swiss pedagogical order meets physical print laboratory mechanics. Stark monochromatic geometry and systematic ink experiments form a disciplined typographic archive.Examine
“FORM FOLLOWS STRUCTURE: FOUNDATION 2025Institut Norm
Spacing · base 5
10
12
15
20
30
45
47
Section padding 64px
Voice
  • FORM FOLLOWS STRUCTURE: FOUNDATION 2025
  • DEPARTMENT OF SYSTEMATIC VISUAL COMMUNICATION
  • PRINCIPLES OF GRID, WEIGHT, AND HALFTONE
understateddirectexamineenrolldownload
Motion
Character
snappy
Easing
ease-out

smooth inertial scroll with crisp image transitions

Rules
  1. 01anchor layouts with severe asymmetric grid lines and strict tabular metadata
  2. 02restrict visual assets to high-contrast black ink on warm off-white paper stock
  3. 03deploy cobalt accent exclusively for interactive states and course indices
  4. 04prohibit decorative gradients, drop shadows, and ornamental styling