Albert Marke
Dieses Designsystem definiert Farbe, Typografie, Buttons, Icons und Layoutregeln für die Website von Albert Programmierung. Ziel ist ein klar wiedererkennbares Tech-Erscheinungsbild mit persönlicher Note.
Albert Programmierung soll modern, verständlich und technisch kompetent wirken. Das System verbindet ein warmes Albert-Orange mit einer ruhigen Sekundärfarbe aus dem Infrastruktur- und Collaboration-Umfeld.
Leitidee: persönliche Betreuung statt austauschbarer Standard-IT.
Primäraktionen, Hero-Akzente und aktive Navigation laufen über das Albert-Orange. Informationsflächen, Messenger- und Collaboration-Elemente greifen die Sekundärfarbe auf. Karten bleiben hell, offen und gut scanbar.
Die Palette trennt klare Markenführung von funktionalen Akzenten und sorgt für einen konsistenten Auftritt über alle Seiten hinweg.
#C76533 als Hauptfarbe für Buttons, aktive Navigation, CTAs und markante Highlights.
#1F6B7A für Collaboration, Infrastruktur, ruhige Flächen und kontrastierende Infoblöcke.
#F7F4EF und helle Abstufungen für Karten, Luftigkeit, Lesbarkeit und moderne Whitespace-Führung.
Buttons, Icons und Karten folgen einem gemeinsamen System statt einzelner Stilentscheidungen pro Seite.
Raleway für Headlines
Die Marke nutzt Raleway als primäre Schrift für eine klare, moderne und technische Anmutung. Fliesstext bleibt luftig mit ruhigem Zeilenabstand.
Rundungen, klare Schatten und ein konsistenter Hover machen Aktionen sofort erkennbar.
Icons bleiben kompakt, farbcodiert und textnah statt illustrativ verspielt.
Die Seiten sollen schnell erfassbar sein und gleichzeitig hochwertig wirken. Daraus folgen feste Regeln für Aufbau und Rhythmus.
Das Designsystem ist die Grundlage für alle weiteren Angebots-, Produkt- und Referenzseiten. Neue Inhalte sollen dieselben Farben, Komponenten und Layoutregeln wiederverwenden.