Stenger Bikes
Functional German bike retailer combining crisp athletic typography with high-utility catalog layouts. Saturated red action buttons provide immediate operational cues against stark white product backdrops and dark photo containers.
Visit site ↗Colour
Background#ffffff
Text#010101
Accent#e82525
Surface#e9e9e9
Muted#666666
Typefaces
- Display
- Exo 2
- Body
- Exo 2
- Mono
- —
- Source
- self_hosted
- Scale
- 10 · 12 · 13 · 14 · 16 · 18
Layout
- Grid
- —
- Container
- —
- Spacing base
- 4px
- Radius
- 0px · 4px
Capture
- Category
- ecommerce
- Sections
- 7
- Captured
- 2026-08-27
- Rhythm
- dark → light x5 → dark
Type rules
- display headlines always uppercase in heavy weights of Exo 2
- body text set around 76 characters per line with standard tracking
- metadata and action labels styled in all-caps or small bold formats
Colour rules
- signal red (#e82525) strictly reserved for primary CTA buttons, brand badges, and accented borders
- pure white (#ffffff) surface for catalog grids with off-black (#010101) footer container
- light grey (#e9e9e9) used to compartmentalize custom workshop features
Voice rules
- headlines strictly uppercase and concise
- product status and pricing clearly explicit on each card
Holds it together
- all primary purchasing CTAs must use solid red fill with centered uppercase white type
- category navigation tiles overlay crisp white text chips over photography
- trust metrics use minimal line-art iconography alongside concise statistical proof points
Contrast
text on background20.9:1 AAA
muted text on background5.7:1 AA
text on surface17.2:1 AAA
accent on background4.5:1 AA Large
background on accent4.5:1 AA Large
Type, measured
- Body
- 16px / 1.5
- Measure
- 76 characters
- Display
- 64px / 0.53
- Tracking
- -0.023em display
- Scale ratio
- 1.41
Voice
- Tone
- direct, functional, authoritative
- Sentences
- medium
- Person
- second
- Vocabulary
- plain
- Calls to action
- in den warenkorb, buchen, akzeptieren
Built with
- Builder
- —
- Framework
- —
- Motion
- —
- WebGL
- —
- Nav
- top_bar, 6 items
- Length
- 6.4 screens
Colour, by area
accent on container, text#ffffff 0%#000000 0%#010101 0%#e9e9e9 0%#f6f6f6 0%#e82525 0%
Sections in page order
3 strongest marked · 7- 00
hero
A conventional cycling retail storefront interrupted by an invasive cookie consent modal obscuring the lifestyle hero photography.
- Mood
- bold
- Layout
- 1 col · stacked · balanced
- 01
showcase
Functional e-commerce product cards displaying bicycles on a clean white background with bold red purchase buttons.
- Mood
- clinical
- Layout
- 2 col · grid · balanced
- 02
showcase
StrongestAn energetic photo mosaic showcasing cycling disciplines with crisp floating label tags over dynamic lifestyle action shots.
- Mood
- bold
- Layout
- 12 col · asymmetric · dense
- 03
showcase
A functional e-commerce product grid displaying electric bikes with high-contrast red add-to-cart buttons and stock status badges.
- Mood
- clinical
- Layout
- 3 col · grid · balanced
- 04
feature
StrongestA clean service feature combining moody photography of a mechanic at work with a crisp overlapping text card and vivid red CTA.
- Mood
- bold + clinical
- Layout
- 12 col · split · balanced
- 05
stats
A clean, airy trust banner featuring warm red outline icons and concise credibility metrics.
- Mood
- quiet
- Layout
- 3 col · grid · airy
- 06
footer
StrongestFunctional dark e-commerce footer organized into clear multi-column links with payment provider badges below.
- Mood
- clinical
- Layout
- 10 col · grid · balanced
