Design
Color Tokens
Primary Color
Neural/Other Colors
Secondary Color
Typography
Components a few examples
Heading
Lorem ipsum dolor sit amet, at mei dolore tritani repudiandae. In his nemore temporibus consequuntur, vim ad prima vivendum consetetur. Viderer feugiat at pro, mea aperiam
Component 1 – Structure And Naming
Her er vores værelseskomponent, som er et fremragende eksempel på, hvordan vi har implementeret spacing i vores design.
Component 1 – Size and Spacing
Yderramme:
Der er 16 px margin mellem den yderste kant af komponenten og indholdet, hvilket skaber luft og definerer klare grænser for designet.
Der er yderligere 8 px padding på hver side (venstre og højre), som sikrer, at teksten og ikonerne ikke sidder for tæt på kanten.
Afstand mellem elementer:
Mellem hver værelseslinie er der 16 px spacing, hvilket skaber en tydelig adskillelse og gør det nemt at skelne mellem de forskellige rum.
Den interne padding på hver værelseslinie er 8 px mellem ikonet og teksten, og det samme gælder for teksten og temperaturvisningen i højre side.
Sektionen “Tilføj rum”:
Knappen “Tilføj rum” har 16 px afstand til den nederste kant af komponenten, hvilket afbalancerer layoutet og giver en tydelig visuel afslutning.
Den samme afstand (16 px) er anvendt over knappen for at skabe symmetri.
