# Design System Utilities

## Margin

::: tip

Supported size classes: `none`, `tiny`, `small`, `medium`, `large`. By default the size is applied to all sides. You can constrain the sides by using the modifiers `top`, `left`, `bottom` and `right`.

:::

<d-example name="margin">
</d-example>

## Padding

::: tip

Supported size classes: `none`, `tiny`, `small`, `medium`, `large`. By default the size is applied to all sides. You can constrain the sides by using the modifiers `top`, `left`, `bottom` and `right`.

:::

<d-example name="padding">
</d-example>

## Removing Padding

::: tip
Use `v-fd-padding` multiple times to selectively remove padding.
:::

<d-example name="remove-padding">
</d-example>

## Font Weight

<d-example name="font-weight">
</d-example>

## Font Family

<d-example name="font-family">
</d-example>

## Font Type

<d-example name="font-type">
</d-example>