Gestaltungsrichtlinie

Alle Farben sind über Bootstrap-Klassen verfügbar. Sie funktionieren sowohl für Hintergrund als auch für Text.

Textbeispiel: .text-[Farbe]

Hintergrund Beispiel: .bg-[Farbe]

Lesen Sie hier mehr: Bootstrap-Farben

Wenn in Zukunft eine neue Farbe eingeführt wird, muss sie NUR durch eine SASS-Variable in das Projekt eingebracht werden, damit sie standortübergreifend verfügbar ist.

Primär + Link
Schwarz / #000
Sekundär
Blau / #0e2240
Grün
Grün / #066
Orange
Orange / #e26703
Haut
#f7f1ea
Grau 100 / Hell
#f8f9fa
Grau 200
#ebebeb
Grau 300
#e1e1e1
Grau 400
#d5d5d5
Grau 500
#b9b9b9
Grau 600
#818181
Grau 700
#666666
Grau 800 / Dunkel
#2e2f3b
Grau 900
#292a36
Achtung
#dc3545
Erfolg
#066

Alle Schriftarten sind reaktionsschnell, indem sie das integrierte Bootstrap verwenden Funktionen für responsive Schriftgrößen.

Erstellen Sie keine benutzerdefinierten Medienabfragen für Schriftgrößen ohne Notwendigkeit.

Hauptschriftfamilie ist die 'Montserrat' Schriftart. Es ist bereits eingerichtet und in folgenden Varianten erhältlich:

  • Normal (Standardschrift)
  • Normal kursiv
  • Mittel (500) (Klasse „.font-weight-medium“ verwenden)
  • Mittel kursiv
  • Halbfett (600) (Klasse „.font-weight-semibold“ verwenden)
  • Halbfett kursiv
  • Fett (700) (Klasse „.font-weight-bold“ verwenden)
  • Fett Kursiv (verwenden Sie die Klasse '.font-weight-bold-italic')

Grundlegende Überschriften

h1. Überschrift

h2. Überschrift

h3. Überschrift

h4. Überschrift

h5. Überschrift
h6. Überschrift

Mittlere Schriftgröße

Kleine Schriftgröße

Überschriften anzeigen

Herkömmliche Überschriftenelemente sind so konzipiert, dass sie am besten im Kern Ihres Seiteninhalts funktionieren. Wenn Sie eine Überschrift benötigen, die auffällt, ziehen Sie die Verwendung einer Anzeigeüberschrift in Betracht – ein größerer, etwas eigensinnigerer Überschriftenstil.

Anzeige 1

Anzeige 2

Anzeige 3

Anzeige 4

Sekundäre Schriftfamilie ist die 'Kormoran' Schriftart. Es ist bereits eingerichtet und in folgenden Varianten erhältlich:

  • Normal (Standardschrift)
  • Normal kursiv
  • Mittel (500) (Klasse „.font-weight-medium“ verwenden)
  • Mittel kursiv
  • Halbfett (600) (Klasse „.font-weight-semibold“ verwenden)
  • Halbfett kursiv
  • Fett (700) (Klasse „.font-weight-bold“ verwenden)
  • Fett Kursiv (verwenden Sie die Klasse '.font-weight-bold-italic')

Grundlegende Überschriften

h1. Überschrift

h2. Überschrift

h3. Überschrift

h4. Überschrift

h5. Überschrift
h6. Überschrift

Mittlere Schriftgröße

Kleine Schriftgröße

Überschriften anzeigen

Herkömmliche Überschriftenelemente sind so konzipiert, dass sie am besten im Kern Ihres Seiteninhalts funktionieren. Wenn Sie eine Überschrift benötigen, die auffällt, ziehen Sie die Verwendung einer Anzeigeüberschrift in Betracht – ein größerer, etwas eigensinnigerer Überschriftenstil.

Anzeige 1

Anzeige 2

Anzeige 3

Anzeige 4

Standard-Button-Schriftart ist "Montserrat", serifenlos".
Text ist Großbuchstaben und Buchstabenabstand ist 1,5px .

Alle Button-Klassen (Größe, Farbe, Variante, Umrandungsradius) können gemischt und aufeinander abgestimmt werden.

Einfacher Button-Link

Jetzt einkaufen

Jetzt einkaufen

Absatztext-Link

Primärer Link

Grundlegende Schaltflächenstile

Knopfgrößen

Schaltflächenzustände

Aktiver Zustand

Randradiusvarianten für Schaltflächen

Schaltflächengruppe

Textfeld
Textfeld + Symbol
Textbereich
Zustände
Kontrollkästchen
Schalter
Radios
Abzeichen
AM BELIEBTESTEN
Neu in diesem Monat
Nur für Mitglieder
Geringer Bestand
Exklusive VMP-Pressung
Basisauswahl

