Design-Guide

Globale Design-Styles

01. Farb-Palette

#2f4858

#677d80

#e95129

#ced0ce

#e7e8e6

#222222

rgba(233,81,41,0.85)

rgba(233,81,41,0.65)

02. Text Stile

Primär

Text 1

Sekundär

Text 2

Überschrift 1

Überschrift H1

Überschrift 2

Überschrift H2

Überschrift 3

Überschrift H3

Überschrift 4

Überschrift H4

Überschrift 5

Überschrift H5

Überschrift 6

Überschrift H6

Fließtext / Body

Lorem ipsum dolor sit amet, consec­tetur adipi­scing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exerci­tation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Liste

  • Lorum Ipsum
  • Lorum Ipsum
  • Lorum Ipsum

Links

Alle Text-Styles

Überschrift H1

Überschrift H2

Überschrift H3

Überschrift H4

Überschrift H5
Überschrift H6

Lorum ipsum dolor sit amet.

  • Lorum Ipsum

03. Module

Primär

Sekundär

Button

Button 1

Infor­ma­tions-Text / Blurb

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.

Info-Text 1

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.

Info-Text 3

Ihr Titel

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.

Info-Text 2

Ihr Titel

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.

Info-Text 4

Bild

Bild 1

Bild 2

Call to action

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.

CTA 1

Teiler Icon / Icon-Divider

Teiler Icon 1

Teiler / Divider

Teiler 1

Toggle

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.

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.

Video

Accordion

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.

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.

Flipbox

0

Beratung

Beratung

  • Lean Management
  • Change Management
  • Office Excel­lence
  • Kommu­ni­kation
  • Konflikte
  • Zielent­faltung
  • Teams
  • Führungs­mo­delle
  • IT-gestützte Prozesse

Flipbox 1

Our Process

Access

Praesent sapien massa, convallis a pellen­tesque nec, egestas non nisi. Nulla quis lorem ut libero malesuada feugiat. Quisque velit nisi, pretium ut lacinia in, elementum id enim. Vesti­bulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec velit neque, auctor sit amet aliquam vel, ullam­corper sit amet ligula.

U
Identity

Praesent sapien massa, convallis a pellen­tesque nec, egestas non nisi. Nulla quis lorem ut libero malesuada feugiat. Quisque velit nisi, pretium ut lacinia in, elementum id enim. Vesti­bulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec velit neque, auctor sit amet aliquam vel, ullam­corper sit amet ligula.

Control

Praesent sapien massa, convallis a pellen­tesque nec, egestas non nisi. Nulla quis lorem ut libero malesuada feugiat. Quisque velit nisi, pretium ut lacinia in, elementum id enim. Vesti­bulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec velit neque, auctor sit amet aliquam vel, ullam­corper sit amet ligula.

Review

Praesent sapien massa, convallis a pellen­tesque nec, egestas non nisi. Nulla quis lorem ut libero malesuada feugiat. Quisque velit nisi, pretium ut lacinia in, elementum id enim. Vesti­bulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec velit neque, auctor sit amet aliquam vel, ullam­corper sit amet ligula.

Rest Assured, You or Your Company is Covered

Pellen­tesque fermentum faucibus venenatis. Proin porttitor sem eget varius mollis. Sed vel convallis dui. Proin hendrerit neque suscipit neque iaculis, non condi­mentum risus fringilla. Cras blandit urna sit amet mi lobortis, id volutpat mi semper. Sed ullam­corper accumsan tellus, in mattis mauris consectetur.

Commercial

Lorem ipsum dolor sit amet, consec­tetur adipi­scing elit. Aenean quam leo, consec­tetur vel tellus consec­tetur, feugiat pellen­tesque velit. Pellen­tesque quis massa molestie, tempor magna et, scele­risque justo. Nulla sed efficitur risus.

Morbi ac vulputate odio. Vivamus et libero non dolor pellen­tesque elementum. Duis consec­tetur metus ex, non pulvinar enim laoreet a. Vesti­bulum placerat odio libero.

