greenforce-frontend icon indicating copy to clipboard operation
greenforce-frontend copied to clipboard

[UX / Frontend Alignment] Typography

Open PernilleChristiansen opened this issue 2 years ago • 1 comments

Fjern text styles

  • Large-highlighted
  • Normal-highlighted
  • Small-highlighted

Tilføj text styles

  • Normal-monospaced
  • Small-monospaced

Rettelse

  • Ret tekst på Typography side, hvor der står at label har 1.25px i letterspacing, for det har den ikke mere. Tror stylen er rettet, så det er kun teksten.

Ændring af heading styles Vi ønsker at justere heading styles, så vi får en H1, som er i en størrelse, hvor vi kan bruge den som page title. Derudover vil vi gerne justere h4 og h5, så de visuelt bliver forskellige.

Alle styles er stadig Open Sans, semibold/600 Text color skal være on-light/high-emphasis

H1 / font-size: 1.75rem / line-height: 2.5rem H2 / font-size: 1.5rem / line-height: 2.25rem H3 / font-size: 1.25rem / line-height: 1.75rem H4 / font-size: 1rem / line-height: 1.5rem H5 / font-size: 0.875rem / line-height: 1.25rem

PernilleChristiansen avatar Jan 02 '23 09:01 PernilleChristiansen