CURATED · OPEN · FREE

Glein Wien

A minimalist, editorial-style e-commerce site emphasizing sustainable materials through high-quality photography and restrained typography.

01

Identity DNA

A curated gallery of material-focused lifestyle goods.

02

Color

Strict monochrome palette (black, white, light gray) serving as a neutral canvas for large, high-quality editorial photography.

03

Typography

grotesque-sans · monospace

• display111px · 400
• heading30px · 400
• body15px · 400
• small13px · 400

Uppercase used extensively for navigation and utility links. · Standard weight (400) used across all typographic elements.

04

Spacing

Generous whitespace and tight internal padding, often relying on image composition rather than strict grid spacing.

05

Surfaces

Minimal; predominantly single-pixel lines used for buttons, links, and subtle dividers.

06

Layout

Asymmetric masonry grid dominated by large-scale hero images, adapting to a single-column stack on mobile.

07

Motion & Interaction

Subtle opacity transitions on interactive elements. · Color transitions on hover states.

Subtle color or opacity shifts; minimal visual feedback. · Standard pointer cursor and immediate response.

08

Components

• button Minimalist; text-only with monospace font or simple bordered rectangles for primary actions.
• card Image-driven containers with text overlays, lacking traditional card borders or backgrounds.
• chip None visible.
• input Standard minimal form elements (implied by cookie modal).
• hero Full-bleed or large-panel editorial photography with overlaid category titles and minimal 'mehr anzeigen' links.

09

Voice & Don'ts

• Tone Quiet, understated, and refined.
• Headlines Large, clean, and minimalist, often overlaying imagery.
• CTAs Understated, often underlined text links rather than prominent buttons.

• don't use saturated accent colors — screenshot shows a strictly monochrome (black/white/gray) palette.
• don't use bold font weights — screenshot shows standard weight (400) used exclusively across all text.
• don't use decorative or handwritten fonts — screenshot shows clean, geometric grotesque-sans and functional monospace.
• don't add rounded corners to cards or buttons — screenshot shows sharp, 0-radius edges.
• don't use prominent drop shadows — screenshot shows flat, clean surfaces without depth effects.
• don't clutter the interface with dense text blocks — screenshot shows a highly visual, photography-driven layout with minimal copy.
• don't use bright, colorful backgrounds — screenshot shows mostly white or photographic backgrounds.
• Avoid: Loud, high-contrast call-to-action buttons
• Avoid: Dense blocks of promotional text
• Avoid: Bright, saturated color accents
• Avoid: Complex iconography

10

Inside the pack — real screenshots

Captured from the live site · real computed styles

11

System prompt

en · zh-CN · zh-TW · ja · ko