Die Agentur

Kompetenzen

Support

DREIZACK Store

Projekt in der Pipeline?

Ob Beratung, Angebot oder Anregungen. Wir sind für Sie stets über unser Kontakt-
formular erreichbar.


JTL Servicepartner

Shopify Partner

+49 (0) 345 778 990 50

jlköjkl

Warum wir die beste Agentur
sind – ganz einfach erklärt

Lorem ipsum dolor sit amet, consectetur adipiscing elit ut aliquam, purus sit amet luctus venenatis, lectus magna fringilla urna, porttitor rhoncus dolor purus non enim praesent elementum facilisis leo, vel fringilla est ullamcorper eget nulla facilisi etiam dignissim diam quis enim lobortis scelerisque fermentum dui faucibus in ornare quam viverra orci sagittis eu volutpat odio facilisis mauris sit amet massa vitae tortor condimentum lacinia quis vel eros donec ac odio tempor orci dapibus ultrices in iaculis nunc sed augue lacus, viverra vitae congue eu, consequat ac felis donec et odio pellentesque diam volutpat commodo sed egestas egestas fringilla phasellus faucibus.

/*
* HERO
*__________________*/

#dzm-hero--list {
display: flex;
flex-wrap: wrap;
justify-content: center;
padding-left: unset !important;
}
#dzm-hero--list li::before {
content: "✓ ";
}
#dzm-hero--list li {
list-style: none;
padding: 0 20px;
}

Lorem ipsum dolor sit amet, consectetur adipiscing elit ut aliquam, purus sit amet luctus venenatis, lectus magna fringilla urna, porttitor rhoncus dolor purus non enim praesent elementum facilisis leo, vel fringilla est ullamcorper eget nulla facilisi etiam dignissim diam quis enim lobortis scelerisque fermentum dui faucibus in ornare quam viverra orci sagittis eu volutpat odio facilisis mauris sit amet massa vitae tortor condimentum lacinia quis vel eros donec ac odio tempor orci dapibus ultrices in iaculis nunc sed augue lacus, viverra vitae congue eu, consequat ac felis donec et odio pellentesque diam volutpat commodo sed egestas egestas fringilla phasellus faucibus.

Buttons

Eine Auswahl an tollen Buttons für die ganze Familie. Einfach klickbar und hübsch gestaltet.

Main class: dzm-btn

Style appends: --primary, --secondary, --dark, --light, --xl, --xs

Button Primary XL

Mehr erfahren

Button Primary XS

Mehr erfahren

Button Secondary XL

Mehr erfahren

Button Secondary XS

Mehr erfahren

Button Dark XL

Mehr erfahren

Button Dark XS

Mehr erfahren

Button Light XL

Mehr erfahren

Button Light XS

Mehr erfahren

Button Primary XL

Mehr erfahren

Button Primary XS

Mehr erfahren

Button Secondary XL

Mehr erfahren

Button Secondary XS

Mehr erfahren

Button Dark XL

Mehr erfahren

Button Dark XS

Mehr erfahren

Fonts & Colors

--primaryBlue: #1a2b3c;
--secondaryBlue: #4A5560;
--primaryGreen: #136F63;
--secondaryGreen: #9DC94C;
--lightBlue: #E1EEFA;

Default Text: 20px (1rem), Line-height: 1.7rem,

Lorem ipsum dolor sit amet consectetur adipisicing elit. Necessitatibus maxime quisquam cupiditate itaque, iste esse voluptates dolore, consequatur non repellendus perspiciatis, asperiores earum sunt autem nisi ipsa ducimus id iure.

Muted Text: 20px (1rem), Line-height: 1.7rem,

Lorem ipsum dolor sit amet consectetur adipisicing elit. Necessitatibus maxime quisquam cupiditate itaque, iste esse voluptates dolore, consequatur non repellendus perspiciatis, asperiores earum sunt autem nisi ipsa ducimus id iure.

Bold Text: 20px (1rem), Line-height: 1.7rem,

Lorem ipsum dolor sit amet consectetur adipisicing elit. Necessitatibus maxime quisquam cupiditate itaque, iste esse voluptates dolore, consequatur non repellendus perspiciatis, asperiores earum sunt autem nisi ipsa ducimus id iure.

XS Text: 0.7rem, Line-height: 1rem,

Lorem ipsum dolor sit amet consectetur adipisicing elit. Necessitatibus maxime quisquam cupiditate itaque, iste esse voluptates dolore, consequatur non repellendus perspiciatis, asperiores earum sunt autem nisi ipsa ducimus id iure.

XL Text: 1.3rem, Line-height: 1.7rem,

Lorem ipsum dolor sit amet consectetur adipisicing elit. Necessitatibus maxime quisquam cupiditate itaque, iste esse voluptates dolore, consequatur non repellendus perspiciatis, asperiores earum sunt autem nisi ipsa ducimus id iure.

Heading 1

IBM Plex Sans - 2.5rem, --primary-blue

Heading 2

IBM Plex Sans - 2rem, --primary-blue

Heading 3

IBM Plex Sans - 1.7rem, --primary-blue

Heading 4

IBM Plex Sans - 1.45rem, --primary-blue

Heading 5

IBM Plex Sans - 1.2rem, --primary-blue

Heading 6

IBM Plex Sans - 1rem, --primary-blue

Primary Green
dzm-bg--primaryGreen

Secondary Green
dzm-bg--primaryGreen

Primary Blue
dzm-bg--primaryBlue

Secondary Blue
dzm-bg--secondaryBlue

Light Blue Gradient
dzm-bg--lightBlueGradient

Shadow: Primary Green
dzm-shadow--PrimaryGreen

Shadow: Secondary Greem
dzm-shadow--secondaryGreen

Primary Blue
dzm-shadow--primaryBlue

JTL WaWi
JTL WaWi
JTL WaWi
JTL WaWi
JTL WaWi
JTL WaWi
JTL WaWi
JTL WaWi