Newleaf ist ein Medium Rare UI Kit. Entdecken Sie hier über 30 Webflow-Vorlagen.

Gestaltungsrichtlinie

Eine Übersicht über alle in Newleaf verwendeten Basiskomponenten.

Farben

Primärfarben und Grautöne werden von der Global Swatch-Funktion gesteuert.
Dark
#1C4A36
Dark - Muted
rgba(28,74,54,0.75)
Dark - Faded
rgba(28,74,54,0.15)
Primary 1
#9E6240
Primary 2
#094D92
Accent 1
#FBF1DA
Accent 2
#F0F9F5

Typografie

Überschriften, Textkörper und andere gängige Textelemente.
Display

Heading One

Heading Two

Heading Three

Heading Four

Heading Five
Heading Six
uppercase text
Large Text    Large Link
Body Text    Body Link
Small Text    Small Link
Fine Print Text    Fine Print Link
Pfeil-Link

Tasten

Komponenten-, Textstil- und Größenvariationen
Größenvariationen
Auf dunklem Hintergrund

Formulareingaben

Allgemeine Stil- und Statusvariationen für Texteingaben.
Texteingabefelder
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Beschrifteter Eingang
Dies ist ein Hinweistext für die Eingabe.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Auswählbare Formulare

Styling für Kontrollkästchen, Auswahl-Dropdowns und Optionsfelder.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Symbole - Schnittstelle

Allgemeine Symbole, die in der gesamten Newleaf-Benutzeroberfläche verwendet werden.
Dunkel
Weiß

Symbole - Sozial

Symbole für beliebte soziale Netzwerke.
Dunkel
Weiß

Icons - Decorative

Von Icons8
Dunkel
Weiß