N
Proin porttitor sem eget.
N
Sed vel convallis dui. 
N
Neque iaculis non risus.
N
Proin hendrerit neque suscipit.

Personal

Lorem ipsum dolor sit amet, consec­tetur adipi­scing elit. Aenean quam leo, consec­tetur vel tellus consec­tetur, feugiat pellen­tesque velit. Pellen­tesque quis massa molestie, tempor magna et, scele­risque justo. Nulla sed efficitur risus.

Morbi ac vulputate odio. Vivamus et libero non dolor pellen­tesque elementum. Duis consec­tetur metus ex, non pulvinar enim laoreet a. Vesti­bulum placerat odio libero.

N
Proin porttitor sem eget.
N
Sed vel convallis dui. 
N
Neque iaculis non risus.
N
Proin hendrerit neque suscipit.

Quisque purus metus, hendrerit consequat posuere id, vulputate vel dolor. In ut libero vitae lectus ullam­corper semper vitae quis dui. Nullam condi­mentum nunc nibh, vitae cursus eros laoreet et.

-Name

Quisque purus metus, hendrerit consequat posuere id, vulputate vel dolor. In ut libero vitae lectus ullam­corper semper vitae quis dui. Nullam condi­mentum nunc nibh, vitae cursus eros laoreet et.

-Name

Quisque purus metus, hendrerit consequat posuere id, vulputate vel dolor. In ut libero vitae lectus ullam­corper semper vitae quis dui. Nullam condi­mentum nunc nibh, vitae cursus eros laoreet et.

-Name

Loss Prevention

Suspen­disse eleifend sapien eget ante pellen­tesque venenatis ligula. Aliquam pellen­tesque dictum lorem.

Data Management

Suspen­disse eleifend sapien eget ante pellen­tesque venenatis ligula. Aliquam pellen­tesque dictum lorem.

Accounting

Suspen­disse eleifend sapien eget ante pellen­tesque venenatis ligula. Aliquam pellen­tesque dictum lorem.

Audits

Suspen­disse eleifend sapien eget ante pellen­tesque venenatis ligula. Aliquam pellen­tesque dictum lorem.

Under­writing

Suspen­disse eleifend sapien eget ante pellen­tesque venenatis ligula. Aliquam pellen­tesque dictum lorem.

Casualty Insurance

Suspen­disse eleifend sapien eget ante pellen­tesque venenatis ligula. Aliquam pellen­tesque dictum lorem.

0. Orien­tierung Divi

Divi-Farben

Sektion

#2B87DA

Zeile

#29C4A9

Modul

#4C5866

Vollbreite Sekt.

#6C2EB9

Spezial-Sektion

#FF9232

Globales Objekt

#97d000

1. Farben und Schriften

Farben 

#001489

#00bce1

#0076d7

#222222

#ffffff

#e37610

Schriften

Überschriften

Text

2. Text-Stile

Standard

Weitere Preset-Styles

Überschriften

Überschrift H1

Überschrift H2

Überschrift H3

Überschrift H4

Überschrift H5
Überschrift H6

Text 1

(Preset-Name)

Text dunkler Hintergrund

(Preset-Name)

Text

Text 1

(Preset-Name)

Text dunkler Hintergrund

(Preset-Name)

3. Module

Standard

Weitere Preset-Styles

Button

Button 1

(Preset-Name)

Button Kontakt Fußzeile

(Preset-Name)

Infor­ma­tions-Text / Blurb

Info-Text heller Hintergrund

(Preset-Name)

Info-Text dunkler Hintergrund

(Preset-Name)

4. Abschnitte (Bibliothek unter „IKS Vorlagen”)

01 Start­seite Intro

Intro-Sektion

(Sektion Preset)

Einzel­über­schrift

(Zeile Preset)

Dreier-Box mit Schatten

(Zeile Preset)

Überschriften Sektionen zentriert

(Modul Text Preset)

Text Intro-Kasten

(Modul Text Preset)

Aufzaehlung Intro-Kasten

(Modul Text Preset)

5. Entwürfe (noch nicht in der Bibliothek)