# Design System Reference

> Auto-generated by Token Scraper on 2026-05-25
> Source: https://mobilizon.fr
> Routes scraped: @aldil_lyon

## Logo

| Property   | Value                 |
| ---------- | --------------------- |
| Type       | svg                   |
| Dimensions | 160 x 30.16px         |
| Links to   | https://mobilizon.fr/ |

## Favicons & Meta Images

| Type             | URL                                                                                                                              | Sizes   |
| ---------------- | -------------------------------------------------------------------------------------------------------------------------------- | ------- |
| apple-touch-icon | https://mobilizon.fr/img/icons/apple-touch-icon-152x152.png                                                                      | 152x152 |
| icon             | https://mobilizon.fr/img/icons/apple-touch-icon-152x152.png                                                                      | 152x152 |
| mask-icon        | https://mobilizon.fr/img/icons/safari-pinned-tab.svg                                                                             | -       |
| og:image         | https://mobilizon.fr/media/868b694cf69b3aa27114ddb9289e9cc4a67c28850d29b8f5b49213478ec9c1fa.png?name=aldil_lyon%27s%20avatar.png | -       |
| favicon          | https://mobilizon.fr/favicon.ico                                                                                                 | -       |

## Brand Colors

| Token                     | Value     | Seen on     |
| ------------------------- | --------- | ----------- |
| `color.brand.mercury`     | `#e5e7eb` | @aldil_lyon |
| `color.brand.astronaut`   | `#3c376e` | @aldil_lyon |
| `color.action.jelly-bean` | `#1e7d97` | @aldil_lyon |

## Neutral Colors

| Token                 | Value     | Seen on     |
| --------------------- | --------- | ----------- |
| `color.neutral.100`   | `#3f3f46` | @aldil_lyon |
| `color.neutral.100-2` | `#000000` | @aldil_lyon |

## Typography

| Token                             | Value                                                                                                       | Seen on     |
| --------------------------------- | ----------------------------------------------------------------------------------------------------------- | ----------- |
| `typography.fontFamily.primary`   | `system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Noto Sans, Liberation Sans, Arial, sans-serif` | @aldil_lyon |
| `typography.fontSize.display`     | `48px`                                                                                                      | @aldil_lyon |
| `typography.fontSize.h1`          | `24px`                                                                                                      | @aldil_lyon |
| `typography.fontSize.h2`          | `20px`                                                                                                      | @aldil_lyon |
| `typography.fontSize.h3`          | `18px`                                                                                                      | @aldil_lyon |
| `typography.fontSize.h4`          | `16px`                                                                                                      | @aldil_lyon |
| `typography.fontSize.h5`          | `12px`                                                                                                      | @aldil_lyon |
| `typography.fontWeight.regular`   | `400`                                                                                                       | @aldil_lyon |
| `typography.fontWeight.medium`    | `500`                                                                                                       | @aldil_lyon |
| `typography.fontWeight.semibold`  | `600`                                                                                                       | @aldil_lyon |
| `typography.fontWeight.bold`      | `700`                                                                                                       | @aldil_lyon |
| `typography.fontWeight.extrabold` | `800`                                                                                                       | @aldil_lyon |
| `typography.lineHeight.0`         | `16px`                                                                                                      | @aldil_lyon |
| `typography.lineHeight.1`         | `24px`                                                                                                      | @aldil_lyon |
| `typography.lineHeight.2`         | `28px`                                                                                                      | @aldil_lyon |
| `typography.lineHeight.3`         | `32px`                                                                                                      | @aldil_lyon |
| `typography.lineHeight.4`         | `36px`                                                                                                      | @aldil_lyon |
| `typography.lineHeight.5`         | `48px`                                                                                                      | @aldil_lyon |

## Spacing

| Token       | Value  | Seen on     |
| ----------- | ------ | ----------- |
| `spacing.1` | `4px`  | @aldil_lyon |
| `spacing.2` | `8px`  | @aldil_lyon |
| `spacing.3` | `12px` | @aldil_lyon |
| `spacing.4` | `16px` | @aldil_lyon |
| `spacing.5` | `32px` | @aldil_lyon |
| `spacing.6` | `40px` | @aldil_lyon |
| `spacing.7` | `64px` | @aldil_lyon |
| `spacing.8` | `72px` | @aldil_lyon |
| `spacing.9` | `80px` | @aldil_lyon |

## Border Radius

| Token               | Value             | Seen on     |
| ------------------- | ----------------- | ----------- |
| `borderRadius.none` | `0px`             | @aldil_lyon |
| `borderRadius.sm`   | `4px`             | @aldil_lyon |
| `borderRadius.md`   | `8px`             | @aldil_lyon |
| `borderRadius.lg`   | `8px 0px 0px 8px` | @aldil_lyon |
| `borderRadius.full` | `9999px`          | @aldil_lyon |

## Shadows

| Token       | Value                                                                                                                                          | Seen on     |
| ----------- | ---------------------------------------------------------------------------------------------------------------------------------------------- | ----------- |
| `shadow.xs` | `rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.1) 0px 2px 4px -2px` | @aldil_lyon |
| `shadow.sm` | `rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px`                                         | @aldil_lyon |
| `shadow.md` | `rgba(0, 0, 0, 0.2) 0px 0px 12px 0px`                                                                                                          | @aldil_lyon |

## Spacing Scale

Base unit: **4px** (84% of values on-grid)

---

_79 tokens total._
