Visualbook
Visualbook
We use main typeface especially on the web and marketing communication (print, digital presentations).
Hlavní písmo používáme zejména na webu a marketingové komunikaci (tiskoviny, digitální prezentace).
Regular (400)
Regular Italic (400)
Medium (500)
Medium Italic (500)
SemiBold (600)
SemiBold Italic (600)
Regular (400)
Regular Italic (400)
Medium (500)
Medium Italic (500)
SemiBold (600)
SemiBold Italic (600)
Latin Extended-A
!
"
#
$
%
&
'
(
)
*
+
,
-
.
/
0
1
2
3
4
5
6
7
8
9
:
;
<
=
>
?
@
Ā
ā
Ă
ă
Ą
ą
Ć
ć
Ĉ
ĉ
Ċ
ċ
Č
č
Ď
ď
Đ
đ
Ē
ē
Ĕ
ĕ
Ė
ė
Ę
Ě
ě
Ĝ
ĝ
Ğ
ğ
Ġ
ġ
Ģ
ģ
Ĥ
ĥ
Ħ
ħ
Ĩ
ĩ
Ī
ī
Ĭ
ĭ
Į
į
İ
İ
IJ
ij
Ĵ
ĵ
Ķ
ķ
ĸ
Ĺ
ĺ
Ļ
ļ
Ľ
ľ
Ŀ
ŀ
Ł
ł
Ń
ń
Ņ
ņ
Ň
ň
ʼn
Ŋ
ŋ
Ō
ō
Ŏ
ŏ
Ő
ő
Œ
œ
Ŕ
ŕ
Ŗ
ŗ
Ř
ř
Ś
ś
Ŝ
ŝ
Ş
ş
Š
š
Ţ
ţ
Ť
ť
Ŧ
ŧ
Ũ
ũ
Ū
ū
Ŭ
ŭ
Ů
ů
Ű
ű
Ų
ų
Ŵ
ŵ
Ŷ
ŷ
Ÿ
Ź
ź
Ż
ż
Ž
ž
ſ
[
\
]
^
_
`
{
|
}
~
Currency symbols
€
₤
$
Latin Extended-A
!
"
#
$
%
&
'
(
)
*
+
,
-
.
/
0
1
2
3
4
5
6
7
8
9
:
;
<
=
>
?
@
Ā
ā
Ă
ă
Ą
ą
Ć
ć
Ĉ
ĉ
Ċ
ċ
Č
č
Ď
ď
Đ
đ
Ē
ē
Ĕ
ĕ
Ė
ė
Ę
Ě
ě
Ĝ
ĝ
Ğ
ğ
Ġ
ġ
Ģ
ģ
Ĥ
ĥ
Ħ
ħ
Ĩ
ĩ
Ī
ī
Ĭ
ĭ
Į
į
İ
İ
IJ
ij
Ĵ
ĵ
Ķ
ķ
ĸ
Ĺ
ĺ
Ļ
ļ
Ľ
ľ
Ŀ
ŀ
Ł
ł
Ń
ń
Ņ
ņ
Ň
ň
ʼn
Ŋ
ŋ
Ō
ō
Ŏ
ŏ
Ő
ő
Œ
œ
Ŕ
ŕ
Ŗ
ŗ
Ř
ř
Ś
ś
Ŝ
ŝ
Ş
ş
Š
š
Ţ
ţ
Ť
ť
Ŧ
ŧ
Ũ
ũ
Ū
ū
Ŭ
ŭ
Ů
ů
Ű
ű
Ų
ų
Ŵ
ŵ
Ŷ
ŷ
Ÿ
Ź
ź
Ż
ż
Ž
ž
ſ
[
\
]
^
_
`
{
|
}
~
Currency symbols
€
₤
₿
$
We use main typeface especially on the web and marketing communication (print, digital presentations).
Doplňkové písmo používáme zejména v běžném odstavcovém textu a v celém rozsahu ve sdílených dokumentech Google.
Regular (400)
SemiBold (600)
Bold (700)
Regular (400)
SemiBold (600)
Bold (700)
Latin Extended-A
!
"
#
$
%
&
'
(
)
*
+
,
-
.
/
0
1
2
3
4
5
6
7
8
9
:
;
<
=
>
?
@
Ā
ā
Ă
ă
Ą
ą
Ć
ć
Ĉ
ĉ
Ċ
ċ
Č
č
Ď
ď
Đ
đ
Ē
ē
Ĕ
ĕ
Ė
ė
Ę
Ě
ě
Ĝ
ĝ
Ğ
ğ
Ġ
ġ
Ģ
ģ
Ĥ
ĥ
Ħ
ħ
Ĩ
ĩ
Ī
ī
Ĭ
ĭ
Į
į
İ
İ
IJ
ij
Ĵ
ĵ
Ķ
ķ
ĸ
Ĺ
ĺ
Ļ
ļ
Ľ
ľ
Ŀ
ŀ
Ł
ł
Ń
ń
Ņ
ņ
Ň
ň
ʼn
Ŋ
ŋ
Ō
ō
Ŏ
ŏ
Ő
ő
Œ
œ
Ŕ
ŕ
Ŗ
ŗ
Ř
ř
Ś
ś
Ŝ
ŝ
Ş
ş
Š
š
Ţ
ţ
Ť
ť
Ŧ
ŧ
Ũ
ũ
Ū
ū
Ŭ
ŭ
Ů
ů
Ű
ű
Ų
ų
Ŵ
ŵ
Ŷ
ŷ
Ÿ
Ź
ź
Ż
ż
Ž
ž
ſ
[
\
]
^
_
`
{
|
}
~
Currency symbols
€
₤
$
Latin Extended-A
!
"
#
$
%
&
'
(
)
*
+
,
-
.
/
0
1
2
3
4
5
6
7
8
9
:
;
<
=
>
?
@
Ā
ā
Ă
ă
Ą
ą
Ć
ć
Ĉ
ĉ
Ċ
ċ
Č
č
Ď
ď
Đ
đ
Ē
ē
Ĕ
ĕ
Ė
ė
Ę
Ě
ě
Ĝ
ĝ
Ğ
ğ
Ġ
ġ
Ģ
ģ
Ĥ
ĥ
Ħ
ħ
Ĩ
ĩ
Ī
ī
Ĭ
ĭ
Į
į
İ
İ
IJ
ij
Ĵ
ĵ
Ķ
ķ
ĸ
Ĺ
ĺ
Ļ
ļ
Ľ
ľ
Ŀ
ŀ
Ł
ł
Ń
ń
Ņ
ņ
Ň
ň
ʼn
Ŋ
ŋ
Ō
ō
Ŏ
ŏ
Ő
ő
Œ
œ
Ŕ
ŕ
Ŗ
ŗ
Ř
ř
Ś
ś
Ŝ
ŝ
Ş
ş
Š
š
Ţ
ţ
Ť
ť
Ŧ
ŧ
Ũ
ũ
Ū
ū
Ŭ
ŭ
Ů
ů
Ű
ű
Ų
ų
Ŵ
ŵ
Ŷ
ŷ
Ÿ
Ź
ź
Ż
ż
Ž
ž
ſ
[
\
]
^
_
`
{
|
}
~
Currency symbols
€
₤
$
Náhradní písmo je ryze univerzální. Toto písmo je na každém počítači a informace, kterou napíšete v tomto písmu, se s největší pravděpodobností adekvátně zobrazí i příjemci.
The alternate typeface is purely universal. This font is on every computer, and the information you type in this font is most likely to be displayed adequately to the recipient.
| Platforma |
Písmo |
|---|---|
| PC | Arial |
| MAC | Helvetica / San Francisco |
| Platform |
Typeface |
|---|---|
| PC | Arial |
| MAC | Helvetica / San Francisco |
Pomocná tabulka pro orientaci, kdy je vhodné použít hlavní, alternativní nebo náhradní písmo. Daná pravidla vycházejí především z licenčních možností daných písem.
Table for orientation when it is appropriate to use the main, additional or alternate font. The given rules are based mainly on the licensing possibilities of the given fonts.
| Použití písma |
Hlavní písmo |
Doplňkové písmo |
Náhradní písmo |
|---|---|---|---|
| Webdesign | |||
| Mobilní aplikace | |||
| Sdílené online dokumety | |||
| Offline dokumenty | |||
| Marketingové tiskoviny | |||
| E-maily |
| Font usage |
Main typeface |
Additional typeface |
Alternate typeface |
|---|---|---|---|
| Webdesign | |||
| Mobile apps | |||
| Shared documents | |||
| Offline documents | |||
| Marketing prints | |||
| E-mails |
Tabulka kombinování a nastavení písem.
Table of combining and setting fonts.
Použité písmo:
Ukázka sazby:
CSS:
font-family: 'Stratos', sans-serif;
font-weight: 500;
font-size: 2.5rem;
color: #141619;
Použité písmo:
Ukázka sazby:
CSS:
font-family: 'Stratos', sans-serif;
font-weight: 500;
font-size: 2rem;
color: #141619;
Použité písmo:
Ukázka sazby:
CSS:
font-family: 'Stratos', sans-serif;
font-weight: 500;
font-size: 1.75rem;
color: #141619;
Použité písmo:
Ukázka sazby:
CSS:
font-family: 'Stratos', sans-serif;
font-weight: 500;
font-size: 1.5rem;
color: #141619;
Použité písmo:
Ukázka sazby:
CSS:
font-family: 'Stratos', sans-serif;
font-weight: 500;
font-size: 1.25rem;
color: #141619;
Použité písmo:
Ukázka sazby:
CSS:
font-family: 'Stratos', sans-serif;
font-weight: 500;
font-size: 1rem;
color: #141619;
Bežný (body) text.
Použité písmo:
Ukázka sazby:
Tento text píšeme s velkým písmenem na začátku věty a s tečkou na konci.
CSS:
font-family: 'Stratos', sans-serif;
font-weight: 400;
font-size: 1rem;
color: #6b6f7e;
Popisek
Použité písmo:
Ukázka sazby:
Tento text píšeme s velkým písmenem na začátku věty a s tečkou na konci.
CSS:
font-family: 'Stratos', sans-serif;
font-weight: 400;
font-size: 0.875rem;
color: #6b6f7e;
Used typeface:
Font preview:
CSS:
font-family: 'Stratos', sans-serif;
font-weight: 500;
font-size: 2.5rem;
color: #141619;
Used typeface:
Font preview:
CSS:
font-family: 'Stratos', sans-serif;
font-weight: 500;
font-size: 2rem;
color: #141619;
Used typeface:
Font preview:
CSS:
font-family: 'Stratos', sans-serif;
font-weight: 500;
font-size: 1.75rem;
color: #141619;
Used typeface:
Font preview:
CSS:
font-family: 'Stratos', sans-serif;
font-weight: 500;
font-size: 1.5rem;
color: #141619;
Used typeface:
Font preview:
CSS:
font-family: 'Stratos', sans-serif;
font-weight: 500;
font-size: 1.25rem;
color: #141619;
Used typeface:
Font preview:
CSS:
font-family: 'Stratos', sans-serif;
font-weight: 500;
font-size: 1rem;
color: #141619;
Body copy.
Used typeface:
Font preview:
We write this text with a capital letter at the beginning of the sentence and with a dot at the end.
CSS:
font-family: 'Stratos', sans-serif;
font-weight: 400;
font-size: 1rem;
color: #6b6f7e;
Caption
Used typeface:
Font preview:
We write this title with a capital letter at the beginning of the sentence and without dots at the end
CSS:
font-family: 'Stratos', sans-serif;
font-weight: 400;
font-size: 0.875rem;
color: #6b6f7e;
| Výchozí velikost písma |
Násobky velikostí |
|---|---|
| 17px (106.3%/1.063em) | 1.250 (a více) |
| Base font size |
Scale ratio |
|---|---|
| 17px (106.3%/1.063em) |
1.250 (and more) |