7 KiB
7 KiB
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.