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

Tasten

Komponenten-, Textstil- und Größenvariationen

Größenvariationen

Stilvarianten

Symbolschaltfläche

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

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ß