Typography
Listing of typgraphy typefaces used for general content and headings. Below is also a guide to how font sizes should behave respnsively. Individual components might have their own typography settings and they will be specified in component pages.
Content
Aa
Normal text
Customers can shop at online store where they choose what moods and colors they want in their
posters and the AI based on these selections concludes a tailored poster.
Large
Customers can shop at online store where they choose what moods and colors they want in their
posters and the AI based on these selections concludes a tailored poster.
Small
Customers can shop at online store where they choose what moods and colors they want
in their
posters and the AI based on these selections concludes a tailored poster.
Inline link
Unordered list (UL)
- Lorem ipsum dolor sit amet
-
Lorem ipsum dolor sit amet
- Consectetur adipiscing elit
- Consectetur adipiscing elit
- Integer molestie lorem at massa
Ordered list (OL)
- Lorem ipsum dolor sit amet
-
Lorem ipsum dolor sit amet
- Consectetur adipiscing elit
- Consectetur adipiscing elit
- Integer molestie lorem at massa
Headings
Below is listed all the heading styles with available weight options for each size.
Aa
H1
Data analysis service
H2
Data analysis service
H3
Data analysis service
H4
Data analysis service
H5
Data analysis service
H6
Data analysis service
Responsive sizes
Below is guide to how certains font sizes should behave responsively.
Content | Mobile | Tablet | Desktop |
---|---|---|---|
Main title | H2 | H1 | H1 |
Long-form (article) content | Normal | Large | Large |