01 / STILPROFIL
Editorial
Persönlich. Typografisch. Klar.
JONASTUDIO / 01
01 / KONZEPTRaum für Ideen.
STYLE / FORM / BEWEGUNG
Was macht
einen Stil?
Erst ansehen. Dann auseinandernehmen.
Drei Stile, dieselben Bausteine. Finde heraus, welche Schrift, welche Form und welche Bewegung zu dir passen.
Zum vollständigen StilvergleichStilprofile zum Ausprobieren und echte Aufnahmen der fünf Website-Varianten.
01 / STILPROFILE
Gleicher Inhalt. Eigener Charakter.
Live gestaltete Muster. Jeder Stil lässt sich als vollständige Seite öffnen.
02 / STILPROFIL
Räumlich
Tiefe. Richtung. Perspektive.
JONASTUDIO / 01
01 / KONZEPTRaum für Ideen.
03 / STILPROFIL
Werkbank
Kompakt. Geordnet. Direkt.
JONASTUDIO / 01
01 / KONZEPTRaum für Ideen.
02 / WEBSITE-VARIANTEN
So wirkt das Ganze.
Echte Vorschauaufnahmen der bestehenden Websites. Öffnen zeigt die jeweilige Seite mit allen Bewegungen.
WEBSITE ÖFFNEN 01
Graphit & Gold
Dunkle Flächen, goldene Akzente.
WEBSITE ÖFFNEN 02
Wochenplaner-Look
Geordnete Flächen und kompakte Module.
WEBSITE ÖFFNEN 03
Ideen in Bewegung
Große Schrift und expressives Grün.
WEBSITE ÖFFNEN 04
Neue Perspektiven
Ruhige Oberfläche und räumliche Motive.
WEBSITE ÖFFNEN 05
Raum in Bewegung
Tiefe, starke Typografie und Scroll-Inszenierung.
Jedes Muster bleibt seinem Stil zugeordnet. Bewerte einzelne Bausteine mit Sternen und halte unter „Notiz“ fest, was dir daran gefällt.
01 / BAUSTEINE
Typografie
Schrift, Hierarchie und Kontur. Dieselben Worte in drei Gestaltungsweisen.
Editorial
Ganzer StilGLEICHE WORTE / ANDERE WIRKUNGNeue
Neue
Perspektiven.
Eine Idee wird sichtbar. Klar im Ausdruck, mit Raum für das Wesentliche.
H1Ein Gedanke.TEXTDie Details machen den Unterschied.
Räumlich
Ganzer StilGLEICHE WORTE / ANDERE WIRKUNGNeue
Neue
Perspektiven.
Eine Idee wird sichtbar. Klar im Ausdruck, mit Raum für das Wesentliche.
H1Ein Gedanke.TEXTDie Details machen den Unterschied.
Werkbank
Ganzer StilGLEICHE WORTE / ANDERE WIRKUNGNeue
Neue
Perspektiven.
Eine Idee wird sichtbar. Klar im Ausdruck, mit Raum für das Wesentliche.
H1Ein Gedanke.TEXTDie Details machen den Unterschied.
02 / BAUSTEINE
Buttons & Icons
Gleiche Aktionen, unterschiedliche Formen. Maus, Touch und Tastatur ausprobieren.
Editorial
Ganzer StilANNÄHERN / FOKUSSIEREN / KLICKENNoch nicht markiert.
Das Icon füllt sich bei Mausnähe.
Auf Touch: antippen.
Räumlich
Ganzer StilANNÄHERN / FOKUSSIEREN / KLICKENNoch nicht markiert.
Das Icon füllt sich bei Mausnähe.
Auf Touch: antippen.
Werkbank
Ganzer StilANNÄHERN / FOKUSSIEREN / KLICKENNoch nicht markiert.
Das Icon füllt sich bei Mausnähe.
Auf Touch: antippen.
03 / BAUSTEINE
Karten & Flächen
Dasselbe Projektbild. Unterschiedliche Kanten, Anordnungen und Tiefen.
Editorial
Ganzer StilFLÄCHE / KANTE / TIEFE
Räumlich
Ganzer StilFLÄCHE / KANTE / TIEFE
Werkbank
Ganzer StilFLÄCHE / KANTE / TIEFE
04 / BAUSTEINE
Bewegung
Lauftext, räumliche Ebenen und direkte Rückmeldung. Scrollen bleibt frei.
13 · Achsenkreuz
Einzeln öffnenGeometrische Interpretation deiner Bildvorlage · mit Codex konstruiert. Kreis, Farbachsen und Dreiecke bleiben als Motive erhalten.
Interaktiven Web-Baustein herunterladenEditorial
Ganzer StilGEGENLÄUFIG / GEFÜLLT + OUTLINE
Zwei Zeilen. Zwei Richtungen.
Bei Mausnähe oder Fokus halten sie an.
Räumlich
Ganzer StilEBENEN / PERSPEKTIVE / PARALLAX
RAUM
Werkbank
Ganzer StilSCHNELLES / GEZIELTES FEEDBACK
Alles an seinem Platz.
Eine kurze Bewegung bestätigt die Aktion.
Bereit für deinen Klick.Noch keine passenden Favoriten. Vergib vier oder fünf Sterne oder schalte den Favoritenfilter aus.
SAMMLUNGEN / ZUM VERTIEFEN