Custo
Ett galleri i pistolfärg med ett monolitiskt typsnitt. Ett utställningslokaler i dämpade grågröna toner, där ett enda mörkt objekt och ett 57px-typsnitt talar för sig själva.
Custo fungerar som ett galleri av industriprodukter: en varm metallisk duk fungerar som bakgrund för den fysiska produkten, medan storformatstypografi fungerar som den primära visuella utsmyckningen. Systemet är strikt akromatiskt – inga kromatiska färger – vilket gör att den mörka anodiserade brevlådan och den geometriska gravitationen hos ett enda sans-serif-typsnitt förmedlar varumärkets hela personlighet. Varje skärm balanserar ett expansivt vitt utrymme med ett monumentalt typografiskt uttalande, där varumärket upprepas som ett nästan arkitektoniskt element. Ytorna är plana och matta; djupet skapas genom produktens egen reflektivitet, inte genom skuggor eller gradienter.
Sidlayouten är en vertikalt arrangerad struktur med en kolumn och en maximal innehållsbredd på ~1280px, centrerad i visningsområdet. Huvudsideselementet sträcker sig över hela sidans bredd, renderat i kant-till-kant Canvas Gunmetal #9ea29f, med ett foto av en brevlåda centrerad till höger och en 57px CUSTO®-logotyp som förankrar den nedre kanten. Under huvudelementet växlar sektionerna: ett textblock med två kolumner (liten bildtext till vänster, stor titel till höger), följt av ett horisontellt rutnät med tre produktbildkort, sedan tvåkolumnsrader med text och bilder, med huvudtexten alternerande på vardera sidan. Mellanrummen mellan sektionerna är 110px, vilket skapar ett betydande vertikalt andrum. Navigeringen är en enda transparent övre stapel som tonas ut till Paper White när du skrollar. CES-ikonen är ett fast, flytande element i det nedre högra hörnet. Den övergripande rytmen är galleriliknande: få element i varje sektion, stort teckensnitt, breda mellanrum och ett produktfoto som visuell interpunktion mellan textremsorna.
Bilderna är renodlade produktfotograferingar av Custo-brevlådan, tagna i tre lägen: helfigursporträtt mot metallramen, livsstilsbilder som demonstrerar mänsklig interaktion med enheten och närbilder av skanningsgränssnittet och LED-ringen. Alla fotografier är utförda i dämpade toner med hög kontrast, med brevlådans mattsvarta finish som ett visuellt ankare. Det finns inga illustrationer, abstrakt grafik eller stockbilder. Fotografierna är placerade på kort med 8px radie eller används i helskärm bakom 57px-logotypen. CES-ikonen är den enda flerfärgade bilden på hela webbplatsen.
Palett
Neutral
- Canvas Gunmetal
#9ea29f— Den varma grågröna bakgrunden i huvud- och temasektionerna skiljer Custo från vanliga vita SaaS-mallar och känns mer som arkitektonisk betong än en digital yta. - Obsidian
#000000— Brödtext, tunna ramar, ikonlinjer – systemets bläck med högsta kontrast, används för rubriker och strukturella avdelare. - Paper White
#ffffff— Bakgrundsbilder av kroppsdelar, inverterad text på kanvas med pistol, text på mörk bakgrund av produktfotografi. - Anodized Graphite
#4b514d— Den mörka ytan för produktfotografering, ytterligare rubriker och tredimensionell text påminner om brevlådans finish, så användargränssnittet och produkten är tillverkade av samma material. - Brushed Steel
#8e9194— Dämpad brödtext, listavdelare och ytterligare ikonkonturer placeras mellan Paper White och Obsidian för inbäddad metadata och diskreta länkar. - Linen Mist
#a7aaad— Den ljusa färgen på ramen och avdelare för rubriker och skiljelinjer är en subtil nyans som aldrig konkurrerar med de strukturella linjerna i obsidianfärgen.
Typografi
från 15 till 57px · 5 steg
- PP Neue Montreal — ersättning: Inter · konturer 400 (Medium) · Ett typografiskt system med en enda familj används för allt från brödtext till förklarande text – geometrisk enhetlighet i vikt är kännetecknande, vilket undviker användning av sekundära eller visningsspecifika teckensnitt, så ordmärket 'CUSTO®' som är satt till 57px läses som tillhörande samma typografiska familj som 15px-etiketten för formulärets inmatningsfält.
Intervaller och form
| Ändamål | Menande |
|---|---|
| Densitet | rymlig |
| Grundläggande steg | 24px |
| Knappradie | 31.35px (pill) for primary action; 8px for secondary |
| Kortradie | 8px |
| Skuggor | inga gränser istället för skuggor |
| Mellan sektioner | 110px |
| Sidbredd | 1280px |
AI kommer att bygga din webbplats i Custo -stil och fylla den
- Fyll på med produkter och inlägg via länken - Instagram, TikTok, Facebook.
- Överför innehåll från din gamla webbplats – ange bara adressen.
- Modern design på den bästa sökmotorn: React ( Next.js) med serverrendering och SEO-optimering direkt ur lådan.
- Helautomatisk SEO-optimering för sökresultat och rekommendationer för neurala nätverk.
Liknande stilar
- 099 SUPPLY — En gallerivägg fylld med svartvita föremål
- Specht Studio — En tavelvägg fylld av diskret nyfikenhet. Studions egen kromfinish är en vit yta och svart text; det visuella fyrverkeriet är helt koncentrerat i projektets kakelarbete.
- Structured — Renässansgalleri på modelleraliknande papper
- Airbnb — En tyst vit tavelvägg med ett enda korallrött bokmärke
- VSCO — Galleriets monokroma vägg är en utställning av svartvita fotografier, där en enda varm spotlight belyser den efterföljande handlingen.
- Apple (España) — Museigalleriet, i mjukt dagsljus, är ett enda, fängslande, viktlöst vitt utrymme, där varje utställningsföremål upplysts av en spotlight mot en lätt tonad vägg.
- Peak Design — Tavelvägg, delvis upplyst
- Apple (España) — Obsidian Gallerys monter är en mörk utställningshall där ett ensamt titanföremål glöder mot en becksvart bakgrund.
- Apple (España) — vit gallerimonter
- teenage engineering — Industriell katalog inom studiobelysning - produkten är det enda viktiga objektet på sidan, och allt annat diskuteras runt den.
- Apple (España) — Ett gallerifönster i morgondimman
- Apple (España) — Vita museets galleri vid middagstid