The visual identity is the visual aspect of our branding that we use together to communicate the Offcourse brand. This includes logo design, fonts and colors.

## Colors

### Primary Color

```color
value: !import primary
name: Primary
span: 6
```

### Colors with Meaning

```color
value: !import positive
name: Positive
span: 2
```

```color
value: !import warning
name: Warning
span: 2
```

```color
value: !import negative
name: Negative
span: 2
```

```color
value: !import disabled
name: Disabled
span: 2
```

```color
value: !import info
name: Info
span: 2
```

### Grayscale

```color-palette
colors: !import grayScale
```

## Typography

```type
{
  "headings": [28, 22],
  "font": "Nitti Grotesk Bold",
}
```

```type
{
  "headings": [28],
  "font": "Nitti Bold",
}
```

```type
{
  "paragraphs": [16/20, 12/16],
  kafka: true,
  "font": "Nitti Grotesk",
}
```
