Custo
Een galerij in metaalkleur met een monolithisch lettertype. Een showroom in gedempte grijsgroene tinten, waar een enkel donker object en een lettertype van 57px voor zich spreken.
Custo functioneert als een galerij van industriële producten: een warm metallic canvas dient als achtergrond voor het fysieke product, terwijl typografie in groot formaat de belangrijkste visuele verfraaiing vormt. Het systeem is strikt achromatisch – geen chromatische kleuren – waardoor de donkere geanodiseerde letterbox en de geometrische zwaartekracht van één enkel schreefloos lettertype de volledige persoonlijkheid van het merk overbrengen. Elk scherm balanceert ruime witte ruimte met een monumentale typografische boodschap, waarbij het merklogo wordt herhaald als een bijna architectonisch element. De oppervlakken zijn vlak en mat; diepte wordt gecreëerd door de reflectie van het product zelf, niet door schaduwen of kleurverlopen.
De pagina-indeling is een verticaal geordende structuur met één kolom en een maximale inhoudsbreedte van ongeveer 1280px, gecentreerd in het zichtbare gedeelte van de pagina. Het hoofdelement beslaat de volledige breedte van de pagina en is weergegeven in Canvas Gunmetal #9ea29f, met een foto van een brievenbus in het midden rechts en een 57px CUSTO®-logo onderaan. Onder het hoofdelement wisselen secties elkaar af: een tekstblok van twee kolommen (kleine titel links, grote titel rechts), gevolgd door een horizontaal raster van drie productafbeeldingen, en vervolgens rijen van twee kolommen met tekst en afbeeldingen, waarbij de hoofdtekst afwisselend aan weerszijden staat. De tussenruimte tussen de secties is 110px, wat zorgt voor voldoende verticale ademruimte. De navigatie bestaat uit een enkele transparante bovenbalk die vervaagt naar Paper White tijdens het scrollen. Het CES-pictogram is een vast, zwevend element in de rechterbenedenhoek. Het algehele ritme is galerij-achtig: weinig elementen in elke sectie, een groot lettertype, ruime witruimte en een productfoto als visuele interpunctie tussen de tekststroken.
De afbeeldingen zijn puur productfoto's van de Custo-brievenbus, gemaakt in drie modi: portretten van de hele bus tegen het metalen frame, lifestylefoto's die de interactie van mensen met het apparaat demonstreren, en close-ups van de scaninterface en de ledring. Alle foto's zijn uitgevoerd in gedempte, contrastrijke tinten, waarbij de matzwarte afwerking van de brievenbus als visueel ankerpunt dient. Er zijn geen illustraties, abstracte afbeeldingen of stockfoto's. De foto's zijn geplaatst op kaarten met een straal van 8px of worden schermvullend gebruikt achter het logo van 57px. Het CES-icoon is de enige afbeelding in meerdere kleuren op de hele website.
Palet
Neutrale
- Canvas Gunmetal
#9ea29f— De warme grijsgroene achtergrond van de hoofd- en themasecties onderscheidt Custo van standaard witte SaaS-templates en voelt meer aan als architectonisch beton dan als een digitaal oppervlak. - Obsidian
#000000— Hoofdtekst, dunne randen, pictogramlijnen - de inkt met het hoogste contrast in het systeem, gebruikt voor koppen en structurele scheidingslijnen. - Paper White
#ffffff— Achtergrondafbeeldingen van lichaamsdelen, omgekeerde tekst op een antracietkleurig canvas, tekst op een donkere achtergrond bij productfotografie. - Anodized Graphite
#4b514d— Het donkere oppervlak voor productfoto's, extra kopjes en driedimensionale tekst sluit aan bij de afwerking van de brievenbus, waardoor de gebruikersinterface en het product uit hetzelfde materiaal zijn vervaardigd. - Brushed Steel
#8e9194— Subtiele tekst, lijstscheidingstekens en extra pictogramcontouren bevinden zich tussen Paper White en Obsidian voor ingebedde metadata en discrete links. - Linen Mist
#a7aaad— De lichte kleur van de rand en de scheidingslijnen voor kopjes en tussentitels is een subtiele tint die nooit concurreert met de structurele lijnen van de obsidiaankleur.
Typografie
van 15 tot 57px · 5 stappen
- PP Neue Montreal — vervanging: Inter · overzichten 400 (Medium) · Er wordt één typografisch systeem met één letterfamilie gebruikt voor alles, van de hoofdtekst tot de verklarende tekst. Geometrische uniformiteit in dikte is het kenmerk, waardoor het gebruik van secundaire of weergavespecifieke lettertypen wordt vermeden. Zo wordt het woordmerk 'CUSTO®' met een lettergrootte van 57px gelezen als behorend tot dezelfde typografische familie als het label van het formulierinvoerveld van 15px.
Intervallen en vorm
| Doel | Betekenis |
|---|---|
| Dikte | ruim |
| Basisstap | 24px |
| Knopradius | 31.35px (pill) for primary action; 8px for secondary |
| Kaartradius | 8px |
| Schaduwen | geen randen in plaats van schaduwen |
| Tussen secties | 110px |
| Paginabreedte | 1280px |
AI bouwt je website in de stijl Custo en vult deze in.
- Vul het account aan met producten en berichten via de link - Instagram, TikTok, Facebook.
- Neem de inhoud van je oude website over; geef gewoon het adres op.
- Modern design op de beste engine: React ( Next.js) met server-side rendering en SEO-optimalisatie direct uit de doos.
- Volledig geautomatiseerde SEO-optimalisatie voor zoekresultaten en aanbevelingen op basis van neurale netwerken.
Vergelijkbare stijlen
- 099 SUPPLY — Een galeriewand gevuld met zwart-witte objecten.
- Specht Studio — Een galeriewand vol subtiele curiositeiten. De chroomafwerking van de studio zelf bestaat uit een wit oppervlak met zwarte letters; het visuele spektakel is volledig geconcentreerd in het tegelwerk van het project.
- Structured — Renaissance-galerij op plasticine-achtig papier
- Airbnb — Een rustige witte galeriewand met een enkele koraalrode boekenlegger.
- VSCO — De monochrome wand van de galerie toont een tentoonstelling van zwart-witfoto's, waarbij een enkele warme spot de daaropvolgende actie belicht.
- Apple (España) — De museumgalerie, badend in zacht daglicht, is één grote, fascinerende, gewichtloze witte ruimte, waarbij elk object wordt verlicht door een spotlicht tegen een licht getinte muur.
- Peak Design — Galeriewand, gedeeltelijk verlicht
- Apple (España) — De Obsidian Gallery is een donkere tentoonstellingsruimte waar een enkel titanium object oplicht tegen een pikzwarte achtergrond.
- Apple (España) — witte vitrinekast
- teenage engineering — Industriële catalogus voor studioverlichting - het product is het enige belangrijke object op de pagina, en alles wat er verder over wordt gezegd, wordt eromheen besproken.
- Apple (España) — Een galerieraam in de ochtendmist.
- Apple (España) — De White Museum Gallery om 12.00 uur.