Design Setup
Font
Fontfamily
Headline:
Cormorant Garamond
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Body:
Montserat
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Font usage
h1
Font: Cormorant Garramond
Size: clamp(2.938rem, 4.7vw, 4.75rem);
Color: Headline color;
Letter Spacing: 0.05 em;
Line Height: 1 em;
h2
Font: Cormorant Garramond
Size: clamp(1.813rem, 3.5vw, 2.938rem);
Color: Headline color;
Letter Spacing: 0.05 em;
Line Height: 1 em;
h3
Font: Cormorant Garramond
Size: clamp(1.125rem , 2.9vw, 1.813rem);
Color: Headline color;
Letter Spacing: 0.05 em;
Line Height: 1.2 em;
h4
Font: Cormorant Garramond
Size: clamp(0.875rem, 2.2vw, 1.4rem);
Color: Headline color;
Letter Spacing: 0.05 em;
Line Height: 1.2 em;
h5
Font: Cormorant Garramond
Size: clamp(0.813rem, 1.8vw, 1.125rem);
Color: Headline color;
Letter Spacing: 0.05 em;
Line Height: 1.4 em;
Text Primär
Font: Montserrat
Size: clamp(1rem, 1.6vw, 1.125rem);
Color: Body color;
Letter Spacing: 0.02 em;
Line Height: 1.5 em;
Text Sekundär
Font: Montserrat
Font Weight: Light;
Color: Primay color;
Size: clamp(1rem, 1.6vw, 1.125rem);
Letter Spacing: 0.02 em;
Line Height: 1.5 em;
Button
Standard Button
Boarder Button
Filled Button
Color
Primary
Primary Darken
Secondary
Secondary Darken
Headline
Body
White
White Saturaded
Hover Effekte & Animations
Animation Slide
Direction: Top;
Animations Duration: 1000ms;
Animation Delay: 0;
Animations Intensity: 5%;
Animations Startting Opacity: 0%;
Animation Speed Curve: Ease-In-Out;
Animation Repeat: Once
Hover Transform Scale
Transform on Hover:
Scale: 103% x, 103% x;
Skew -3deg x, 0deg y;
Hover Transform Scale Skew
Transform on Hover:
Scale: 103% x, 103% x;
Skew -3deg x, 0deg y;
Shadow
Preset 1
Box Shadow Horizontal Position: 0 px;
Box Shadow Vetical Position: 2 px;
Box Shadow Blur Strenght: 18px;
Box Shadow Spread Strenght: 0px;
Shadow Color: Variable shadow Color;
Box Shadow Position: Outer Shadow;
Preset 2
Box Shadow Horizontal Position: 6 px;
Box Shadow Vetical Position: 6 px;
Box Shadow Blur Strenght: 18px;
Box Shadow Spread Strenght: 0px;
Shadow Color: Variable shadow Color;
Box Shadow Position: Outer Shadow;
Preset 3
Box Shadow Horizontal Position: 7 px;
Box Shadow Vetical Position: 7 px;
Box Shadow Blur Strenght: 18px;
Box Shadow Spread Strenght: -5px;
Shadow Color: Variable shadow Color;
Box Shadow Position: Outer Shadow;
Hover Me
Box Shadow Hover basierend auf Shadow Preset 1
Hover Me
Box Shadow Hover basierend auf Shadow Preset 2
Hover Me
Box Shadow Hover basierend auf Shadow Preset 3
Spacing
spacing XS
clamp(8px, 1vw, 10px);
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
spacing S
clamp(13px, 1.6vw, 16.18px)
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
spacing M
clamp(21px, 2.6vw, 26.18px)
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
spacing L
clamp(34px, 4.2vw, 42.36px)
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
spacing XL
clamp(55px, 6.8vw, 68.54px)
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
spacing XXL
clamp(89px, 11vw, 110.89px)
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Image
Default
Boarder
Blurb
Top Center
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Top Left
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Left Top
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Your Title Goes Here
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Blog
Leider wurden keine Ergebnisse gefunden.
Eigentlich müsste ich Ihnen jetzt sagen, dass die Seite nicht gefunden werden konnte. Aber ich glaube, Sie wissen das eigentlich schon. Deshalb: Versuchen Sie es doch einfach noch mal mit einer genaueren Suche oder nutzen Sie die Navigation oben, um den Beitrag zu finden.
Leider wurden keine Ergebnisse gefunden.
Eigentlich müsste ich Ihnen jetzt sagen, dass die Seite nicht gefunden werden konnte. Aber ich glaube, Sie wissen das eigentlich schon. Deshalb: Versuchen Sie es doch einfach noch mal mit einer genaueren Suche oder nutzen Sie die Navigation oben, um den Beitrag zu finden.
Carousel
Team Carousel
Jason Moran
Yoga Trainer
Aliquam eleifend maximus libero bibendum hendrerit. Sed diam dui, dictum vel mauris id, tincidunt gravida leo.
Jason Moran
Yoga Trainer
Aliquam eleifend maximus libero bibendum hendrerit. Sed diam dui, dictum vel mauris id, tincidunt gravida leo.
Jason Moran
Yoga Trainer
Aliquam eleifend maximus libero bibendum hendrerit. Sed diam dui, dictum vel mauris id, tincidunt gravida leo.
Jason Moran
Yoga Trainer
Aliquam eleifend maximus libero bibendum hendrerit. Sed diam dui, dictum vel mauris id, tincidunt gravida leo.
Jason Moran
Yoga Trainer
Aliquam eleifend maximus libero bibendum hendrerit. Sed diam dui, dictum vel mauris id, tincidunt gravida leo.
Jason Moran
Yoga Trainer
Aliquam eleifend maximus libero bibendum hendrerit. Sed diam dui, dictum vel mauris id, tincidunt gravida leo.
