Avstånd

Använd Spacing-komponenten i Figma och React för att få till rätt avstånd mellan och inom komponenter.

På mobiler och surfplattor är avståndet 16 px mellan relaterade komponenter och 50 % större mellan orelaterade komponenter (24 px).

På datorer är avståndet 24 px mellan relaterade komponenter och 50 % större mellan orelaterade element (36 px).

Undantaget är interna produkter & tjänster. Där är avståndet på datorer samma som på mobiler och surfplattor, dvs 16 px mellan relaterade komponenter och 50 % större mellan orelaterade komponenter (24 px).

I allmänhet ändras inte avstånd inom komponenter när skärmen ändrar storlek.