zalando.co.uk · Shopping and travelHow modern is Zalando's CSS?
Checked 2 November 2026, the CSS on its home page as any visitor gets it. Sites change, so check it now for today's numbers.
Each weekly check lands in your dashboard.
8 old techniques still there
Each with the modern way to replace it. Old CSS that works is fine; these are suggestions.
- Vendor prefixes browsers no longer needUse the unprefixed property285
- Padding aspect-ratio hackUse aspect-ratio72
- Font sizes set in media queriesUse clamp()72
- Negative-margin guttersUse gap14
- 100vhUse dvh units4
- translate(-50%, -50%) centeringUse place-items: center3
- Floats and clearfixUse grid, flexbox, flow-root2
- font-size: 0 whitespace hackUse flexbox with gap1
Also worth a look
These don't change the score, because modern code uses them too.
- High-specificity selectorsUse @layer, :where()577
- !importantUse @layer171
- Doubled classes for weightUse @layer26
- ID selectorsUse classes, @layer16
- z-index of 1000 or moreUse the top layer (dialog, popover)4
- Repeated selector listsUse :is()3
- Physical left and rightUse logical properties788
- Old names for current CSSUse gap, overflow-wrap, break-before5
- Dark theme blocks that repeat valuesUse light-dark()1
What Zalando's CSS is built with
Only what the page and its CSS show, with the evidencePartFoundEvidenceHow sure
- Fontse943cb2, 5ba80dc, Tiempos, HelveticaNow and 1 moreLoaded with @font-face from the site's own files.Very sure
- Site frameworkNot detectedNo framework's file paths in the page or its CSS.—
- PreprocessorCan't tellSass, Less and PostCSS leave no trace in the CSS a browser gets.—
Design tokens
CSS custom properties Zalando defines, and how much of its CSS uses themTokens defined384custom properties
Colors from tokens76%487 of 644
Spacing from tokens72%659 of 918
Font sizes from tokens36%48 of 133
Themes2same tokens, other values
What the 384 tokens hold
- Colors61
- Sizes and spacing160
- Fonts2
- Shadows21
- Point at other tokens48
- Other values92
Main colors (first theme)
- --color-background-default#ffffff
- --color-background-primary#000000
- --color-background-secondary#5c6169
- --color-background-tertiary#f1f1f1
- --color-background-negative#da0410
- --color-background-brand#ff4c00
- --color-background-hover#d2d8dd
- --color-background-pressed#b9c0c6
- --deprecated-color-n100#fff
- --deprecated-color-n200#efeff0
Spacing scale--spacing-* · 8 steps
- 4
- 8
- 12
- 16
- 24
- 36
- 48
- 64
Colors written out
157 color declarations skip the tokens, with 24 different values. The most common: #fff (51), #1a1a1a (12) and #404040 (12).
Tokens a build step turns into plain values (Sass variables, most CSS-in-JS) never reach the browser, so they don't show here.