Corporate

Bikeworld

Border Radius / mdx / sys / borderRadius
0px
0px
none
default
4px
4px
sm
default
8px
8px
default
default
16px
16px
md
24px
24px
lg
32px
32px
xl
2px
2px
xs
Border Width / mdx / sys / borderWidth
4px
2xl
0px
none
1px
default
2px
md
3px
lg
4px
xl
fullyTransparent
rgba(0,0,0,0)
bold1
#e55c00
bold3
#803300
bold2
#b24800
onBold
#ffffff
onDefault
#ffffff
default
#ff6600
subtle1
#fff3eb
subtle2
#ffe9db
subtle3
#ffdac2
onSubtle
#ff6600
bold1
#737373
bold2
#595959
bold3
#404040
onBold
#ffffff
default
#333333
onDefault
#ffffff
subtle1
#f5f5f5
subtle2
#ededed
subtle3
#e0e0e0
onSubtle
#262626
bold1
#408131
onBold
#ffffff
default
#52a63f
onDefault
#ffffff
subtle1
#f2f9f0
subtle2
#e8f5e5
subtle3
#d8eed3
onSubtle
#2e5c23
bold1
#ae1f04
onBold
#ffffff
default
#e02805
onDefault
#ffffff
subtle1
#ffeeeb
subtle2
#fee1dc
subtle3
#feccc3
onSubtle
#7d1703
bold1
#8f6400
onBold
#ffffff
default
#c28800
onDefault
#ffffff
subtle1
#ffeec7
subtle2
#ffeab8
subtle3
#ffe29e
onSubtle
#5c4000
subtle4
#bfbfbf
subtle0
#ffffff
bold4
#262626
bold5
#000000
default
#003d8c
onDefault
#ffffff
subtle1
#dcecff
subtle2
#b4d4fa
onSubtle
#003d8c
scrim
rgba(51,51,51,0.5)
subtle4
#ffb380
subtle5
#ff944c
bold1
#0b74a8
onBold
#ffffff
default
#0e95d8
onDefault
#ffffff
subtle1
#ecf8fe
subtle3
#c5eafb
subtle2
#ddf2fd
onSubtle
#085378
default
#ffe500
onDefault
#ffffff
subtle3
#fff3b6
default
#fbb600
onBold
#ffffff
onDefault
#ffffff
subtle3
#ffe49b
onSubtle
#ffffff
default
#ff6600
onDefault
#ffffff
subtle2
#fccea1
subtle1
#ffffff
subtle1
#ffffff
subtle2
#ffffff
onSubtle
#ffffff
subtle3
#e3bed9
onDefault
#ffffff
default
#ffffff
onSubtle
#ffffff
bold1
#791d47
onBold
#ffffff
default
#ffffff
subtle3
#98bbe1
onDefault
#ffffff
onSubtle
#ffffff
bold1
#073b86
onBold
#ffffff
subtle3
#b8e0de
onDefault
#ffffff
default
#ffffff
onSubtle
#ffffff
bold1
#005f72
onBold
#ffffff
onDefault
#ffffff
default
#51c890
subtle3
#c6e3c8
onSubtle
#ffffff
onDefault
#ffffff
default
#ffffff
subtle2
#deecc6
onSubtle
#ffffff
bold1
#1a3c34
onBold
#ffffff
subtle4
#87d2f7
subtle5
#57c1f4
Font Weight / mdx / sys / font / weight
Ag
Medium
emphasisLight
Ag
Bold
emphasis
Ag
ExtraBold
emphasisStrong
mdx / sys / color / neutral / gradient / vertical
Linear Gradient, #ffffff, 0.00%, #ffffff00, 100.00%)
subtle0ToTransparent
Line Height / mdx / sys / font / lineHeight
100%
100%
100percent
Sizing / mdx / sys / sizing / flex
376px
376px
screenWidthDefault
0px
0px
breakpoint
0px
0px
bodyMargin
0px
0px
paneGap
100%
100%
auto
Sizing / mdx / sys / sizing / flex / small
376px
376px
screenWidthDefault
0px
0px
breakpoint
100%
100%
auto
width sizes to content [hug contents] on anything larger than mobile. Mobile will be displayed at 100%/100vw/100vh.
Sizing / mdx / sys / sizing / flex / medium
1024px
1024px
screenWidthDefault
992px
992px
breakpoint
0px
0px
auto
width sizes to content [hug contents] on anything larger than mobile. Mobile will be displayed at 100%/100vw/100vh
Sizing / mdx / sys / sizing / flex / large
1440px
1440px
screenWidthDefault
1380px
1380px
breakpoint
0px
0px
auto
width sizes to content [hug contents] on anything larger than mobile. Mobile will be displayed at 100%/100vw/100vh
Sizing / mdx / sys / sizing / flex / xlarge
1920px
1920px
screenWidthDefault
1880px
1880px
breakpoint
0px
0px
auto
width sizes to content [hug contents] on anything larger than mobile. Mobile will be displayed at 100%/100vw/100vh
Sizing / mdx / sys / sizing / flex / 2xlarge
2560px
2560px
screenWidthDefault
2560px
2560px
breakpoint
0px
0px
auto
width sizes to content [hug contents] on anything larger than mobile. Mobile will be displayed at 100%/100vw/100vh
Sizing / mdx / sys / sizing / fix
0px
0px
auto
100%
100%
fullWidth
4px
4px
2xs
fix 3xs
8px
8px
xs
fix 2xs
12px
12px
s
fix xs
16px
16px
m
fix s
20px
20px
l
fix s
24px
24px
xl
fix m
32px
32px
2xl
fix l
40px
40px
3xl
fix xl
48px
48px
4xl
fix 4xl
56px
56px
5xl
fix 5xl
64px
64px
6xl
fix 6xl
72px
72px
7xl
fix 7xl
80px
80px
8xl
fix 8xl
88px
88px
9xl
fix 9xl
96px
96px
10xl
fix 10xl
104px
104px
11xl
fix 11xl
112px
112px
12xl
fix 12xl
120px
120px
13xl
fix 13xl
128px
128px
14xl
fix 14xl
136px
136px
15xl
fix 15xl
144px
144px
16xl
fix 16xl
152px
152px
17xl
fix 17xl
160px
160px
18xl
fix 18xl
168px
168px
19xl
fix 19xl
176px
176px
20xl
fix 20xl
184px
184px
21xl
fix 21xl
192px
192px
22xl
fix 22xl
200px
200px
23xl
fix 23xl
208px
208px
24xl
fix 24xl
216px
216px
25xl
fix 25xl
224px
224px
26xl
fix 26xl
232px
232px
27xl
fix 27xl
240px
240px
28xl
fix 28xl
248px
248px
29xl
fix 29xl
256px
256px
30xl
fix 30xl
264px
264px
31xl
fix 31xl
272px
272px
32xl
fix 32xl
280px
280px
33xl
fix 33xl
288px
288px
34xl
fix 34xl
296px
296px
35xl
fix 35xl
304px
304px
36xl
fix 36xl
312px
312px
37xl
fix 37xl
320px
320px
38xl
fix 38xl
328px
328px
39xl
fix 39xl
336px
336px
40xl
fix 40xl
344px
344px
41xl
fix 41xl
352px
352px
42xl
fix 42xl
360px
360px
43xl
fix 43xl
368px
368px
44xl
fix 44xl
640px
640px
78xl
Spacing / mdx / sys / spacing / flex
8px
8px
2xs
flex 2xs
16px
16px
xs
flex xs
40px
40px
s
flex s
44px
44px
m
flex m
48px
48px
l
flex l
80px
80px
xl
flex xl
96px
96px
2xl
flex 2xl
Spacing / mdx / sys / spacing / flex / small
8px
8px
2xs
flex 2xs
16px
16px
xs
flex xs
40px
40px
s
flex s
44px
44px
m
flex m
48px
48px
l
flex l
80px
80px
xl
flex xl
96px
96px
2xl
flex 2xl
Spacing / mdx / sys / spacing / flex / medium
16px
16px
2xs
flex 2xs
24px
24px
xs
flex xs
48px
48px
s
flex s
64px
64px
m
flex m
72px
72px
l
flex l
104px
104px
xl
flex xl
112px
112px
2xl
flex 2xl
Spacing / mdx / sys / spacing / flex / large
16px
16px
2xs
flex 2xs
24px
24px
xs
flex xs
56px
56px
s
flex s
72px
72px
m
flex m
80px
80px
l
flex l
112px
112px
xl
flex xl
128px
128px
2xl
flex 2xl
Spacing / mdx / sys / spacing / flex / xlarge
16px
16px
2xs
flex 2xs
24px
24px
xs
flex xs
56px
56px
s
flex s
80px
80px
m
flex m
96px
96px
l
flex l
128px
128px
xl
flex xl
160px
160px
2xl
flex 2xl
Spacing / mdx / sys / spacing / flex / 2xlarge
16px
16px
2xs
flex 2xs
24px
24px
xs
flex xs
56px
56px
s
flex s
80px
80px
m
flex m
96px
96px
l
flex l
128px
128px
xl
flex xl
160px
160px
2xl
flex 2xl
Spacing / mdx / sys / spacing / fix
0px
0px
none
fix 3xs
2px
2px
4xs
fix 4xs
4px
4px
3xs
fix 3xs
8px
8px
2xs
fix 2xs
12px
12px
xs
fix xs
40px
40px
xl
fix xl
48px
48px
2xl
fix 2xl
56px
56px
3xl
fix 3xl
16px
16px
s
fix s
24px
24px
m
fix m
32px
32px
l
fix l
mdx / sys / font / case
Hello world
uppercase
uppercase
Hello world
lowercase
lowercase
Hello world
capitalize
capitalize
Hello world
none
none
mdx / sys / font / decoration
Hello
Underline
default
Hello
None
none
Hello
Strikethrough
line-through
mdx / sys / font / flex
Ag
Helvetica Now Display, Helvetica Fallback Bold 44px/48px
display1
Display 1 Small
Ag
Helvetica Now Display, Helvetica Fallback Bold 36px/40px
display2
Display 2 Small
Ag
Helvetica Now Display, Helvetica Fallback Bold 24px/32px
display3
Display 3 Small
Ag
Helvetica Now Text, Helvetica Fallback Bold 20px/30px
headline1
Headline 1 Small
Ag
Helvetica Now Text, Helvetica Fallback Bold 16px/24px
headline2
Headline 2 Small
Ag
Helvetica Now Display, Helvetica Fallback XBold 20px/28px
headline3
Headline 3 Small
Ag
Helvetica Now Text, Helvetica Fallback Regular 16px/24px
body1
body1 Small
Ag
Helvetica Now Micro, Helvetica Fallback Regular 12px/18px
body2
body 2 Small
Ag
Helvetica Now Text, Helvetica Fallback Regular 16px/22px
body3
body 3 Small
Ag
Helvetica Now Display, Helvetica Fallback Bold 72px/88px
custom1
custom 1 Small
Ag
Helvetica Now Display, Helvetica Fallback Bold 44px/48px
custom2
custom 2 Small
Ag
Helvetica Now Display, Helvetica Fallback Bold 36px/44px
custom3
custom 3 Small
Ag
Helvetica Now Display, Helvetica Fallback Light 36px/44px
custom4
custom 4 Small
Ag
Helvetica Now Text, Helvetica Fallback Medium 20px/30px
custom5
custom 5 Small
Ag
Helvetica Now Display, Helvetica Fallback Bold 16px/20px
custom6
custom 6 Small
Ag
Helvetica Now Text, Helvetica Fallback Regular 16px/24px
custom7
custom 7 Small
Ag
Helvetica Now Micro, Helvetica Fallback Medium 12px/20px
custom8
custom 8 Small
Ag
Helvetica Now Micro, Helvetica Fallback Medium 8px/20px
custom9
custom 9 Small
mdx / sys / font / flex / small
Ag
Helvetica Now Display, Helvetica Fallback XBold 20px/28px
headline3
Headline 3 Small
Ag
Helvetica Now Text, Helvetica Fallback Regular 16px/22px
body3
Body 1
Ag
Helvetica Now Display, Helvetica Fallback Bold 44px/48px
display1
h1
Ag
Helvetica Now Display, Helvetica Fallback Bold 36px/40px
display2
h2
Ag
Helvetica Now Display, Helvetica Fallback Bold 24px/32px
display3
h3
Ag
Helvetica Now Text, Helvetica Fallback Bold 20px/30px
headline1
h4
Ag
Helvetica Now Text, Helvetica Fallback Bold 16px/24px
headline2
h5
Ag
Helvetica Now Text, Helvetica Fallback Regular 16px/24px
body1
body
Ag
Helvetica Now Micro, Helvetica Fallback Regular 12px/18px
body2
body small
Ag
Helvetica Now Display, Helvetica Fallback Bold 72px/88px
custom1
Initiale
Ag
Helvetica Now Display, Helvetica Fallback Bold 44px/48px
custom2
shortsTitle
Ag
Helvetica Now Display, Helvetica Fallback Bold 36px/44px
custom3
h1 small
Ag
Helvetica Now Display, Helvetica Fallback Light 36px/44px
custom4
Quote
Ag
Helvetica Now Text, Helvetica Fallback Medium 20px/30px
custom5
Lead Text
Ag
Helvetica Now Display, Helvetica Fallback Bold 16px/20px
custom6
h3 teaser
Ag
Helvetica Now Text, Helvetica Fallback Regular 16px/24px
custom7
copyright
Ag
Helvetica Now Micro, Helvetica Fallback Medium 12px/20px
custom8
Dachzeile
Ag
Helvetica Now Micro, Helvetica Fallback Medium 8px/20px
custom9
Dachzeile Teaser
mdx / sys / font / flex / medium
Ag
Helvetica Now Display, Helvetica Fallback XBold 24px/32px
headline3
Headline 3 Medium
Ag
Helvetica Now Text, Helvetica Fallback Regular 16px/22px
body3
Body 1
Ag
Helvetica Now Display, Helvetica Fallback Bold 44px/48px
display1
h1
Ag
Helvetica Now Display, Helvetica Fallback Bold 36px/40px
display2
h2
Ag
Helvetica Now Display, Helvetica Fallback Bold 24px/32px
display3
h3
Ag
Helvetica Now Text, Helvetica Fallback Bold 20px/30px
headline1
h4
Ag
Helvetica Now Text, Helvetica Fallback Bold 16px/24px
headline2
h5
Ag
Helvetica Now Text, Helvetica Fallback Regular 16px/24px
body1
body
Ag
Helvetica Now Micro, Helvetica Fallback Regular 12px/18px
body2
body small
Ag
Helvetica Now Display, Helvetica Fallback Bold 72px/88px
custom1
Initiale
Ag
Helvetica Now Display, Helvetica Fallback Bold 44px/48px
custom2
shortsTitle
Ag
Helvetica Now Display, Helvetica Fallback Bold 36px/44px
custom3
h1 small
Ag
Helvetica Now Display, Helvetica Fallback Light 36px/44px
custom4
Quote
Ag
Helvetica Now Text, Helvetica Fallback Medium 20px/30px
custom5
Lead Text
Ag
Helvetica Now Display, Helvetica Fallback Bold 16px/20px
custom6
h3 teaser
Ag
Helvetica Now Text, Helvetica Fallback Regular 16px/24px
custom7
copyright
Ag
Helvetica Now Micro, Helvetica Fallback Medium 12px/20px
custom8
Dachzeile
Ag
Helvetica Now Micro, Helvetica Fallback Medium 8px/20px
custom9
Dachzeile Teaser
mdx / sys / font / flex / large
Ag
Helvetica Now Display, Helvetica Fallback XBold 28px/36px
headline3
Headline 3 Large
Ag
Helvetica Now Text, Helvetica Fallback Regular 16px/22px
body3
Body 1
Ag
Helvetica Now Display, Helvetica Fallback Bold 72px/80px
display1
h1
Ag
Helvetica Now Display, Helvetica Fallback Bold 32px/40px
display2
h2
Ag
Helvetica Now Display, Helvetica Fallback Bold 28px/36px
display3
h3
Ag
Helvetica Now Text, Helvetica Fallback Bold 24px/36px
headline1
h4
Ag
Helvetica Now Text, Helvetica Fallback Bold 18px/28px
headline2
h5
Ag
Helvetica Now Text, Helvetica Fallback Regular 18px/28px
body1
body
Ag
Helvetica Now Micro, Helvetica Fallback Regular 12px/18px
body2
body small
Ag
Helvetica Now Display, Helvetica Fallback Bold 80px/88px
custom1
Initiale
Ag
Helvetica Now Display, Helvetica Fallback Bold 88px/88px
custom2
shortsTitle
Ag
Helvetica Now Display, Helvetica Fallback Bold 42px/52px
custom3
h1 small
Ag
Helvetica Now Display, Helvetica Fallback Light 42px/48px
custom4
Quote
Ag
Helvetica Now Text, Helvetica Fallback Medium 24px/36px
custom5
Lead Text
Ag
Helvetica Now Display, Helvetica Fallback Bold 28px/36px
custom6
h3 teaser
Ag
Helvetica Now Text, Helvetica Fallback Regular 18px/28px
custom7
copyright
Ag
Helvetica Now Micro, Helvetica Fallback Medium 12px/20px
custom8
Dachzeile
Ag
Helvetica Now Micro, Helvetica Fallback Medium 12px/20px
custom9
Dachzeile Teaser
mdx / sys / font / flex / xlarge
Ag
Helvetica Now Display, Helvetica Fallback XBold 28px/36px
headline3
Headline 3 Large
Ag
Helvetica Now Text, Helvetica Fallback Regular 16px/22px
body3
Body 1
Ag
Helvetica Now Display, Helvetica Fallback Bold 96px/104px
display1
h1
Ag
Helvetica Now Display, Helvetica Fallback Bold 48px/56px
display2
h2
Ag
Helvetica Now Display, Helvetica Fallback Bold 32px/40px
display3
h3
Ag
Helvetica Now Text, Helvetica Fallback Bold 24px/36px
headline1
h4
Ag
Helvetica Now Text, Helvetica Fallback Bold 18px/28px
headline2
h5
Ag
Helvetica Now Text, Helvetica Fallback Regular 18px/28px
body1
body
Ag
Helvetica Now Micro, Helvetica Fallback Regular 12px/18px
body2
body small
Ag
Helvetica Now Display, Helvetica Fallback Bold 88px/96px
custom1
Initiale
Ag
Helvetica Now Display, Helvetica Fallback Bold 88px/88px
custom2
shortsTitle
Ag
Helvetica Now Display, Helvetica Fallback Bold 64px/76px
custom3
h1 small
Ag
Helvetica Now Display, Helvetica Fallback Light 56px/68px
custom4
Quote
Ag
Helvetica Now Text, Helvetica Fallback Medium 24px/36px
custom5
Lead Text
Ag
Helvetica Now Display, Helvetica Fallback Bold 32px/40px
custom6
h3 Teaser
Ag
Helvetica Now Text, Helvetica Fallback Regular 18px/28px
custom7
Copyright
Ag
Helvetica Now Micro, Helvetica Fallback Medium 12px/20px
custom8
Dachzeile
Ag
Helvetica Now Micro, Helvetica Fallback Medium 12px/20px
custom9
Dachzeile Teaser
mdx / sys / font / flex / 2xlarge
Ag
Helvetica Now Display, Helvetica Fallback XBold 28px/36px
headline3
Headline 3 Large
Ag
Helvetica Now Text, Helvetica Fallback Regular 16px/22px
body3
Body 1
Ag
Helvetica Now Display, Helvetica Fallback Bold 96px/104px
display1
h1
Ag
Helvetica Now Display, Helvetica Fallback Bold 48px/56px
display2
h2
Ag
Helvetica Now Display, Helvetica Fallback Bold 32px/40px
display3
h3
Ag
Helvetica Now Text, Helvetica Fallback Bold 24px/36px
headline1
h4
Ag
Helvetica Now Text, Helvetica Fallback Bold 18px/28px
headline2
h5
Ag
Helvetica Now Text, Helvetica Fallback Regular 18px/28px
body1
body
Ag
Helvetica Now Micro, Helvetica Fallback Regular 12px/18px
body2
body small
Ag
Helvetica Now Display, Helvetica Fallback Bold 88px/96px
custom1
Initiale
Ag
Helvetica Now Display, Helvetica Fallback Bold 88px/88px
custom2
shortsTitle
Ag
Helvetica Now Display, Helvetica Fallback Bold 64px/76px
custom3
h1 small
Ag
Helvetica Now Display, Helvetica Fallback Light 56px/68px
custom4
Quote
Ag
Helvetica Now Text, Helvetica Fallback Medium 24px/36px
custom5
Lead Text
Ag
Helvetica Now Display, Helvetica Fallback Bold 32px/40px
custom6
h3 Teaser
Ag
Helvetica Now Text, Helvetica Fallback Regular 18px/28px
custom7
Copyright
Ag
Helvetica Now Micro, Helvetica Fallback Medium 12px/20px
custom8
Dachzeile
Ag
Helvetica Now Micro, Helvetica Fallback Medium 12px/20px
custom9
Dachzeile Teaser
mdx / sys / font / fix
Ag
Helvetica Now Display, Helvetica Fallback XBold 24px/36px
title1
Title 1
Ag
Helvetica Now Display, Helvetica Fallback Bold 18px/28px
title2
Title 2
Ag
Helvetica Now Display, Helvetica Fallback Bold 18px/24px
title3
Title 3
Ag
Helvetica Now Text, Helvetica Fallback Regular 18px/28px
body1
Body 1
Ag
Helvetica Now Micro, Helvetica Fallback Regular 12px/18px
body2
Body 2
Ag
Helvetica Now Micro, Helvetica Fallback Regular 12px/18px
body3
Body 2
Ag
Helvetica Now Text, Helvetica Fallback Medium 18px/28px
label1
Label 1
Ag
Helvetica Now Text, Helvetica Fallback Medium 14px/20px
label2
Label 2
Ag
Helvetica Now Text, Helvetica Fallback Medium 12px/16px
label3
Label 3
Ag
Helvetica Now Micro, Helvetica Fallback Medium 10px/12px
label4
Label 4
Ag
Helvetica Now Display, Helvetica Fallback Black 16px/20px
titleBlack
Title Black
mdx / sys / shadow
0 0 12px 0 rgba(0,0,0,0.2)
mdx / sys / shadow / elevated
0 0 12px 0 rgba(0,0,0,0.3)
mdx / sys / shadow / top
inset 0 0 0 0 rgb(0,0,0)
mdx / sys / shadow / none
0 1px 3px 0 rgba(0,0,0,0.1), 0 1px 2px -1px rgba(0,0,0,0.1)
mdx / sys / shadow / default
0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -4px rgba(0,0,0,0.1)
mdx / sys / shadow / lg
Typography
Typography Design Tokens
Tokens
Klubschule

© 2025 MDX. Page last updated on Mar 17, 2025, 08:01