---
title: "Academy Guide"
canonical_url: "https://academy.laioutr.com/en/leitfaeden/design-and-brand"
locale: en
meta:
  "og:title": "Academy Guide"
---

[Go to home](https://academy.laioutr.com/en)

- [Studio](https://academy.laioutr.com/en/bereiche/studio)

- [Design and brand](https://academy.laioutr.com/en/leitfaeden/design-and-brand)

## [Design and brand](https://academy.laioutr.com/en/leitfaeden/design-and-brand)

Search this guide

1. [Understanding design tokens and themes](https://academy.laioutr.com/en/artikel/understanding-design-tokens-and-themes)6 min
2. [UI Kit settings: colours, fonts, icons and versions](https://academy.laioutr.com/en/artikel/ui-kit-settings-colours-fonts-icons-versions)7 min
3. [Work with the Figma Kit and hand off to development](https://academy.laioutr.com/en/artikel/work-with-the-figma-kit-and-hand-off-to-development)10 min
4. [Accessibility according to WCAG 2.1 AA](https://academy.laioutr.com/en/artikel/accessibility-according-to-wcag-2-1-aa)6 min

## Videos in this guide

| Topic | Video | Duration | Watch / Read |
| --- | --- | --- | --- |
| Understanding design tokens and themes | No video yet | – | [Read](https://academy.laioutr.com/en/artikel/understanding-design-tokens-and-themes) |
| UI Kit settings: colours, fonts, icons and versions | No video yet | – | [Read](https://academy.laioutr.com/en/artikel/ui-kit-settings-colours-fonts-icons-versions) |
| Work with the Figma Kit and hand off to development | No video yet | – | [Read](https://academy.laioutr.com/en/artikel/work-with-the-figma-kit-and-hand-off-to-development) |
| Accessibility according to WCAG 2.1 AA | No video yet | – | [Read](https://academy.laioutr.com/en/artikel/accessibility-according-to-wcag-2-1-aa) |

## Structured Data

```json
{
  "@context": "https://schema.org",
  "@graph": [
    {
      "@id": "https://academy.laioutr.com/#website",
      "@type": "WebSite",
      "inLanguage": "en",
      "name": "Default",
      "url": "https://academy.laioutr.com/",
      "translationOfWork": {
        "@id": "https://academy.laioutr.com/#website"
      }
    },
    {
      "@id": "https://academy.laioutr.com/en/leitfaeden/design-and-brand#webpage",
      "@type": "WebPage",
      "name": "Academy Guide",
      "url": "https://academy.laioutr.com/en/leitfaeden/design-and-brand",
      "breadcrumb": {
        "@id": "https://academy.laioutr.com/en/leitfaeden/design-and-brand#breadcrumb"
      },
      "isPartOf": {
        "@id": "https://academy.laioutr.com/#website"
      },
      "potentialAction": [
        {
          "@type": "ReadAction",
          "target": [
            "https://academy.laioutr.com/en/leitfaeden/design-and-brand"
          ]
        }
      ]
    },
    {
      "@id": "https://academy.laioutr.com/en/leitfaeden/design-and-brand#breadcrumb",
      "@type": "BreadcrumbList",
      "itemListElement": [
        {
          "@type": "ListItem",
          "name": "Home",
          "item": "https://academy.laioutr.com/en",
          "position": 1
        },
        {
          "@type": "ListItem",
          "name": "Studio",
          "item": "https://academy.laioutr.com/en/bereiche/studio",
          "position": 2
        },
        {
          "@type": "ListItem",
          "name": "Design and brand",
          "item": "https://academy.laioutr.com/en/leitfaeden/design-and-brand",
          "position": 3
        }
      ]
    }
  ]
}
```