Alle Auswahlen und Dropdowns können mit Bootstrap-Farb- und Größenklassen geändert werden.

Grundlegendes Dropdown
Farben

Alle Themenfarben sind verfügbar.

Schwebendes Dropdown
Verbesserte Auswahl

Project hat spezifische Anforderungen an erweiterte Auswahlen, die von Bootstrap nicht standardmäßig abgedeckt werden können. Wir verwenden eine bestimmte Plugin namens 'Bootstrap Select', um erweiterte Dropdowns in das Projekt zu bringen. Dropdowns mit Unterstützung von Symbolen, Mehrfachauswahl und Suchfunktionen.

Diese Auswahlen akzeptieren alle Größen- und Farbklassen von Bootstrap-Schaltflächen über die Datenstil Attribut.

Vollständige Liste anderer Optionen.

Mit Optionsgruppen
Mit Suche
Mit Ikonen

Sie können Symbole über die in die Auswahloptionen bringen Daten-Icon Attribut.

Dies ist der Inhaltsstil für den gesamten Absatztext, den Rand zwischen zwei Absätzen. Dies gilt für die gesamte Website aus Gründen der Konsistenz und für das gesamte Design / Aussehen der Website.

Die Standardschriftgröße beträgt 14 Pixel (1 Rem) auf der gesamten Website.

Lorem Ipsum ist einfach Blindtext der Druck- und Satzindustrie. Lorem Ipsum ist seit den 1500er Jahren der Standard-Dummy-Text der Branche, als ein unbekannter Drucker eine Reihe von Typen nahm und daraus ein Musterbuch für Typen erstellte. Sie hat nicht nur fünf Jahrhunderte, sondern auch den Sprung in den elektronischen Satz überstanden und ist im Wesentlichen unverändert geblieben. Es wurde in den 1960er Jahren mit der Veröffentlichung von Letraset-Blättern mit Passagen von Lorem Ipsum und in jüngerer Zeit mit Desktop-Publishing-Software wie Aldus PageMaker, einschließlich Versionen von Lorem Ipsum, populär.

Entgegen der landläufigen Meinung ist Lorem Ipsum nicht einfach zufälliger Text. Es hat seine Wurzeln in einem Stück klassischer lateinischer Literatur aus dem Jahr 45 v. Chr. und ist damit über 2000 Jahre alt. Richard McClintock, Lateinprofessor am Hampden-Sydney College in Virginia, schlug eines der obskureren lateinischen Wörter, consectetur, in einer Lorem-Ipsum-Passage nach, und als er die Zitate des Wortes in der klassischen Literatur durchging, entdeckte er die unbestreitbare Quelle. Lorem Ipsum stammt aus den Abschnitten 1.10.32 und 1.10.33 von „de Finibus Bonorum et Malorum“ (Die Extreme von Gut und Böse) von Cicero, geschrieben 45 v. Dieses Buch ist eine Abhandlung über die Theorie der Ethik, die während der Renaissance sehr beliebt war. Die erste Zeile von Lorem Ipsum, „Lorem ipsum dolor sit amet..“ stammt aus einer Zeile in Abschnitt 1.10.32.

Entgegen der landläufigen Meinung ist Lorem Ipsum nicht einfach zufälliger Text. Es hat seine Wurzeln in einem Stück klassischer lateinischer Literatur aus dem Jahr 45 v. Chr. und ist damit über 2000 Jahre alt. Richard McClintock, Lateinprofessor am Hampden-Sydney College in Virginia, schlug eines der obskureren lateinischen Wörter, consectetur, in einer Lorem-Ipsum-Passage nach, und als er die Zitate des Wortes in der klassischen Literatur durchging, entdeckte er die unbestreitbare Quelle. Lorem Ipsum stammt aus den Abschnitten 1.10.32 und 1.10.33 von „de Finibus Bonorum et Malorum“ (Die Extreme von Gut und Böse) von Cicero, geschrieben 45 v. Dieses Buch ist eine Abhandlung über die Theorie der Ethik, die während der Renaissance sehr beliebt war. Die erste Zeile von Lorem Ipsum, „Lorem ipsum dolor sit amet..“ stammt aus einer Zeile in Abschnitt 1.10.32.

Schatten 1 (.shadow-1)
Schatten 2 (.shadow-2)
Schatten 3 (.shadow-3)
Schatten 4 (.shadow-4)
Schatten 5 (.shadow-5)
Suchartikel

Wonach suchst Sie?

Warenkorb

Ihr Warenkorb ist derzeit leer.