← OpenDesign CURATED · OPEN · FREE
Cowboy
A refined, premium brand site for an urban e-bike company, using a monochrome palette and high-quality imagery.
Product Hardware Calm Refined Clean
01
Identity DNA
premium urban mobility minimalist sophisticated lifestyle
A high-end European e-bike brand that blends industrial design with urban lifestyle photography.
02
Color
#1D1D1DInk
#1D1D1D99Ink soft
#FFFFFFBG
#EBEAE7BG soft
#A3A3A3Muted
rgba(229, 231, 235, 1)Line
A strictly neutral palette dominated by near-black and white, using subtle warm grays for secondary elements and borders.
03
Typography
humanist-sans · monospace
display 64px · 400body 16px · 400caption 12px · 40004
Spacing
4px
8px
16px
24px
32px
48px
64px
96px
A consistent 4px base unit with standard increments, using larger values (48px, 64px) for major section padding.
05
Surfaces
sm · 4px
md · 8px
lg · 8px
pill · 9999px
1px solid rgb(229, 231, 235) used for inputs and subtle separators.
rgba(0, 0, 0, 0.1) 0px 10px 15px -3px · rgba(0, 0, 0, 0.06) 0px 1px 6px 0px
06
Layout
1280 container
12 columns
24px gutter
768 / 1024 breakpoints
The modal overlay splits into a 50/50 image-text layout on desktop and stacks vertically on mobile.
07
Motion & Interaction
100ms micro
150ms small
300ms medium
cubic-bezier(0.4, 0, 0.2, 1) easing
Smooth transitions for color, background, and border changes · Standard material-style easing for micro-interactions
Subtle color or background transitions on interactive elements. · Active states likely involving subtle transforms or color inversions.
08
Components
button Full-width, pill-shaped solid buttons with high-contrast black fill and white text. card Modal-style split panels combining a full-bleed lifestyle image with a clean white form container. chip None visible in the primary modal interface. input Clean, bordered text inputs with generous internal padding and light gray placeholders. hero Full-bleed lifestyle photography integrated into a focused newsletter signup modal. 09
Voice & Don'ts
Tone Sophisticated, inviting, and subtly playful. Headlines Short, evocative, and conversational, often with slightly reduced tracking. CTAs Direct and action-oriented, using full-width pill buttons for high visibility. don't use a vibrant, high-saturation accent color — screenshot shows a strictly neutral palette don't use sharp, square corners — screenshot shows consistently rounded borders (8px and pill) don't use decorative or display typefaces — screenshot shows a clean humanist-sans font don't use wide letter spacing — screenshot shows significant negative tracking on large headlines don't use drop shadows on buttons — screenshot shows flat, solid-color buttons don't use cluttered grids — screenshot shows generous whitespace and centered, focused layouts Avoid: Technical jargon Avoid: Overly corporate language Avoid: Aggressive sales pitches 10
Inside the pack — real screenshots
桌面首屏（hero） 桌面滚动分段（90% viewport 步进，作为视觉证据） 桌面滚动分段（90% viewport 步进，作为视觉证据） 桌面滚动分段（90% viewport 步进，作为视觉证据） 桌面滚动分段（90% viewport 步进，作为视觉证据） 桌面滚动分段（90% viewport 步进，作为视觉证据） 桌面滚动分段（90% viewport 步进，作为视觉证据） 桌面滚动分段（90% viewport 步进，作为视觉证据） 桌面滚动分段（90% viewport 步进，作为视觉证据） 桌面滚动分段（90% viewport 步进，作为视觉证据） 桌面滚动分段（90% viewport 步进，作为视觉证据） 桌面滚动分段（90% viewport 步进，作为视觉证据） 桌面滚动分段（90% viewport 步进，作为视觉证据） 桌面滚动分段（90% viewport 步进，作为视觉证据） 桌面滚动分段（90% viewport 步进，作为视觉证据） 桌面滚动分段（90% viewport 步进，作为视觉证据） 桌面滚动分段（90% viewport 步进，作为视觉证据） 移动首屏 Captured from the live site · real computed styles
11
System prompt
This is a premium, refined brand site for a modern e-bike company (Cowboy). The design DNA is minimalist and sophisticated, using a strictly neutral palette of near-black (#1D1D1D) and white (#FFFFFF) with subtle warm grays for borders and secondary text. Typography is a clean humanist-sans (SuisseIntl) with large, tight-tracked headlines. Key interactions are handled through pill-shaped buttons and clean, well-padded form inputs. The layout is focused and spacious, often centered. Critical donts: never use vibrant accent colors, never use sharp square corners, and never use wide-tracked or decorative typography.
More from the library en · zh-CN · zh-TW · ja · ko
OpenDesign · curated web aesthetics for AI-readable design DNA · opendesign.cc
Why we curated this: This site is a prime example of a premium hardware brand using minimalism, high-quality photography, and strict color restraint to convey sophistication.
