---
title: Style Guide | VOCANTO
---

[Zum Inhalt springen.](https://vocanto.de/style-guide#main-content)

[![VOCANTO](https://vocanto.de/hs-fs/hubfs/Logos/VC-Logo-Hubspot.png?width=300&height=46&name=VC-Logo-Hubspot.png "VOCANTO")](https://vocanto.de?hsLang=de)

[![VOCANTO](https://vocanto.de/hs-fs/hubfs/Logos/VC-Logo-Hubspot.png?width=300&height=46&name=VC-Logo-Hubspot.png "VOCANTO")](https://vocanto.de?hsLang=de)

- [Deine Vorteile](https://vocanto.de/moderne-ausbildung-digital-gestalten) 
    - [Behebe Leistungsdefizite](https://vocanto.de/leistungsdefizite-beheben-vocanto)
    - [Spare Zeit & Ressourcen](https://vocanto.de/ausbildung-digitalisieren)
    - [Digitalisiere nachhaltig](https://vocanto.de/ausbildung-transparent-gestalten)
    - [Erstelle eigene Inhalte](https://vocanto.de/individuelle-lerninhalte-mit-animations-4)
- [Lerne uns kennen](https://vocanto.de/vision-purpuse-core-values) 
    - [Vision, Purpose, Values](https://vocanto.de/vision-purpuse-core-values)
    - [Events & Webinare](https://vocanto.de/events)
    - [Karriere](https://vocanto.de/karriere)
    - [Kontakt](https://vocanto.de/kontakt-vocanto)
    - [YTV](https://vocanto.de/young-talents-vertical)
- [Ressourcen](https://vocanto.de/ressourcen-fuer-digitale-weiterbildung-e-learning-vocanto) 
    - [Überblick](https://vocanto.de/ressourcen-fuer-digitale-weiterbildung-e-learning-vocanto)
    - [Case Studies](https://vocanto.de/kundenstimmen-zur-ausbildung-mit-vocanto)
    - [FAQ](https://vocanto.de/haeufige-fragen)

[Jetzt kostenlos starten](https://vocanto.de/kontakt-vocanto?hsLang=de) [Anmelden](https://www.vocanto.com/de/login)

Toggle Menu

Toggle Menu

[Jetzt kostenlos starten](https://vocanto.de/kontakt-vocanto?hsLang=de) [Anmelden](https://www.vocanto.com/de/login)

- [Deine Vorteile](https://vocanto.de/moderne-ausbildung-digital-gestalten) 
    - [Behebe Leistungsdefizite](https://vocanto.de/leistungsdefizite-beheben-vocanto)
    - [Spare Zeit & Ressourcen](https://vocanto.de/ausbildung-digitalisieren)
    - [Digitalisiere nachhaltig](https://vocanto.de/ausbildung-transparent-gestalten)
    - [Erstelle eigene Inhalte](https://vocanto.de/individuelle-lerninhalte-mit-animations-4)
- [Lerne uns kennen](https://vocanto.de/vision-purpuse-core-values) 
    - [Vision, Purpose, Values](https://vocanto.de/vision-purpuse-core-values)
    - [Events & Webinare](https://vocanto.de/events)
    - [Karriere](https://vocanto.de/karriere)
    - [Kontakt](https://vocanto.de/kontakt-vocanto)
    - [YTV](https://vocanto.de/young-talents-vertical)
- [Ressourcen](https://vocanto.de/ressourcen-fuer-digitale-weiterbildung-e-learning-vocanto) 
    - [Überblick](https://vocanto.de/ressourcen-fuer-digitale-weiterbildung-e-learning-vocanto)
    - [Case Studies](https://vocanto.de/kundenstimmen-zur-ausbildung-mit-vocanto)
    - [FAQ](https://vocanto.de/haeufige-fragen)

[Behebe Leistungsdefizite Deine Auszubildenden haben jederzeit Zugriff auf alle ausbildungsrelevanten Lerninhalte.](https://vocanto.de/leistungsdefizite-beheben-vocanto?hsLang=de) [Spare Zeit & Ressourcen Wir übernehmen die Vermittlung theoretischer Lerninhalte, ihr fokussiert euch auf die Praxis.](https://vocanto.de/ausbildung-digitalisieren?hsLang=de)

[Digitalisiere nachhaltig Gewährleiste einen einheitlichen Qualitätsstandard - standort- und abteilungsübergreifend.](https://vocanto.de/ausbildung-transparent-gestalten?hsLang=de) [Erstelle eigene Lerninhalte Digitalisiere bestehende Anleitungen oder PDF-Dateien ganz einfach in eigene digitale Lerninhalte.](https://vocanto.de/individuelle-lerninhalte-mit-animations-4?hsLang=de)

[Vision, Purpose, Values Erfahre, wer wir sind, was uns antreibt und worauf du dich bei uns verlassen kannst.](https://vocanto.de/vision-purpuse-core-values?hsLang=de) [Events & Webinare Du möchtest uns gerne live kennenlernen? Wir freuen uns, dich bei den folgenden Veranstaltungen begrüßen zu dürfen.](https://vocanto.de/events?hsLang=de) [Young Talents Vertical Gemeinsam mit Studyflix und Ausbildung.de bilden wir das EMBRACE Young Talents Vertical von Bertelsmann und begleiten jeden Schritt der Candidate Journey.](https://vocanto.de/young-talents-vertical?hsLang=de)

[Karriere Du hast den absoluten Willen, die digitale Ausbildung mit deiner Expertise zu bereichern? Melde dich!](https://vocanto.de/karriere?hsLang=de) [Kontakt Du hast Fragen zu VOCANTO? Wir freuen uns auf den persönlichen Austausch mit dir.](https://vocanto.de/kontakt-vocanto?hsLang=de)

[Überblick Dich interessiert digitale Bildung? Hier findest du relevante Blog-Artikel, Checklisten, Guides uvm.](https://vocanto.de/ressourcen-fuer-digitale-weiterbildung-e-learning-vocanto?hsLang=de)

[Case Studies Schaue dir unsere Interviews mit der RWE Power AG, TARGOBANK und Landessparkasse zu Oldenburg an.](https://vocanto.de/kundenstimmen-zur-ausbildung-mit-vocanto?hsLang=de)

[FAQ Du hast Fragen? Wir haben die Antworten. Schaue einfach in unsere FAQ.](https://vocanto.de/haeufige-fragen?hsLang=de)

# Style Guide

The perfect template to dial in your theme settings.

 

##### Typography

You have the ability to have different typography settings for your website and landing pages which is what you see below. You can also control your blog posts typography seperately in the theme settings.

# Heading 1

## Heading 2

### Heading 3

#### Heading 4

##### Heading 5

###### Heading 6

Morbi ultricies, this is a text link nibh quis tincidunt scelerisque, magna purus malesuada erat, feugiat semper urna lectus at sapien. Maecenas ornare, metus ut mattis vehicula, nulla nulla efficitur lacus, vitae congue nisi nibh eget massa. Sed nec pharetra mauris, ac volutpat metus. Praesent sed enim mollis, tincidunt orci sit amet, mattis risus.

- Bullet Point
- Bullet Point
- Bullet Point

1. Bullet Point
2. Bullet Point
3. Bullet Point

> In sit amet massa sed dolor tempor mattis id et tellus.

 

##### Icons

You can set a global default color for icons and will also have control in each module to select a specifc color if needed.

 

##### CTAs & Standard Buttons

You can set up various button styles to create a visual hierarchy. Pro-top: Make the Primary button pop the most.

cta-primary

cta-secondary

cta-tertiary

cta-four

cta-five

 

##### Modal Popup

Modals pop-ups are features of various modules. You can give them global style.

[Modal Popup](https://vocanto.de/style-guide#modal_col-num-2_dnd_area-module-3_10)

### Modal Headline

Donec sed pretium mauris. Suspendisse aliquam ornare quam, eleifend sagittis mauris interdum eget. Maecenas placerat mattis velit, in egestas erat vulputate vel. Morbi at nisl justo. Praesent quis erat risus.

Praesent varius quam quis ultricies consequat. Aenean ullamcorper commodo consectetur. Vivamus ex sapien, ullamcorper id ullamcorper in, eleifend in quam. Curabitur ac metus convallis, scelerisque libero in, vulputate justo. Mauris erat ex, commodo vitae ipsum et, vestibulum porttitor odio.

 

##### Forms

Create a form that has input fields, dropdowns, checkboxes, and everything. Then style it here.

Deine Vorteile

Deine Vorteile

- [Behebe Leistungsdefizite](https://vocanto.de/leistungsdefizite-beheben-vocanto)
- [Spare Zeit & Ressourcen](https://vocanto.de/ausbildung-digitalisieren)
- [Digitalisiere nachhaltig](https://vocanto.de/ausbildung-transparent-gestalten)
- [Erstelle eigene Lerninhalte](https://vocanto.de/individuelle-lerninhalte-mit-animations-4)

Lerne uns kennen

Lerne uns kennen

- [Vision, Purpose, Values](https://vocanto.de/vision-purpuse-core-values)
- [Events & Webinare](https://vocanto.de/events)
- [Karriere](https://vocanto.de/karriere)
- [Kontakt](https://vocanto.de/kontakt-vocanto)
- [Young Talents Vertical](https://vocanto.de/young-talents-vertical)

Ressourcen

Ressourcen

- [Überblick](https://vocanto.de/ressourcen-fuer-digitale-weiterbildung-e-learning-vocanto)
- [Case Studies](https://vocanto.de/kundenstimmen-zur-ausbildung-mit-vocanto)
- [FAQ](https://vocanto.de/haeufige-fragen)

Family of Brands

Family of Brands

[![EMBRACE](https://vocanto.de/hubfs/EMBRACE_AGENCY%201.svg)](https://embrace.family/)

[![studyflix](https://vocanto.de/hubfs/studyflix.svg)](https://studyflix.de/)

[![Ausbildung.de](https://vocanto.de/hubfs/ausbildung_de.svg)](https://www.ausbildung.de/)

[![milch und zucker](https://vocanto.de/hubfs/milch%20und%20zucker.svg)](https://www.milchundzucker.de/)

Anmeldung Newsletter

Anmeldung Newsletter

[![VOCANTO](https://vocanto.de/hubfs/Logos/V_wei%C3%9F.png)](https://vocanto.de?hsLang=de)

- [Impressum](https://vocanto.com/de/impressum)
- [Datenschutz](https://vocanto.com/de/datenschutz)
- [Nutzungsbedingungen](https://vocanto.com/de/agb)

© 2026 VOCANTO GmbH

[Instagram](https://www.instagram.com/vocanto.learning/)[Linkedin](https://www.linkedin.com/company/vocanto-gmbh/)

Return to top