Design anpassen

Eine der größten Stärken von gettickr.app ist die Möglichkeit, das Aussehen deines Timers vollständig anzupassen. Du kannst Farben, Schriftarten, Größen und Layouts verändern, um einen Countdown zu gestalten, der perfekt zu deiner Marke oder deinem Stil passt.

Free Feature

Die vollständige Design-Anpassung steht sowohl kostenlosen als auch Premium-Konten zur Verfügung. Erstelle professionelle Timer ohne Einschränkungen!

Design-Optionen aufrufen

Wechsle im Editor auf den Stil-Tab, um das Aussehen deines Timers zu gestalten. Die Live-Vorschau aktualisiert sich in Echtzeit, sodass du sofort siehst, wie dein Timer später aussehen wird.

Tip

Der Stil-Tab ist nach Timer-Elementen gegliedert. Jedes Element (Hintergrund, Titel, Zahlen) kann unabhängig voneinander gestaltet werden – für besonders individuelle Designs.

Die Timer-Bestandteile verstehen

Dein Timer besteht aus mehreren Elementen, die du individuell anpassen kannst:

Element	Zweck	Anpassbare Eigenschaften
Hintergrund	Gesamterscheinung, Farbe	Nur Farbe
Titel	Text oberhalb des Countdowns	Schriftgröße, Farbe, Schriftart, Gewicht, Stil
Timer-Zahlen	Die eigentliche Anzeige	Schriftgröße, Farbe, Schriftart, Gewicht, Stil

Farbgestaltung

Hintergrundfarben:

Dunkle Hintergründe eignen sich gut für Stream-Overlays.
Helle Hintergründe passen zu Website-Bannern.
Schwarze Hintergründe erscheinen in OBS & Co. transparent.

Zahlenfarben:

Hoher Kontrast sorgt für gute Lesbarkeit (hell auf dunkel, dunkel auf hell).
Nutze deine Markenfarben für ein einheitliches Erscheinungsbild.
Denke an Farbpsychologie (Rot = Dringlichkeit, Blau = Ruhe, Grün = positiv).

Titel- und Label-Farben:

Schaffe Hierarchien durch unterschiedliche Farben.
Nutze Primärfarben deiner Marke für Titel.
Ergänze die Countdown-Zahlen mit passenden Akzentfarben.

Tip

Achte immer auf ausreichend Kontrast zwischen Text und Hintergrund für optimale Lesbarkeit – teste auch auf Mobilgeräten!

Schriftarten

Wähle Schriften, die zu deiner Marke passen:

Schriftstile:

Sans-Serif (modern, klar): Ideal für professionelle Countdowns.
Display-Schriften (dekorativ): Perfekt für kreative oder Promo-Timer.
Monospace (technisch): Für Gaming- oder Tech-Designs.

Schriftgrößen:

Große, fette Zahlen für maximale Sichtbarkeit.
Titel proportional zur Gesamtkomposition.
Denke an den Betrachtungsabstand (Overlay vs. Website-Banner).

Warning

Eigene Webfonts können auf langsamen Verbindungen etwas länger laden. Systemschriften laden sofort, bieten aber weniger Designfreiheit.

Layout

Element-Anordnung:

Du kannst die Reihenfolge von Titel und Countdown-Elementen ändern (z.B. Titel oben oder Countdown oben).

Größe und Dimensionen

Empfohlene Timer-Größen:

Anwendungsfall	Empfohlene Größe	Hinweise
OBS Vollbild	1920x1080 px	Entspricht Stream-Auflösung
OBS Overlay-Ecke	300–500 px breit	Kompakt, unauffällig
Website Hero-Banner	Volle Breite	Responsives Design
Website Sidebar	250–350 px breit	Passt in Standard-Sidebars

Tip

Für responsive Websites nutze Prozentwerte bei der Breite. Feste Pixelgrößen eignen sich am besten für Overlays in OBS.

Design-Best-Practices

Lesbarkeit zuerst:

Hoher Kontrast zwischen Text und Hintergrund
Ausreichend große Schriftgrößen
Klare, aufgeräumte Layouts

Markenkonsistenz:

Nutze deine Markenfarben
Verwende Schriften aus deinem Corporate Design
Halte den Stil über alle Timer hinweg einheitlich

Zielgerichtetes Design:

Dringender Countdown (z.B. Flash Sale): Rot, fett, groß
Ruhiger Countdown (z.B. Eventstart): Blau, elegant, moderat
Verspielter Countdown (z.B. Stream-Pause): Bunte Farben, kreative Schriften

Tip

Erstelle verschiedene Timer-Designs für unterschiedliche Zwecke (Pausen, Events, Aktionen). Premium-Konten können beliebig viele Designs speichern!

Nächste Schritte

Vorschau vs. Renderer – Unterschiedliche Ansichten verstehen
Timer speichern & verwalten – Dein Design für später sichern
OBS-Integration – Timer im Stream nutzen