Headings – Inter
52px
Den här texten är här som en visuell referens för att visa standardtypsnittet H1 för rubriker.
35px
Den här texten är här som en visuell referens för att visa standard H2-rubrikteckensnittet.
29px
Den här texten är här som en visuell referens för att visa standard H3-rubrikteckensnittet.
24px
Den här texten är här som en visuell referens för att visa standard H4-rubrikens teckensnitt.
20px
Den här texten är här som en visuell referens för att visa standardtypsnittet för H5-rubriker.
17px
Den här texten är här som en visuell referens för att visa standardtypsnittet H6 för rubriker.
Body Text – Inter
17px
Den här texten är här som en visuell referens för att visa standardstycketeckensnittet. Lorem ipsum amet elit morbi dolor tortor. Vivamus eget mollis nostra ullam corper auctor metus felis nibh velit. Natoque tellus semper taciti nostra semper pharetra montes habitant heltal gravida. Nullam magnis nulla primis vivamus aptent.
Pretium lorem primis lectus donec tortor fusce morbi risus curae. Dignissim lacus massa mauris enim mattis magnis senectus montes mollis taciti accumsan semper blandit nibh aliquam metus morbi cras magna vivamus per risus. Dapibus magnis metus praesent congue gravida magna netus inceptos iaculis.
Fluid Typography Scale
h1, .fs-h1 {
font-size: clamp(3.1875rem, 2.8977rem + 1.1591vw, 3.825rem);
}
h2, .fs-h2 {
font-size: clamp(2.3906rem, 2.1733rem + 0.8693vw, 2.8688rem);
}
h3, .fs-h3 {
font-size: clamp(1.9922rem, 1.8111rem + 0.7244vw, 2.3906rem);
}
h4, .fs-h4 {
font-size: clamp(1.5938rem, 1.4489rem + 0.5795vw, 1.9125rem);
}
h5, .fs-h5 {
font-size: clamp(1.3281rem, 1.2074rem + 0.483vw, 1.5938rem);
}
h6, .fs-h6 {
font-size: clamp(1.1953rem, 1.0866rem + 0.4347vw, 1.4344rem);
}
p, .fs-p {
font-size: clamp(0.8854rem, 0.8049rem + 0.322vw, 1.0625rem);
}
Färgpalett
Contrast
Contrast-2
Contrast-3
Base
Base-2
bg-light
Accent
Secondary
Headings
