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 / #000Sekundär
Blau / #0e2240Grün
Grün / #066Orange
Orange / #e26703Haut
#f7f1eaGrau 100 / Hell
#f8f9faGrau 200
#ebebebGrau 300
#e1e1e1Grau 400
#d5d5d5Grau 500
#b9b9b9Grau 600
#818181Grau 700
#666666Grau 800 / Dunkel
#2e2f3bGrau 900
#292a36Achtung
#dc3545Erfolg
#066Alle 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
Grundlegende Schaltflächenstile
Knopfgrößen
Schaltflächenzustände
Aktiver ZustandRandradiusvarianten für Schaltflächen
Schaltflächengruppe
Textfeld
Textfeld + Symbol
Textbereich
Zustände
Kontrollkästchen
Schalter
Radios
Abzeichen
AM BELIEBTESTENNeu 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)
