Style Guide.
The type, colours, buttons and components Cifra is built with. Everything here comes from variables and global classes.
Headings
Heading 2, a section
Heading 3, a case title
Heading 4, a card
Heading 5, a row title
Heading 6, a label
Text
Paragraph. Most companies pay a fixed monthly fee. We confirm it in writing after a first meeting, and it does not change unless the scope does. This is a text link inside a paragraph.
Bold text for emphasis, and italic text for titles and terms.
- An unordered list item
- A second item, with enough words to wrap onto a second line on smaller screens
- A third item
- An ordered list item
- A second step
- A third step
One adviser who understands both tax offices. Our children will inherit without a fight with either.
Type scale
5.5 rem
4 rem
2.625 rem
2.375 rem
1.4375 rem
1.375 rem
1.25 rem
1.0625 rem
0.90625 rem
0.8125 rem
Sizes are variables in the Responsive collection. On tablet and mobile they switch to smaller values on their own.
Colours
Colours are variables in the Brand collection, together with Font Main (Schibsted Grotesk). Ledger Hair and Ink Hair are the rules on the green and black sections.
Buttons
Three global classes: button (ink), button is-line (outline) and button is-light (for the green and black sections).