U.S. Web Design System (USWDS)
合衆国ウェブデザインシステム / 2015– / Stil / Designsysteme
Die Gestaltungssprache für die Websites der Bundesbehörden der Vereinigten Staaten, herausgegeben von der General Services Administration. Farbe, Abstände und Schriftgrade sind auf eine begrenzte Menge fester Stufen quantisiert statt auf den offenen Bereich, den CSS erlaubt, und das System liefert Public Sans mit, eine neutrale, aus der Libre Franklin entwickelte Schrift, damit die Seite jeder Behörde mit derselben Stimme spricht.
Der Fließtext läuft groß und die Zeilen brechen zwischen 45 und 90 Zeichen um / Dieselben zwei Farben kehren über alle Behörden hinweg wieder, ein tiefes Blau #005EA2 und ein Warnrot #D83933 / Abstände landen nie auf einer beliebigen Zahl, sondern nur auf den Stufen einer festen Skala / Public Sans trägt alles von den Überschriften bis zum Fließtext, weit laufend und ohne Eigenheiten
Wörterbucheintrag
- Geeignet für
- Wenn die Seiten einer öffentlichen Einrichtung entstehen und die einzelnen Abteilungen nicht in eigene Erscheinungsbilder abdriften dürfen · Wenn ein Antragsformular für Menschen lesbar bleiben muss, deren Gerät und deren Verbindung man sich nicht aussuchen kann
- Typografie
- Durchgehend Public Sans, Fließtext ab 16px, Zeilen zwischen 45 und 90 Zeichen und in langen Passagen ein Zeilenabstand von mindestens 1,5.
- Komposition
- Jeder Rand und jedes Maß wird von einer festen Skala genommen, eine einzige Spalte ist der Normalfall, und die Abstände zwischen den Elementen wiederholen dieselben Stufen.
- Material
- Das tiefe Blau #005EA2 führt und das Rot #D83933 folgt, die Grautöne kommen allein aus der festen Reihe zwischen #1B1B1B und #F0F0F0, ohne Zwischentöne.
- Zu vermeiden
- Schon ein einziger Zwischenwert, der eine Lücke der Skala füllt, hebt das System auf, weil danach jede Seite anfängt, eigene Maße zu erfinden.
- Zum Weiterlesen
- USWDSのdesign tokensのページ（段の刻み方そのものが書いてある） / Public Sansと元になったLibre Franklinを並べ、字形をどこで整理したか見る / 実際の連邦サイトを数枚開き、余白と文字寸法が本当に段の上に載っているか測る
Verwandte Einträge
Diesen Eintrag zitieren
Das Wörterbuch ist zum Verlinken gedacht. Nehmen Sie die Form, die dorthin passt, wo Sie schreiben.
- Link
- https://indexstyle.org/de/styles/uswds
- Markdown
- [U.S. Web Design System (USWDS) — IndexStyle](https://indexstyle.org/de/styles/uswds)
- HTML
- <a href="https://indexstyle.org/de/styles/uswds">U.S. Web Design System (USWDS) — IndexStyle</a>