Custo
A gunmetal-colored gallery with a monolithic font. A showroom in muted gray-green tones, where a single dark object and 57px font speak for themselves.
Custo functions as a gallery of industrial products: a warm metallic canvas serves as a backdrop for the physical product, while large-format typography serves as the primary visual embellishment. The system is strictly achromatic—no chromatic colors—allowing the dark anodized letterbox and the geometric gravity of a single sans-serif typeface to convey the brand's entire personality. Each screen balances expansive white space with a monumental typographic statement, with the brand mark repeated as an almost architectural element. Surfaces are flat and matte; depth is created through the product's own reflectivity, not through shadows or gradients.
The page layout is a vertically arranged single-column structure with a maximum content width of ~1280px, centered within the viewport. The main page element spans the entire width of the page, rendered in edge-to-edge Canvas Gunmetal #9ea29f, with a photo of a mailbox centered on the right and a 57px CUSTO® logo anchoring the bottom edge. Below the main element, sections alternate: a two-column text block (small caption on the left, large title on the right), followed by a horizontal grid of three product image cards, then two-column rows of text and images, with the main text alternating on either side. The gutters between sections are 110px, creating significant vertical breathing space. The navigation is a single transparent top bar that fades to Paper White as you scroll. The CES icon is a fixed, floating element in the lower right corner. The overall rhythm is gallery-like: few elements in each section, large font, wide spaces, and a product photo as visual punctuation between text strips.
The images are purely product photography of the Custo mailbox, shot in three modes: full-length portraits against the metal frame, lifestyle shots demonstrating human interaction with the device, and close-ups of the scanning interface and LED ring. All photographs are executed in muted, high-contrast tones, with the mailbox's matte black finish serving as a visual anchor. There are no illustrations, abstract graphics, or stock photos. The photographs are placed on 8px-radius cards or used full-screen behind the 57px logo. The CES icon is the only multicolor image on the entire website.
Palette
Neutral
- Canvas Gunmetal
#9ea29f— The warm gray-green background of the main and theme sections distinguishes Custo from standard white SaaS templates and feels more like architectural concrete than a digital surface. - Obsidian
#000000— Body text, thin borders, icon strokes - the highest contrast ink in the system, used for headings and structural dividers. - Paper White
#ffffff— Body part background images, inverted text on gunmetal canvas, text on dark background of product photography. - Anodized Graphite
#4b514d— The dark surface for product photography, additional headings, and three-dimensional text echoes the finish of the mailbox, so the user interface and product are made from the same material. - Brushed Steel
#8e9194— Subdued body text, list dividers, and additional icon outlines sit between Paper White and Obsidian for embedded metadata and discreet links. - Linen Mist
#a7aaad— The light color of the border and dividers for headings and dividing lines is a subtle shade that never competes with the structural lines of the Obsidian color.
Typography
from 15 to 57px · 5 steps
- PP Neue Montreal — replacement: Inter · outlines 400 (Medium) · A single-family typographic system is used for everything from body copy to explanatory text—geometric uniformity in weight is the hallmark, avoiding the use of any secondary or display-specific fonts, so the 'CUSTO®' wordmark set at 57px is read as belonging to the same typographic family as the 15px form input field label.
Intervals and form
| Purpose | Meaning |
|---|---|
| Density | spacious |
| Basic step | 24px |
| Button radius | 31.35px (pill) for primary action; 8px for secondary |
| Card radius | 8px |
| Shadows | no - borders instead of shadows |
| Between sections | 110px |
| Page width | 1280px |
AI will build your website in Custo style and fill it
- Fill with products and posts via the link - Instagram, TikTok, Facebook.
- Transfer content from your old site—just specify the address.
- Modern design on the best engine: React ( Next.js) with server rendering and SEO optimization out of the box.
- Fully automated SEO optimization for search results and neural network recommendations.
Similar styles
- 099 SUPPLY — A gallery wall filled with black and white objects
- Specht Studio — A gallery wall filled with discreet curiosity. The studio's own chrome finish is a white surface and black lettering; the visual fireworks are entirely concentrated within the project's tilework.
- Structured — Renaissance gallery on plasticine-like paper
- Airbnb — A quiet white gallery wall with a single coral red bookmark
- VSCO — The gallery's monochrome wall is an exhibition of black and white photographs, where a single warm spotlight illuminates the following action.
- Apple (España) — The museum gallery, in soft daylight, is a single, captivating, weightless white space, with each exhibit illuminated by a spotlight against a lightly tinted wall.
- Peak Design — Gallery wall, partially illuminated
- Apple (España) — The Obsidian Gallery showcase is a dark exhibition hall where a single titanium object glows against a pitch-black background.
- Apple (España) — white gallery display case
- teenage engineering — Industrial catalog in studio lighting - the product is the only significant object on the page, and everything else is discussed around it
- Apple (España) — A gallery window in the morning fog
- Apple (España) — The White Museum Gallery at noon