UI Design Elemente
Die Schriftwahl „Open Sans“ in unterschiedlichen Gewichtungen bildet das typografische Fundament der Website. Ihre feine, moderne Anmutung unterstützt den reduzierten Stil, ohne kühl zu wirken. In der Kombination aus großen, mutigen Headlines und schlanker, dezenter Fließtext-Typografie entsteht ein Wechselspiel aus Selbstbewusstsein und Zurückhaltung. Die Textstruktur ist übersichtlich gegliedert: Klare Abschnitte, prägnante Überschriften und sinnvoll platzierte CTA-Elemente sorgen für Orientierung und verleihen der Kommunikation Rhythmus. Komplexe Themen werden durch knappe, direkte Sprache greifbar gemacht.
Buttons
Die Buttons bieten eine klare visuelle Hierarchie: schlichte Standard-Buttons mit rotem oder schwarzem Hover-Effekt. Call-to-Actions, die auffallen: schlicht in Rot umrandet oder auffällig in Schwarz. Die Buttons wirken leicht, reaktionsfreudig, modern und nicht aufdringlich.
Überschrift 1
Die Überschriften sind im Schriftschnitt Open Sans Light (300) und bieten so trotz der Größe ein dezentes Erscheinungsbild.
Überschrift 2
Der Text ist klein, gut lesbar und zurückhaltend. Passend zur Industrie, sachlich und professionell. In einem dunklen, grau bietet er keine zu harten Kontraste und fügt sich gut ins Layout ein.
Überschrift 3
Links sind in schwarz und fett, leicht hervorgehoben. Durch den Hover-Effekt mit der Maus wird endgültig klar: Hier geht’s weiter.
Überschrift 4
Überschrift 5
Überschrift, 4 und fünf sind für ausführliche Seiten gut, um auch hier bei längeren Inhalten Struktur und Orientierung zu bieten.
Überschrift 6
Überschrift 6 ist mutig und fast ein bisschen zu groß. Sie kann genutzt werden, um ein Statement zu setzen. Wie auf der Qleo.Code Seite kann sie auf einem Bild oder Abschnitt Wirken und Aufmerksamkeit erregen.
Weitere UI Elemente
Für die Anordnung und Struktur der Inhalte gibt es weitere Elemente, die wir immer wieder verwenden können. Wie bei der gesamten anderen Seite auch folgen diese dem Raster 50/50, 60/40 oder 70/30.
Hier eine Content-Box, die in hellem Grau auf Weiß liegt.
Gerne auch ganz breit
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Dr. Eugen Hertel
Head of Sales
+49 (0) 2335 6308-401
e.hertel@burg.de
Nach einem breiten Abschnitt braucht es etwas Platz. Aber dann geht das gleich natürlich auch in Dunkel
Dunkel Grau
Für die Anordnung und Struktur der Inhalte gibt es weitere Elemente, die wir immer wieder verwenden können. Wie bei der gesamten anderen Seite auch folgen diese dem Raster 50/50, 60/40 oder 70/30.
Hier eine Content-Box, die in hellem Grau auf Weiß liegt.
Oder auf fast Schwarz
Für die Anordnung und Struktur der Inhalte gibt es weitere Elemente, die wir immer wieder verwenden können. Wie bei der gesamten anderen Seite auch folgen diese dem Raster 50/50, 60/40 oder 70/30.
Hier eine Content-Box, die in hellem Grau auf Weiß liegt.
