101 lines
7 KiB
Markdown
101 lines
7 KiB
Markdown
# 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._
|