Webdesign
Für die Gestaltung von Webseiten steht eine Figma Library zur Verfügung. Durch die einheitliche Nutzung dieser Komponenten stellen wir sicher, dass unsere digitalen Auftritte klar als RUB erkennbar sind und Nutzende sich sofort im RUB-Kontext orientieren können.
Derzeit gibt es noch keine gemeinsame technische Basis für alle RUB-Webseiten. Die Figma Library bildet daher die gestalterische Grundlage, die unabhängig von der technischen Umsetzung eingesetzt werden kann.
Design-Komponenten
Sie enthält alle wichtigen Design-Komponenten wie Header, Navigation, Content-Module, Footer und weitere Bausteine.
Unsere Design-Komponenten bauen aufeinander auf. Kleine Elemente wie Buttons oder Icons werden zu größeren Bausteinen zusammengefügt, etwa zu einer Navigation oder einem Kartenmodul. Diese wiederum lassen sich zu kompletten Seitenbereichen kombinieren.
Dieses Prinzip nennt sich Verschachtelung: Kleinere Bausteine stecken in größeren, und alle sind miteinander verknüpft. Der Vorteil: Wenn wir ein Element an einer Stelle anpassen, aktualisiert es sich automatisch überall dort, wo es verwendet wird. So bleibt das Design konsistent und Änderungen lassen sich effizient umsetzen.
Icons für Interfaces
Für die Gestaltung von Benutzeroberflächen nutzen wir die Icon-Bibliothek Lucide (lucide.dev). Sie umfasst über 1.700 einheitlich gestaltete Icons für moderne Interfaces: von Navigation über Aktionen bis hin zu Symbolen für Inhalte und Funktionen. Die Icons sind schlank, gut lesbar und fügen sich nahtlos in digitale Anwendungen ein.
Lucide ist Open Source und steht unter der ISC-Lizenz. Das bedeutet: Die Icons sind kostenlos für kommerzielle und nicht-kommerzielle Nutzung. Bitte beachte bei Verwendung der Icons die Nennung laut Lizenzvereinbarung: https://lucide.dev/license
Wichtig: Lucide Icons dürfen aus rechtlichen Grünen ausschließlich für Benutzeroberflächen genutzt werden, nicht für Illustrationen, Infografiken oder Printmaterialien.
