H1 Headline, Inter, sans-serif, bold 700
H2 Headline, Inter, sans-serif, bold 700
H3 Headline, Inter, sans-serif, Semibold 600
H4 Headline, Inter, sans-serif, Semibold 600
H5 Headline, Inter, sans-serif, Medium 500
H6 Headline, Inter, sans-serif, Medium 500
P Fliesstext, Inter, sans-serif, regular bold italic
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
Page headline with native H1
Section headline with native H2
Subheadline with native H3
Small headline with native H4
Tiny headline with native H5
Micro headline with native H6
Large body text works well for lead copy, short introductions, and important supporting text below a headline.
Default body text for standard paragraphs, product descriptions, content pages, and general interface copy.
Small body text for secondary descriptions, helper text, dense content, and supporting interface details.
Caption or label text for meta information, short annotations, tags, and compact labels.
Frontend colors
–ycona-blue900
#0b2133
–ycona-blue800
#032a51
–ycona-blue700
#054079
–ycona-blue600
#06488a
–ycona-blue500
#0755a2
–ycona-blue400
#3977b5
–ycona-blue300
#83aad1
–ycona-blue200
#dfe9f3
–ycona-blue100
#f7f9fc
–off-white1
#f8f8f8
–off-white2
#efefef
–off-white3
#dddddd
–off-white4
#fafafa
–white
#ffffff
–ycona-yellow1
#fec72d
–ycona-yellow2
#eaab1d