Fonts

GT Planar Light 300

GT Planar Regular 400

Fallback: "Helvetica Neue", Arial, sans-serif

Typography

text-xs
text-sm
text-md
text-lg
text-xl
text-2xl
text-light-2xl
text-3xl
text-light-4xl
text-light-5xl

Bruno Weber Lab

H2

H3

H4

H5

Copy — Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Colors

Grid and regions

left-width right-width grid-width full-width

Large (≥ 1100px): 12 columns, gap 56, margin 40 at 1500px. Small: 4 columns, gap 16, margin 16.

Spacing and stacking

ContextLargeSmall
Default (module after module) 12.5rem 6rem
Compact (Content.Text, Content.MediaAsset, Content.PublicationOverview, Content.ArticleOverview, Content.Team after a page header or another compact module) 8rem 4rem
Page header after the site header 127px 48px
Header.Hero, Header.Publication 0 0
Before the footer 12.5rem 6rem

Buttons and links

Text link View all ( 105 )
Text link View all ( 105 )
Text link View all ( 105 )

Motion

Masked rise: Teaser.List and card text

Soft entrance: every other text block rises 28px and fades in once.

Card title
Open position

Opens and closes with a short height transition.

Icons

caret-down
chevron-down
chevron-right
download
placeholder
plus
search

Favicon

Favicon Apple touch icon

The SVG favicon switches to white in dark mode.