Styleguide Bundesamt für Sicherheit im Gesundheitswesen


Deutsch


Englisch


Farben

Blaugrau

HEX
#507c8b
RGB
80, 124, 139

Gelb

HEX
#fbd34d
RGB
251, 211, 77

Schrift Farbe

HEX
#333333
RGB
51, 51, 51

Hintergrund Farbe

HEX
#e9ecef
RGB
233, 236, 239

Typographie

Roboto wird als Basis verwendet.

Roboto


Aa

Zeichen


A
B
C
Č
Ć
D
Đ
E
F
G
H
I
J
K
L
M
N
O
P
Q
R
S
Š
T
U
V
W
X
Y
Z
Ž
a
b
c
č
ć
d
đ
e
f
g
h
i
j
k
l
m
n
o
p
q
r
s
š
t
u
v
w
x
y
z
ž
А
Б
В
Г
Ґ
Д
Ђ
Е
Ё
Є
Ж
З
Ѕ
И
І
Ї
Й
Ј
К
Л
Љ
М
Н
Њ
О
П
Р
С
Т
Ћ
У
Ў
Ф
Х
Ц
Ч
Џ
Ш
Щ
Ъ
Ы
Ь
Э
Ю
Я
а
б
в
г
ґ
д
ђ
е
ё
є
ж
з
ѕ
и
і
ї
й
ј
к
л
љ
м
н
њ
о
п
р
с
т
ћ
у
ў
ф
х
ц
ч
џ
ш
щ
ъ
ы
ь
э
ю
я
Α
Β
Γ
Δ
Ε
Ζ
Η
Θ
Ι
Κ
Λ
Μ
Ν
Ξ
Ο
Π
Ρ
Σ
Τ
Υ
Φ
Χ
Ψ
Ω
α
β
γ
δ
ε
ζ
η
θ
ι
κ
λ
μ
ν
ξ
ο
π
ρ
σ
τ
υ
φ
χ
ψ
ω
ά
Ά
έ
Έ
έ
Ή
ί
ϊ
ΐ
Ί
ό
Ό
ύ
ΰ
ϋ
Ύ
Ϋ
Ώ
Ă
Â
Ê
Ô
Ơ
Ư
ă
â
ê
ô
ơ
ư
1
2
3
4
5
6
7
8
9
0
?
!
(
%
)
[
#
]
{
@
}
/
&
\
<
-
+
÷
×
=
>
®
©
$
£
¥
¢
:
;
,
.
*

Stile


  • Regular
  • Regular Italic
  • Bold
  • Bold Italic
Überschriften Definition

Überschrift 1

Schriftgröße: 40px

Überschrift 2

Schriftgröße: 24px

Überschrift 3

Schriftgröße: 20px

Überschrift 4

Schriftgröße: 16px

Tabellen

Tabelle Normal

# First Last Handle
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter

Tabelle mit Rand

# First Last Handle
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter

Tabelle XS

# First Last Handle
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter

Listen

Unsortierte Liste


  • Erster Eintrag
  • Zweiter Eintrag mit Umbruch
    Zweiter Eintrag mit Umbruch
  • Dritter Eintrag längerer Text mit Umbruch Dritter Eintrag längerer Text mit Umbruch Dritter Eintrag längerer Text mit Umbruch Dritter Eintrag längerer Text mit Umbruch Dritter Eintrag längerer Text mit Umbruch Dritter Eintrag längerer Text mit Umbruch Dritter Eintrag längerer Text mit Umbruch Dritter Eintrag längerer Text mit Umbruch Dritter Eintrag längerer Text mit Umbruch
  • Vierter kurz

Unsortierte Liste OHNE Aufzählungspunkte


  • Erster Eintrag
  • Zweiter Eintrag mit Umbruch
    Zweiter Eintrag mit Umbruch
  • Dritter Eintrag längerer Text mit Umbruch Dritter Eintrag längerer Text mit Umbruch Dritter Eintrag längerer Text mit Umbruch Dritter Eintrag längerer Text mit Umbruch Dritter Eintrag längerer Text mit Umbruch Dritter Eintrag längerer Text mit Umbruch Dritter Eintrag längerer Text mit Umbruch Dritter Eintrag längerer Text mit Umbruch Dritter Eintrag längerer Text mit Umbruch
  • Vierter kurz

Sortierte Liste


  1. Erster Eintrag
  2. Zweiter Eintrag mit Umbruch
    Zweiter Eintrag mit Umbruch
  3. Dritter Eintrag längerer Text mit Umbruch Dritter Eintrag längerer Text mit Umbruch Dritter Eintrag längerer Text mit Umbruch Dritter Eintrag längerer Text mit Umbruch Dritter Eintrag längerer Text mit Umbruch Dritter Eintrag längerer Text mit Umbruch Dritter Eintrag längerer Text mit Umbruch Dritter Eintrag längerer Text mit Umbruch Dritter Eintrag längerer Text mit Umbruch
  4. Vierter kurz

Buttons

Formulare

Layouts

default

Default

...

defaultWithoutTitle

Default without Title

...

fullWidth

Full Width

...

sectionNavigation

Section Navigation

...

home

Home

...

homeSection

Home Section

...