Zum Inhalt springen
UI Kit
Accent

Muster und Formen

Hintergrundmuster, dekorative Formen und Bildeffekte in den Farben des Themes, von Punkten und Konturen bis Duoton und Reveals.

3 Components · 17 Variants
Kategorie wechseln

Auf dieser Seite

Alle Components dieser Kategorie. Wähle eine, um zu ihren Variants zu springen.

pattern

Muster

Hintergrundmuster in den Farben des Themes. Punkte, Raster, Linien, Höhenlinien, Korn, Lichtfelder, Wellen, Raster-Punkte und Ringe, jeweils mit Ton, Ausblendung, Seed und einer sehr langsamen Drift.

Props und Details · Muster

Punkte

Ein Punktfeld, das je Schleife um eine Zelle wandert. Der Hero zeigt Ton und Ausblendung live.

Raster

Feine Linien, jede vierte kräftiger, mit einer kleinen Marke auf jeder Kreuzung.

Linien

Linien und diagonale Schraffur für redaktionelle Seiten und ruhige Bänder.

Höhenlinien

Topografische Linien aus einem Höhenfeld mit Seed, nachgezogen und geglättet. Jede vierte Linie ist eine Zähllinie, die langsam aufleuchtet.

Korn

Ein Korn aus SVG-Turbulenz, gefärbt über einen Token. Über einem Mesh wirkt es wie gedruckte Farbe.

Lichtfelder und Mesh

Weiche Lichtfelder, die auf eigenen langsamen Bahnen wandern, oder ein volles Mesh, das sich um wenige Grad dreht. Beide mischen aus dem Akzent.

Wellen

Wellenlinien, die je Schleife um genau eine Welle seitlich wandern.

Rasterpunkte

Weiche Punkte, gewichtet mit einem Lichtfeld und bei halber Stärke geschnitten, so wachsen sie zum Licht. Das Licht wandert langsam.

image-effects

Bildeffekte

Behandlungen für jedes Bild. Ein Duoton im Akzent wird beim Hover farbig, Enthüllungen zeigen es beim Scrollen, eine flüssige Welle läuft darüber, ein Farbspot wandert über die graue Fassung, und Streifen kommen nacheinander an. Bewegt werden nur Filter, Clip-Path, Maske und Transform.

Props und Details · Bildeffekte

Duoton

Porträts in zwei Tönen des Akzents, so wirken Fotos aus verschiedenen Shootings wie ein Set. Hover oder Fokus bringt die Farbe zurück.

Im Studio öffnen

Enthüllen beim Scrollen

Vier Arten, wie ein Bild sich beim Hereinscrollen zeigt, als Wischen, als Vorhang aus der Mitte, als wachsender Kreis oder als Jalousie. Gleichzeitig setzt sich das Bild aus leichtem Zoom.

Im Studio öffnen

Flüssige Welle

Eine weiche Verzerrung, die dem Zeiger folgt und sich beruhigt, wenn er geht. Auf dem Telefon setzt ein Tippen sie kurz in Bewegung.

Im Studio öffnen

Farbspot

Ein graues Bild mit einem Kreis in voller Farbe. Mit der Maus folgt er dem Zeiger, auf dem Telefon wandert er beim Scrollen über das Bild.

Im Studio öffnen

Streifen

Das Bild kommt in senkrechten Streifen von oben und unten an, danach verschieben sich die Streifen leicht mit dem Zeiger. Ein anderes Bild spielt es neu ab.

Im Studio öffnen

shapes

Formen

Abstrakte Formen zur Dekoration, gezeichnet in SVG mit den Farben des Themes. Blobs, Ringe, Bögen, Stapel, ein Umlauf, ein Wellenband, eine Blüte, eine Punktkugel, ein Schnörkel und ein Stern, mit ruhigem Schweben, Drehen und Atmen.

Props und Details · Formen

Blobs

Organische Umrisse aus einem Seed in drei Tönen. Sie schweben im eigenen Takt und ziehen beim Scrollen in verschiedener Tiefe.

Ringe und Umläufe

Ringe, ein Umlauf mit Mond, ein Stern und eine Punktkugel mit Licht von oben links. Die Bewegung gilt für alle vier.

Geometrisches Set

Bogen, Stapel, Wellenband, Blüte, Schnörkel und Stern. Der Umschalter zeigt Akzent, ruhig und Kontur.

Komposition

Formen um eine Überschrift. Jede Ebene folgt dem Zeiger in eigener Tiefe und zieht beim Scrollen in eigenem Tempo.

Ähnliche Components

Mehr aus Visuals, demselben Bereich des Kits.

Wird oft kombiniert mit

Sections, die auf einer Seite meist neben Muster und Formen stehen.

Oft gesucht

Direkt zu

In die Zwischenablage kopiert