Ein Baukasten, kein fertiges Design.
DIGISTARTER gibt dir die Grundlage für deine Website. Farben, Schriftgrößen, Abstände und mehr als 40 fertige Abschnitte sind bereits vorbereitet. Du entscheidest, wie deine Website am Ende aussieht.
Sechs Farben.
Ein System.
Sechs Farben, jede mit einer eigenen Aufgabe. Alle zentral anpassbar, damit deine Website mit wenigen Einstellungen einen eigenen Charakter bekommt.
Base
Contrast
Primary
Secondary
Accent
Neutral
Eine Farbe die richtig auffällt.
Deine Akzentfarbe wird nicht nur einmal verwendet. Sie zieht sich als wiederkehrendes Gestaltungselement durch deine gesamte Website.
Eine Farbe macht noch kein Design.
Farben, Typografie, Abstände und Komponenten greifen vollständig ineinander und ergeben ein einheitliches System.
Mehr als nur eine Farbpalette.
Änderst du eine zentrale Farbe, wird sie an allen vorgesehenen Stellen übernommen. So bleibt dein Design konsistent.
TYPOGRAFIE
Eine Schrift mit abgestimmten Größen.
Überschrift H1
Überschrift H2
Überschrift H3
Überschrift H4
Headline H5
Saira, variabel. Fließtext in 20 Pixeln, Gewicht 300, Zeilenhöhe 1,75. Luftig genug, dass längere Absätze ohne Anstrengung lesbar bleiben.
Bildunterschriften, Metadaten und Hinweise unter Formularen laufen in 14 Pixeln. Klein genug, um zurückzutreten. Groß genug, um lesbar zu bleiben.
Ein einfacher Klick verändert den Look.
Du möchtest deine Website heller, dunkler oder etwas weicher gestalten? Mit den integrierten Style Variations kannst du das Erscheinungsbild deiner gesamten Website mit wenigen Klicks verändern.
Light
Hell und klar
Dark
Dunkel und kontrastreich
Round
Weich und modern
Extra round
Noch etwas weicher
40+ Patterns. Unendlich viele Möglichkeiten.
Theme installieren, Style wählen, Farben anpassen, Abschnitte einsetzen, veröffentlichen.
2x
Dynamische Inhalte
Abschnitte für Inhalte, die sich flexibel an deine Website anpassen.
7x
Medien & Bilder
Abschnitte für Bildergalerien, Slider und visuelle Inhalte, die deine Website auflockern.
5x
Opener
Einstiegsabschnitte für den Seitenanfang, die deine Botschaft sofort auf den Punkt bringen.
25x
Texte & Inhalte
Abschnitte für Fließtext, Listen und strukturierte Inhalte, mit denen du deine Themen ausführlich darstellst.
10x
Text & Medien
Abschnitte, die Text und Bild kombinieren – ideal, um Inhalte anschaulich zu erklären.
Warum alles zusammenpasst.
Du musst nie überlegen, wie viel Platz zwischen zwei Elementen gehört. Jeder Abschnitt bringt seinen Abstand selbst mit. Innerhalb eines Bauteils sind die Werte fest (10 und 20 Pixel), zwischen Abschnitten wachsen sie mit dem Fenster (50 bis 80 Pixel). Zwischen zwei Bändern entsteht deshalb nie ein doppelter Rand.
Deine Inhalte landen immer in einer von drei Spuren. Fließtext läuft in 640 Pixeln, breite Blöcke in 1200, zentrierte Einleitungen in 760. Alles andere geht über die volle Fensterbreite.
Du entscheidest einmal, wie deine Ecken aussehen sollen, und die ganze Website zieht mit. Zur Wahl stehen eckig, 10 oder 20 Pixel. Volle Bänder bleiben immer eckig, weil eine runde Ecke am Fensterrand ins Leere liefe.
Deine Inhalte trennen sich allein durch ihre Fläche voneinander. Das hält die Seite ruhig, auch wenn viel darauf passiert. Im ganzen Theme wird genau ein Schattenwert verwendet, und zwar für das Dropdown der Navigation.
Haken, Pfeile und Anführungszeichen sind aus Rahmen und Zeichen gebaut. Wer Icons möchte, bindet sie bewusst selbst ein. Im Hintergrund wird keine Bibliothek nachgeladen, die deine Website unnötig langsam macht.
Links, Buttons und Formularfelder wechseln ihre Farbe in 0,2 Sekunden. Sonst passiert nichts. Keine Effekte beim Scrollen, keine Verschiebungen. Wer in seinem System reduzierte Bewegung eingestellt hat, bekommt gar keine.