https://wiki.openkonsequenz.de/index.php?action=history&feed=atom&title=Styleguide_Design
Styleguide Design - Versionsgeschichte
2026-04-05T13:34:52Z
Versionsgeschichte dieser Seite in Wiki openKONSEQUENZ
MediaWiki 1.27.1
https://wiki.openkonsequenz.de/index.php?title=Styleguide_Design&diff=13&oldid=prev
Admin: 1 Version importiert
2017-02-01T13:01:35Z
<p>1 Version importiert</p>
<table class="diff diff-contentalign-left" data-mw="interface">
<tr style='vertical-align: top;' lang='de'>
<td colspan='1' style="background-color: white; color:black; text-align: center;">← Nächstältere Version</td>
<td colspan='1' style="background-color: white; color:black; text-align: center;">Version vom 1. Februar 2017, 13:01 Uhr</td>
</tr><tr><td colspan='2' style='text-align: center;' lang='de'><div class="mw-diff-empty">(kein Unterschied)</div>
</td></tr></table>
Admin
https://wiki.openkonsequenz.de/index.php?title=Styleguide_Design&diff=12&oldid=prev
Felix: /* Symbole */
2016-06-29T22:00:29Z
<p><span dir="auto"><span class="autocomment">Symbole</span></span></p>
<p><b>Neue Seite</b></p><div>{{StyleguideDisclaimer}}<br />
==Farben==<br />
<br />
===Hauptfarben===<br />
{| class="wikitable"<br />
|- <br />
! Bezeichnung<br />
! Farbe<br />
|-<br />
| Primary<br />
| <div style="color:#ffffff; background:#003a5f; padding: 1px 10px">#003a5f</div><br />
|-<br />
| Success<br />
| <div style="color:#ffffff; background:#80b300; padding: 1px 10px">#80b300</div><br />
|-<br />
| Info<br />
| <div style="color:#ffffff; background:#0080c0; padding: 1px 10px">#0080c0</div><br />
|-<br />
| Default<br />
| <div style="color:#000000; background:#ffffff; padding: 1px 10px">#ffffff</div><br />
|-<br />
| Text<br />
| <div style="color:#ffffff; background:#333333; padding: 1px 10px">#333333</div><br />
|}<br />
<br />
===Farbverläufe===<br />
{| class="wikitable"<br />
|- <br />
! Bezeichnung<br />
! Farbe<br />
! CSS<br />
|-<br />
| Streifen Header<br />
| <div style="color:#ffffff; background: linear-gradient(to right, rgba(121, 182, 28, 1) 0%, rgba(2, 129, 196, 1) 75%) repeat scroll 0 0 rgba(0, 0, 0, 0); padding: 1px 10px">#79b61c - #0281c4</div><br />
| <code>background: linear-gradient(to right, rgba(121, 182, 28, 1) 0%, rgba(2, 129, 196, 1) 75%) repeat scroll 0 0 rgba(0, 0, 0, 0);</code><br />
|-<br />
| Balken Header<br />
| <div style="color:#000000; background: linear-gradient(to right, rgba(232, 238, 231, 1) 0%, rgba(229, 237, 242, 1) 75%) repeat scroll 0 0 rgba(0, 0, 0, 0); padding: 1px 10px">#e8eee7- #e5edf2</div><br />
| <code>background: linear-gradient(to right, rgba(232, 238, 231, 1) 0%, rgba(229, 237, 242, 1) 75%) repeat scroll 0 0 rgba(0, 0, 0, 0);</code><br />
|}<br />
<br />
===Flächen und Linien===<br />
{| class="wikitable"<br />
|- <br />
! Bezeichnung<br />
! Farbe<br />
|-<br />
| Hintergrund<br />
| <div style="color:#000000; background:#f8fafd; padding: 1px 10px">#f8fafd</div><br />
|-<br />
| Flächen/Tabellen<br />
| <div style="color:#000000; background:#f5f8fc; padding: 1px 10px">#f5f8fc</div><br />
|-<br />
| Hervorhebung/Eingabefelder/Tabellenzeilen<br />
| <div style="color:#000000; background:#e9f0f9; padding: 1px 10px">#e9f0f9</div><br />
|-<br />
| Linien<br />
| <div style="color:#000000; background:#ccdbe6; padding: 1px 10px">#ccdbe6</div><br />
|-<br />
| Umrandung Formularfelder<br />
| <div style="color:#000000; background:#b7cbda; padding: 1px 10px">#b7cbda</div><br />
|}<br />
<br />
===Sekundärfarben===<br />
{| class="wikitable"<br />
|- <br />
! Bezeichnung<br />
! Farbe<br />
|-<br />
| Warning<br />
| <div style="color:#000000; background:#ffb200; padding: 1px 10px">#ffb200</div><br />
|-<br />
| Danger<br />
| <div style="color:#ffffff; background:#990000; padding: 1px 10px">#990000</div><br />
|-<br />
| Disabled<br />
| <div style="color:#ffffff; background:#567d96; padding: 1px 10px">#567d96</div><br />
|}<br />
<br />
==Schriftarten==<br />
===Schriftfamilie===<br />
Source Sans Pro<br />
<br />
[https://github.com/adobe-fonts/source-sans-pro Download-Link]<br />
<br />
[https://www.google.com/fonts/specimen/Source+Sans+Pro WebFont-Link]<br />
<br />
==Rahmenabstände==<br />
==Symbole==<br />
In diesem Abschnitt werden allgemeine Bedien- und Status-Symbole beschrieben. Um ein einheitliches Aussehen der oK-Module sicherzustellen, sollen diese anwendungsübergreifend verwendet werden.<br />
{| class="wikitable sortable"<br />
|-class="hintergrundfarbe6"<br />
!Symbol<br />
!Bezeichnung<br />
|-<br />
|[[Datei:Filter.icon.svg|center|24px]]<br />
|Filter<br />
|-<br />
|[[Datei:Menu.icon.svg|center|24px]]<br />
|Menü<br />
|-<br />
|[[Datei:Search.icon.svg|center|24px]]<br />
|Suche<br />
|-<br />
|[[Datei:Warning.icon.svg|center|24px]]<br />
|Warnung<br />
|}<br />
<br />
==technische Vorschläge (Frameworks)==</div>
Felix