← OpenDesign CURATED · OPEN · FREE
Custo
A premium, minimalist landing page for a smart mailbox, emphasizing physical hardware and a companion app through bold typography and restrained aesthetics.
Hardware Product Premium Calm Clean
01
Identity DNA
Smart Secure Premium Minimalist Hardware
High-end consumer electronics meets secure home infrastructure.
02
Color
#000000Ink
#8e9194BG
#ffffffBG soft
#a7aaadMuted
rgba(167,170,173,1.0)Line
A restrained, sophisticated monochromatic palette anchored by a mid-tone gray, relying on pure black and white for contrast and hierarchy.
03
Typography
geometric-sans · monospace
display 120px · 500heading 58px · 500subheading 38px · 500body 16px · 400Use the geometric-sans category for all text. · Maintain tight line heights for large display type.
04
Spacing
4px
8px
16px
24px
32px
48px
64px
96px
Generous padding and gaps create a sense of premium space.
05
Surfaces
sm · 4px
md · 8px
lg · 12px
pill · 999px
Minimal, relying on subtle bottom borders for separation.
06
Layout
1280 container
12 columns
24px gutter
768 / 1024 breakpoints
Full-bleed hero with centered container, followed by stacked content sections.
07
Motion & Interaction
225ms micro
400ms small
800ms medium
cubic-bezier(0.165, 0.84, 0.44, 1) easing
Reveal animations using clip-path · Smooth color and opacity transitions
Subtle state changes on interactive elements. · Standard pointer cursor on clickable elements.
08
Components
button Pill-shaped, semi-transparent white background with dark text. card No visible cards in the provided screenshots. chip No visible chips in the provided screenshots. input No visible inputs in the provided screenshots. hero Full-viewport hero with large left-aligned text, a prominent product image overlapping a giant watermark, and a simple CTA link. 09
Voice & Don'ts
Tone Confident, direct, and premium. Headlines Short, impactful, and benefit-oriented. CTAs Simple, action-oriented links or buttons. Don't use multiple competing accent colors — the screenshot shows a strictly monochromatic scheme of gray, black, and white. Don't use serif or playful fonts — the screenshot consistently uses a clean, geometric sans-serif for all text. Don't crowd the layout with too many elements — the screenshot uses generous whitespace and a clear visual hierarchy. Don't use drop shadows for depth — the screenshot relies on clean, flat design with no visible box shadows. Don't use bright, saturated backgrounds — the screenshot uses a muted, mid-tone gray as the primary background. Don't use small, cramped buttons — the screenshot features a large, pill-shaped primary call-to-action. Avoid: Cluttered interfaces Avoid: Loud, multi-colored palettes Avoid: Generic, friendly language 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 步进，作为视觉证据） 移动首屏 Captured from the live site · real computed styles
11
System prompt
Generate designs for a premium, minimalist smart home hardware product. Use a restrained monochromatic palette anchored by a mid-tone gray (#8e9194), pure black (#000000), and white (#ffffff). Typography should be a clean, geometric sans-serif with bold, impactful headlines and tight line heights. Layouts must be spacious with generous padding, relying on full-bleed imagery and large watermark typography for visual interest. Avoid clutter, drop shadows, or multiple competing accent colors to maintain a high-end, architectural aesthetic. Critical: never use playful or decorative elements; keep the focus on the physical product and its core benefits.
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 an excellent example of restrained, product-focused design that uses bold typography and a monochromatic palette to convey premium quality.
