Stylesheet – Thomas Grob

Info

Damit die Website-Einstellungen für «Globale Farben» und «Globale Schriftart» korrekt dargestellt werden, muss bei den Einstellungen >Elementor >Generell bei «Standardfarben deaktivieren» und «Standardschriftarten deaktivieren» kein Häckchen gesetzt werden.

Fonts

Space Grotesk 300 (Light)

Space Grotesk 500 (Medium)

Space Grotesk 700 (Bold)

Headlines

Headline L (Large)
Desktop: 44 px (2.75 rem) | -0.08 rem | 100 %
Mobile: 22 px (1.375 rem) | -0.04rem | 100 %

Clamp: Viewport 320 px—1600 px
clamp(1.375rem, 1.0313rem + 1.7188vw, 2.75rem)

Headline L mit Unterlänge
und einer zweiten Textzeile!

Clamp: Viewport 320px—1920px, Fontsize 56px—156px | clamp(3.5rem, 2.25rem + 6.25vw, 9.75rem)

Die Unterlänge braucht es in dieser Headline dringend!

Colors

Black
#151515

White
#ffffff

Background
#ffffff

Bodytext

Body (Text):
Desktop: 24px / 34px / –0,4px
Mobile: 18px / 26px / –0,3px

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu.

Body (Text) mit Clamp:
clamp(1.125rem, 1.05rem + 0.375vw, 1.5rem)

Body (Text):
Desktop: 24px / 34px / –0,4px
Mobile: 18px / 26px / –0,3px

Animation

Die erste Zeile

Und eine darunter

Ausgewählte Arbeiten