Filter Gallery Demo
Bereit, deine Inhalte richtig zu präsentieren?
Bilder sagen mehr als tausend Worte – doch mit der richtigen Präsentation erzählen sie Geschichten, wecken Emotionen und bleiben im Kopf. Unsere Filter Gallery bringt genau das auf den Punkt: ein Zusammenspiel aus Design, Struktur und Wirkung.
Erlebe, wie aus Bildern ein visuelles Erlebnis wird.
Dezent oder ausdrucksstark – sie setzt gezielt Akzente und lässt Raum für das Wesentliche: Deine Inhalte.
Masonry Gallery mit Filter und Einleitungstext
In diesem Beispiel wurde das Layout auf „Masonry“ mit drei Spalten für die Desktop-Ansicht eingestellt. Ein allgemeiner Einführungstext führt in die Galerie ein. Jedes Bild ist mit einer passenden Beschreibung zum jeweiligen Titel versehen und enthält einen weiterführenden Link.
Die Filter wurden mit einem grünen Hintergrund gestaltet und in eckiger Form dargestellt.
Professionelle Kaffeemaschine mit stilvoller Präsentation – der perfekte Start in den Tag.
Masonry Gallery mit Overlay-Hintergrund und Hover-Effekt
In diesem Beispiel wurde das Layout auf „Masonry“ mit zwei Spalten eingestellt.
Jedes Bild verfügt über eine individuelle Bildbeschreibung mit Titel, die beim Überfahren mit der Maus (On-Hover) erscheint. Die Schrift ist dabei linksbündig ausgerichtet und liegt auf einem grünen Overlay-Hintergrund. Auf einen Bildtitel wurde bewusst verzichtet.
Die Filter erhalten beim Hovern einen grauen Hintergrund, und zwischen den einzelnen Filtern wurde mehr Abstand vorgesehen. Sowohl die Filter als auch der „Mehr anzeigen“-Button sind abgerundet und wechseln beim Hovern ebenfalls zu Grau.
Zusätzlich stehen ein „Mehr anzeigen“- und ein „Weniger anzeigen“-Button zur Verfügung, um Inhalte bei Bedarf ein- oder auszublenden.
Manche Arten sind so gut getarnt, dass sie selbst für geschulte Augen kaum sichtbar sind – vor allem in ihrem natürlichen Lebensraum.
Chamäleons ändern ihre Farbe nicht nur zur Tarnung – sie kommunizieren damit auch Emotionen wie Stress, Paarungsbereitschaft oder Revierverhalten.
Grid Gallery ohne Beschreibung
In diesem Beispiel wurde das Layout auf „Grid“ mit drei Spalten eingestellt.
Ein Einleitungstext führt in die Galerie ein, Filterelemente sind nicht vorhanden.
Die Bilder werden ohne Titel und Bildbeschreibungen dargestellt und mit großzügigem Abstand zueinander angeordnet. Es gibt keine Overlay-Farbe, und die Bilder erscheinen in eckiger Form.
In unserem Fünf-Sterne-Restaurant vereinen sich höchste Kochkunst und vollendeter Genuss – geführt von den besten Fünf-Hauben-Köchen der Stadt, die kulinarische Maßstäbe setzen.
Grid Gallery mit Musik-Icon und grüner Akzentfarbe
In diesem Beispiel wurde das Layout auf „Grid“ mit vier Spalten eingestellt.
Jedes Bild verfügt über eine Bildbeschreibung, jedoch ohne Titel im On-Hover-Effekt. Zusätzlich ist bei jedem Bild ein Musik-Icon integriert.
Die Filter besitzen einen grauen Hintergrund, der sich beim Hovern in Grün verändert. Jeder Filter ist mit einem individuellen Einleitungstext versehen. Filter und Button wurden mit einer angepassten Schriftgröße sowie einem durchgehenden grünen Rahmen gestaltet.
Der „Mehr anzeigen“-Button ist unterstrichen. Die Overlay-Farbe über den Bildern ist grün und transparent, wodurch der Inhalt dezent hervorgehoben wird.
Masonry Gallery mit gelbem Titel und Hover-Effekt
In diesem Beispiel wurde das Layout auf „Masonry“ mit vier Spalten für die Desktop-Ansicht eingestellt. Jedes Bild ist mit einem Titel versehen, der sich über die gesamte Breite des oberen Bildbereichs erstreckt. Der Titel ist gelb hinterlegt, jedoch ohne zusätzlichen Rahmen dargestellt.
Die Filterelemente besitzen im Normalzustand keinen Hintergrund, erhalten jedoch beim Hovern eine visuelle Hervorhebung. Sowohl die Filter als auch der „Mehr anzeigen“-Button sind abgerundet und einheitlich gestaltet.
Masonry Gallery mit Filter, Titel
In diesem Beispiel wurde das Layout auf „Masonry“ und 5-spaltig auf Desktop eingestellt. Einige der Bilder beinhalten mehrere Icons, einen Button, Titel und Bildbeschreibungen aber jeweils anders zusammen gesetzt. Die Filterleiste ist mit einer durchgehenden Hintergrundfarbe hinterlegt. Die Schrift wurde mit einer hellgrünen On-Hover Schriftfarbe definiert.
Schneller Transport bedeutet maximale Effizienz: Ihre Waren gelangen zügig, sicher und zuverlässig ans Ziel - genau dann, wenn sie gebraucht werden.
aronda Filter Gallery
jetzt downloaden!
Überzeugen Sie sich selbst: Unsere Filter Gallery ist schnell, schlank und passt sich Ihren individuellen Designwünschen an – ganz ohne komplizierte Einrichtung.
Jetzt Plugin sichern und Ihre Inhalte clever präsentieren!
