A high-density German deals-community system built on a confident brand green, where a stacked white-card feed carries thousands of deals and every card wears the signature hot/cold temperature control that turns pricing into a crowd vote. Fully-round 540px pill buttons, Averta CY at two weights, and a compact red/blue/orange status vocabulary keep the feed scannable and playful at once.
Averta CY (Mulish shown as substitute) carries the system at two weights — medium 500 for reading, bold 700 for headings, prices, and every UI label. A monospace face handles voucher codes.
White surface, hairline border, 8px corners — the feed's atom: thumbnail, title, price, temperature, CTA.
price-lockup — green current price, struck-through original, mint discount badge.
Coupon / news / discussion tiles in the right rail — same white-on-hairline 8px chrome.
Fully-round search field — the pill signature.
Square-cornered against the pill search.
The temperature control that turns pricing into a crowd vote, and the full deal-card anatomy it lives in.
Cold-blue down-vote, hot-red temperature + up-vote — always paired.
8px base with 2/4px micro-steps. Cards pad lg (16px); rows stack tight (sm–md) for density.
The pill signature: buttons, search, chips, and the temperature control curve to a full 540px; cards settle at 8px.
| Name | Width | Key changes |
|---|---|---|
| Mobile | < 768px | Single-column feed; sidebar drops; nav → "Menü" pill; card media stacks over body |
| Desktop | ≥ 768px | Feed + right sidebar two-column shell; full nav row + category strip |
Touch targets: pill buttons and the temperature control clear a comfortable tap height; vote/comment/share icons carry generous hit areas. Collapsing: category strip and sidebar collapse first; the nav condenses to Menü + search + submit; cards reflow media-over-body.