Style Guide
Diese Seite bietet Hinweise und Dateien für einen einfachen und stilsicheren Gebrauch der Text+-Marke. Sie bietet Orientierung für das Erstellen von Projektmaterialien aller Art. Berücksichtigt werden die wesentlichen Gestaltungselemente des Konsortiums – Logo, Farben und Schrift.
Logo
Wir stellen anderen NFDI-Konsortien, unseren Partnern sowie Kooperationspartnern, die zum Beispiel im Rahmen von Events mit uns zusammenarbeiten, unser Logo zur Nutzung zur Verfügung. Mit dem Download einer Logodatei bestätigen Sie, es gemäß unseren Verwendungsrichtlinien (s.u.) zu nutzen.
Für verschiedenen Verwendungszwecke sind verschiedene Dateiformate sinnvoll. Die einschlägigen sind hier gelistet. Wenn Sie nicht wissen, welches Dateiformat das richtige ist, nehmen Sie das erste: PNG. Sollten Sie darüber hinaus Bedarfe haben, kontaktieren Sie uns gerne über den Helpdesk.
Favicon
Bei sehr kleiner Darstellung (<40px bzw. 9mm) kann alternativ zum Logo das Favicon genutzt werden. Ein Verwenden des Favicons für größere Darstellung ist nicht zulässig.
![Image for {{ $card.title }}](payload/Logo_vs_Favicon.png)
kleine Darstellung (<40px bzw. 9mm)
Verwendungsrichtlinien
Das Logo von Text+ besteht aus einem Icon. Es darf in keiner Weise verändert werden und ist freistehend, nicht gedreht horizontal vor einem ruhigen Hintergrund zu platzieren. Es ist ein Abstand von mind. 1/2 Logobreite zu anderen Logos einzuhalten. Bei farbigen und/oder unruhigen Hintergründen ist auf einen ausreichenden Kontrast zu achten.
![Image for {{ $card.title }}](payload/Logo_Schutzbereich.png)
Schutzbereich
![Image for {{ $card.title }}](payload/Logo_Verwendung1.png)
neutraler Hintergrund
![Image for {{ $card.title }}](payload/Logo_Verwendung2.png)
Textfarbe verändert
![Image for {{ $card.title }}](payload/Logo_Verwendung3.png)
unzulässiger Hintergrund
![Image for {{ $card.title }}](payload/Logo_Verwendung4.png)
zulässiger Hintergrund
![Image for {{ $card.title }}](payload/Logo_Verwendung5.png)
Logo gestaucht und gedreht
Typographie
Text+ verwendet die Schriftart Roboto Flex. Sie steht unter der Open Font License und kann damit weitgehend frei verwendet werden.
Als sogenannter Variable Font enthält die Roboto Flex überaus weite Möglichkeiten, Schnitt, Stärke und Laufweite zu verändern. Text+ nutzt hauptsächlich die Attribute “weight”, “size” und “line height”. Weiterhin wird bei Überschriften das Attribut “width” und “letter spacing” verändert. Hier im Detail:
Überschriften Ebene 1
font-size 2.7368rem | 32.84pt
line-height 3.575rem | 42.9pt
letter-spacing 0.005em | 0.1pt
weight 700 | bold
width 87.5
Überschriften Ebene 2
font-size 2.074rem | 24.89pt
line-height 2.69rem | 32.3pt
letter-spacing 0.005em | 0.1pt
weight 700 | bold
width 87.5
Überschriften Ebene 3
font-size 1.728rem | 20.74pt
line-height 2.25rem | 27pt
letter-spacing 0.005em | 0.1pt
weight 700 | bold
width 87.5
Lead
font-size 1.45rem | 17.4pt
line-height 2.25rem | 27pt
weight 300 | light
Lauftext
font-size 1rem | 12pt
line-height 1.75rem | 21pt
weight 404 | regular
Weitere typographische Hinweise im Mini-Styleguide.
Farben und gestalterische Elemente
Text+ verwendet verschiedene, aufeinander abgestimmte Farben zur Kennzeichnung der Arbeitsbereiche oder zur Hervorhebung von Informationen. Als primär digitale Infrastruktur sind die Farbwerte in Hex bzw. RGB definiert; CMYK ist abgeleitet. Es sollen keine anderen als die hier aufgeführten Farbwerte verwendet werden.
Hauptfarben
![Image for {{ $card.title }}](payload/color-primary.png)
Primärfarbe
#CD0022
RGB 205,0,34
c12 m100 y89 k4
![Image for {{ $card.title }}](payload/color-secondary.png)
Sekundärfarbe
#245787
RGB 36,87,135
c91 m63 y23 k8
Die rote Primärfarbe ist sparsam zu verwenden. Die blaue Sekundärfarbe ist ruhiger und kann auch für größere Flächen etc. genutzt werden.
Farben der Arbeitsbereiche
![Image for {{ $card.title }}](payload/color-collections.png)
Collections
#29A900
RGB 41,169,0
c77 m0 y100 k0
![Image for {{ $card.title }}](payload/color-lr.png)
Lexikalische Ressourcen
#E77E00
RGB 231,126,0
c5 m59 y100 k0
![Image for {{ $card.title }}](payload/color-editions.png)
Editionen
#00A8CC
RGB 0,168,204
c75 m11 y15 k0
![Image for {{ $card.title }}](payload/color-io.png)
Infrastruktur/ Betrieb
#AB86F0
RGB 171,134,240
c47 m51 y0 k0
Schriftfarbe und Alternativhintergrund
![Image for {{ $card.title }}](payload/color-dark.png)
Textfarbe
#212529
RGB 33,37,41
c0 m0 y0 k100
![Image for {{ $card.title }}](payload/color-alternate-background.png)
Alternativ
#EDEDED
RGB 237,237,237
c0 m0 y0 k7
Text ist bei Bildschirmdarstellung nicht schwarz (#ffffff), sondern ein sehr dunkles Grau mit leichtem Überschuss an Grün und Blau (#212529). Für Druckdarstellung (z.B. Office-Dokumente etc.) ist reines Schwarz und für Druckproduktion CMYK mit K=100 zu wählen. Der Alternativhintergrund hebt sonst weiße Flächen zur Kontrastierung hervor.
Styleguide zum Download (Stand 08/2023)
Einen Mini-Styleguide als PDF zum Download finden Sie hier.
Förderhinweis
Um die Projektförderung von Text+ durch die DFG kenntlich zu machen, kann der nachfolgende Vorschlag verwendet werden:
![Image for {{ $card.title }}](../../ueber-uns/style-guide/payload/textplus_logo_RGB_hucd60eccdb9e041f2c9f4dae0b509e8a1_73305_1296x0_resize_q90_catmullrom_3.png)
Text+ wird gefördert durch die Deutsche Forschungsgemeinschaft (DFG) – 460033370. Text+ ist Teil der Nationalen Forschungsdateninfrastruktur (NFDI).
Logos der DFG und der NFDI
Die Deutsche Forschungsgemeinschaft und die Nationale Forschungsdateninfrastruktur stellen auf ihren Seiten Logos und Erläuterungen zum jeweiligen Corporate Design bereit. Es gelten die jeweiligen Verwendungsrichtlinien.
Changelog
- 08/2024: “Lead” Typographie ergänzt
- 08/2024: Passus zum Förderhinweis ergänzt
- 07/2024: Erste Online-Fassung des Style Guides mit Logo, Verwendungsrichtlinien sowie Farbpalette und typographischen Hinweisen
- 08/2023: Mini-Styleguide als PDF