Bang & Olufsen
Duab kos Scandinavian uas ua los ntawm cov khoom siv plooj (porcelain). Thaum nplooj ntawv B&O tsaus ntuj nti, daim duab ntawd yuav ci ntsa iab, zoo li ib daim duab puab uas nyob hauv ib lub qhov tsaus ntuj; thaum nws ci ntsa iab, daim duab ntawd zoo li ntab saum cov ntaub dawb, tsis muaj dab tsi los cuam tshuam nws txoj kev xav.
Bang & Olufsen ua haujlwm raws li lub hauv paus ntsiab lus ntawm lub tsev khaws puav pheej: cov ntaub pua plag dawb ze li ntawm cov khoom uas ntab zoo li cov khoom sculptural, cuam tshuam los ntawm qee zaum chromatic inserts uas nthuav dav thoob plaws qhov dav ntawm lub vijtsam - ib qho ultramarine violet tob uas noj tag nrho lub vijtsam, qee zaum nplua nuj terracotta liab - rau kev hais txog kev xav. Lub typography yog ib qho, tsim tshwj xeeb neo-grotesque fontface (BeoSupreme) uas hais lus rau nws tus kheej: tsis tshua pom tseeb ntawm cov ntxaij vab tshaus loj, cov ntawv loj sau ntau ntawm cov ntawv me me, tsis tas yuav muaj lwm yam fontfaces. Cov khoom sib xyaw raug txo kom tsawg kawg nkaus: cov tshuaj ntsiav zoo li translucent, ciam teb nyias, tsis muaj duab ntxoov ntxoo zoo nkauj, tsis muaj khawm gradient, tsis muaj cim. Lub grid yog dav, qhov chaw tsis zoo yog qhov khoom kim heev. Txhua yam khoom tau muab nws tus kheej lub plinth ntab; qhov dawb ib puag ncig yog qhov chaw. Xim tau faib tawm zoo li cov khoom muaj nqis - thaum nws tshwm sim, nws nyob hauv tag nrho lub thav duab.
Lub thawv loj tshaj plaws 1440px yog nyob hauv nruab nrab thiab muaj 25px ntawm cov npoo kab rov tav ntawm ntug. Lub ntsiab lus hero siv tag nrho qhov dav ntawm nplooj ntawv (rhuav lub thawv), thiab lub koob yees duab ultramarine txuas ntxiv ntawm ntug mus rau ntug. Cov khoom lag luam grids raug teeb tsa sib npaug hauv 4-5 kab nrog 25px qhov sib txawv thiab scroll kab rov tav ntawm cov khoom siv mobile. Cov seem hloov pauv ntawm keeb kwm yav dhau dawb thiab cov koob yees duab xim dav dav - lub suab yog raws li nram no: cov khoom lag luam dawb grid → ultramarine hero element → cov khoom lag luam dawb grid → cov ntawv sau liab nplua nuj → cov khoom lag luam dawb grid → ultramarine footer. Navigation yog ib qho minimalist top bar uas ntab saum cov seem dawb thiab xim (cov ntawv nyeem yog inverted rau dawb ntawm keeb kwm yav dhau tsaus). Nplooj ntawv "ua pa" - qhov sib txawv ntawm cov seem yog 60-80px, cov khoom lag luam ib leeg muaj lawv qhov chaw hauv cov cell, thiab tsis muaj cov ntaub ntawv ceev.
Kev thaij duab khoom yog qhov pom tseeb xwb: tsis muaj cov duab hauv lub neej, cov qauv, lossis cov xwm txheej ib puag ncig. Cov khoom raug thaij tawm ntawm cov keeb kwm yav dhau los uas tsis muaj xim (dawb, dub, thiab xiav tsaus gradient) nrog lub teeb pom kev zoo hauv studio uas qhia txog cov khoom siv: matte txhuas, tawv nqaij, tooj liab anodized, thiab matte silicone. Kev txiav yog nruj, nyob hauv nruab nrab, thiab cov ntsiab lus tseem ceeb yog hais txog. Kev ua xim yog muted thiab tsim nyog rau cov khoom siv: tooj liab raug pom tias yog tooj liab, tsis yog "lub sijhawm kub." Cov qauv pom thib ob suav nrog cov duab silhouettes puv npo, tiv thaiv cov dav hlau nplua nuj, monochromatic (ultramarine, terracotta liab) rau lub sijhawm kho kom zoo nkauj. Iconography: kab nyias 1px, monochrome dub rau ntawm dawb lossis dawb rau ntawm qhov tsaus ntuj, geometric, tsis muaj sau, tsis muaj ntau xim.
Xim av
Hom
- Ultramarine Velvet
#060daa— Cov duab keeb kwm yav dhau los nyob rau sab saum toj thiab hauv qab ntawm nplooj ntawv, cov ntu ua yeeb yam uas nthuav dav thoob plaws tag nrho nplooj ntawv, thiab cov ntawv sau hauv qab - xim nplua nuj, yuav luag dub-xiav-violet siv los npog tag nrho cov thav duab thiab muab qhov kev xav ua yeeb yam rau ib yam khoom.
Nruab nrab
- Porcelain Canvas
#ffffff— Cov duab keeb kwm yav dhau los ntawm nplooj ntawv, kev tsim daim npav khoom, thiab cov kab navigation yog lub hauv paus tseem ceeb uas txhua yam khoom raug tsim los rau. - Bone
#fcfaee— Ib qho chaw thib ob rau cov blocks sov so xim nruab nrab, cov ntawv khawm ntawm keeb kwm yav dhau tsaus ntuj, ib daim ntaub canvas lwm txoj hauv kev thaum dawb zoo li huv. - Obsidian
#191817— Cov ntawv tseem ceeb thiab cov lus piav qhia txog khoom yog xim sov so, yuav luag dub uas zoo li mos dua li #000000 ntshiab ntawm keeb kwm yav dhau dawb. - Pure Ink
#000000— Cov kab kos duab, cov cim me me, cov ciam teb me me, thiab cov ntawv sib piv ntse tshaj plaws. - Graphite
#555555— Cov ntawv nyeem theem ob, metadata, cov ntawv cim nqi, cov ntawv pabcuam ntsiag to - Mist
#e5e5e5— Cov ciam teb ntawm cov ntaub ntawv nkag nyias nyias thiab tsuas yog qhov sib cais cov qauv hauv lub system.
Kev sau ntawv
txij li 12 mus rau 36px · 5 kauj ruam
- BeoSupreme — hloov: Neue Haas Grotesk Display Pro (closest) · cov qauv qhia 400, 500, 700 · Ib daim ntawv uas qhia txog tag nrho lub npe lag luam. Rau cov npe thiab cov ntawv sau: 500–700 qhov hnyav, 24–36px nrog qhov sib nrug ntawm cov ntawv me me (-0.056em → -0.014em) rau cov npe tseem ceeb thiab luv luv. Rau cov ntawv sau lub cev thiab UI: 400 qhov hnyav, 14–16px, qhov sib nrug ntawm cov ntawv ib txwm muaj, qhov sib nrug ntawm kab 1.5–1.7. Microlabels (kev taw qhia, cov cim, cov lus hais tias "Tsim muaj xyoo 1925"): 500 qhov hnyav, 9–12px nrog qhov sib nrug ntawm cov ntawv dav txog li +0.143em, tso tawm hauv txhua lub kaus mom rau kev siv ua cov lus piav qhia txog kev tsim vaj tsev uas tsis pom tseeb. Tsis muaj lwm daim ntawv sib tw.
- object-fit: cover; object-position: center; — hloov: Inter · cov qauv qhia 400 · khoom-haum: npog; khoom-txoj hauj lwm: nruab nrab; - pom nyob rau hauv cov ntaub ntawv rho tawm tab sis tsis tau piav qhia los ntawm AI.
Lub sijhawm thiab daim ntawv
| Lub Hom Phiaj | Lub ntsiab lus |
|---|---|
| Qhov Ceev | ntom ntom |
| Kauj ruam yooj yim | 8-16px |
| Lub vojvoog ntawm lub pob | 40px |
| Lub vojvoog ntawm daim npav | 0px |
| Duab ntxoov ntxoo | tsis muaj ciam teb es tsis yog duab ntxoov ntxoo |
| Nruab nrab ntawm cov ntu | 60-80px |
| Qhov dav ntawm nplooj ntawv | 1440px |
AI yuav tsim koj lub vev xaib hauv hom ntawv Bang & Olufsen thiab sau nws
- Sau cov khoom thiab cov ntawv tshaj tawm los ntawm qhov txuas - Instagram, TikTok, Facebook.
- Hloov cov ntsiab lus ntawm koj lub xaib qub - tsuas yog qhia qhov chaw nyob xwb.
- Tsim qauv niaj hnub ntawm lub cav zoo tshaj plaws: React ( Next.js) nrog rau kev ua haujlwm ntawm lub server thiab kev ua kom zoo dua SEO tawm ntawm lub thawv.
- Kev ua kom zoo dua SEO tag nrho rau cov txiaj ntsig tshawb nrhiav thiab cov lus pom zoo ntawm neural network.
Cov qauv zoo sib xws
- Structured — Renaissance gallery ntawm daim ntawv zoo li plasticine
- Apple (España) — Lub tsev khaws puav pheej lub tsev khaws puav pheej, thaum lub hnub ci ntsa iab, yog ib qho chaw dawb uas ntxim nyiam, tsis hnyav, nrog txhua qhov khoom pov thawj ci ntsa iab los ntawm lub teeb pom kev zoo tawm tsam phab ntsa uas muaj xim me ntsis.
- Apple (España) — Lub Tsev Qhia Obsidian yog ib chav ua yeeb yam tsaus ntuj uas muaj ib yam khoom titanium ci ntsa iab tawm tsam keeb kwm yav dhau dub.
- 099 SUPPLY — Ib phab ntsa gallery puv nrog cov khoom dub thiab dawb
- Custo — Ib lub tsev khaws puav pheej xim av nrog rau cov ntawv sau ib leeg. Ib lub chaw tso khoom hauv cov xim grey-ntsuab uas tsis muaj xim, qhov twg ib yam khoom tsaus nti thiab cov ntawv sau 57px hais lus rau lawv tus kheej.
- Apple (España) — Lub Tsev khaws puav pheej Dawb thaum tav su
- VITURE — Kev nthuav qhia cov khoom lag luam neon tom qab lub iav thaum ib tag hmo - lub chaw tso khoom tsaus ntuj uas muaj ib lub teeb txiv kab ntxwv txiav dhau qhov tsaus ntuj, ci ib khub iav ntawm lub rooj sawv.
- HNST Studio — Ib lub studio zoo nkauj uas muaj cov ntaub linen uas muaj xim xeb yog ib lub tsev khaws puav pheej zam uas muaj ib qho xim txiv kab ntxwv kub hnyiab ua rau sab hauv tsev zoo nkauj uas muaj xim qab zib thiab thee.
- OFFFICE : — ib lub tsev khaws puav pheej noir uas muaj cov ntawv monolithic
- ARTU — Phab ntsa ntawm chav ua yeeb yam rau ntawm daim ntawv dawb. ARTU kho qhov chaw saib zoo li lub tsev khaws puav pheej - cov duab khoom loj, cov cim me me, thiab ib qho kov ntawm txiv qaub ntsuab hauv qab uas ua kom tiav cov khoom.
- Specht Studio — Ib phab ntsa gallery puv nrog kev xav paub tsis meej. Lub studio tus kheej chrome tiav yog dawb thiab cov ntawv dub; cov duab hluav taws xob pom tau tsom mus rau hauv cov vuas pobzeb ntawm qhov project.
- MindMarket — Ib phau ntawv dab neeg zoo nkauj uas muaj ntawv dawb - ib daim ntaub zoo nkauj uas muaj cov ntawv xov xwm loj thiab cov cim ntawv txiav ua ke nyob ua ke ntawm qhov chaw uas muaj hnub ci ntsa iab thiab mos mos.