Allbirds
Maaddooyinka dabiiciga ah ee maro cad oo ku yaal maro
Allbirds waxay ku shaqeysaa kalsooni deggan oo dabiici ah—shiraac ku dhawaad gebi ahaanba aan midab lahayn, oo ay weheliso ciid diirran (#e0dacf) iyo codad dhul oo aamusan oo si toos ah looga soo qaatay sawir qaadista badeecada. Is-dhexgalka isticmaaluhu ma farageliyo khibradda badeecada: dusha sare ee cad, xuduudaha khafiifka ah, navigation-ka dhammaan koofiyadaha, iyo kontaroolada qaabka kiniinka oo u eg badhamada jirka marka loo eego walxaha shabakadda. Is-casri ah (farta serif ee gaarka ah) ayaa loo isticmaalaa daqiiqadaha yar ee muhiimka ah ee u baahan fiiro gaar ah oo tifaftire ah—cinwaannada iyo magacyada ururinta—halka Geograph loo isticmaalo xarfo kasta, nuqul jirka ah, iyo badhanka saddex miisaan oo dheellitiran. Kaararka qaybta waxay noqdaan nidaam midab leh: mid walba wuxuu ka qaataa midabkiisa asalka ah badeecada la soo bandhigay, isagoo u beddelaya navigation-ka palette Pantone oo nool.
Ballaca ugu badan waa ~1200px, oo xuddun u ah dahaadh dhinac oo ballaaran. Qaybta ugu weyn waa xariijin tifaftiran oo ballaaran oo ku taal asal ciid diirran oo leh carousel weyn oo badeecad ah oo ka soo ifbaxaya bartamaha. Navigation-ka qaybta waa shabag ka kooban afar kaarar oo midab leh oo isku mid ah oo ku jira afar tiir, mid walbana wuxuu ka kooban yahay hal qaab kabo oo dhexe. Hoosta laalaabku, qaab-dhismeedku wuxuu isku beddelaa guddiyo kala qaybsan oo buuxa (sawirka qaab nololeedka ee bidixda + muunadda badeecada ee midig) iyo carousels-ka badeecada ee dhexe oo hoos yimaada cinwaan yar oo hoos loo dhigay. Laxanka guud waa: guddi tifaftiran oo ballaaran → shabakad afar tiir ah → carousel badeecad oo dhexe → laba tiir oo kala qaybsan → carousel badeecad oo dhexe. Kala fogaanshaha qaybaha waa 40-56px, taasoo abuuraysa kala-guur hawo leh laakiin aan ahayn mid aad u badan. Navigation-ku waa baar sare oo go'an oo leh xiriiriyeyaal aasaasi ah oo dhexe.
Sawir qaadashadu waa nidaamka muuqaalka oo dhan. Dhammaan sawirada badeecadu waa kuwo aad u dhow, laga bilaabo xagal yar, oo ka soo horjeeda asal adag oo la jaanqaadaya ama dhammaystiraya midabka lahjadda kabaha, iyadoo si wax ku ool ah sawir kasta ugu beddelaysa daraasad midab leh. Sawirada qaab nololeedka waxaa lagu duubayaa midabyo diirran oo qorrax leh, goobaha dabiiciga ah (goobaha agave, sagxadaha alwaaxa, dhulka qallafsan), si qarsoodi ah ayaa loo qariyey si ay ula jaanqaadaan palette-ka qarooban. Ma jiraan sawirro, ma jiraan sawirro 3D ah, ma jiraan sawirro aan la taaban karin. Iyadoo lala kaashanayo Pantone, palette-ka midabka dhabta ah waxaa loo isticmaalaa qayb sawireed ahaan. Astaanta sawirku waa mid aad u yar oo monochrome ah (calaamadaha dulmar ee ku jira booska hagitaanka iyo kaaliyeyaasha).
Paleetka
Dhexdhexaad
- Canvas White
#ffffff— Sawirada asalka bogga, dusha sare ee kaararka, sawirrada asalka kaarka badeecada. - Charcoal
#212121— Midab dhexdhexaad ah ayaa loo taageeraa walxaha UI-ga labaad, kala-qaybiyayaasha, iyo calaamadaha aan la xidhin. Waa in aan loo isticmaalin midabka koowaad ee wicitaanada ficilka. - True Black
#000000— Cinwaanada, astaamaha, qaab-dhismeedyada isbarbardhigga sare leh, qoraalka hagitaanka. - Warm Sand
#e0dacf— Qaybta ugu muhiimsan, hooska dusha sare ee dheeraadka ah, guddiyada tifaftirka ee waaweyn. - Olive Char
#222519— Midab dhexdhexaad ah ayaa loo taageeraa walxaha UI-ga labaad, kala-qaybiyayaasha, iyo calaamadaha aan la xidhin. Waa in aan loo isticmaalin midabka koowaad ee wicitaanada ficilka. - Iron Gray
#525252— Qoraal labaad, qoraal kaaliye ah, iyo qaab-dhismeed aan muuqan.
Nooca qoraalka
laga bilaabo 12 ilaa 40px · 6 tallaabo
- Self Modern — beddelka: Playfair Display · dulmar guud 400 · Cinwaanada iyo tifaftirka si yar ayaa loo isticmaalaa, iyagoo iftiiminaya weedhaha muhiimka ah iyo cinwaanada ururinta. Farriimaha Serif iyo kuwa farta ku fiiqan waxay kala jebinayaan hal-abuurka noocyada sans-serif waxayna gudbinayaan farriinta: "Kani waa nuxurka sheekada."
- Geograph — beddelka: Inter · dulmar guud 400, 500, 700 · Farta ugu muhiimsan ee is-dhexgalka isticmaalaha waxaa ka mid ah qoraalka jirka, calaamadaha navigation-ka, badhamada, cinwaanada alaabta, cagta, meelaha gelinta, iyo astaamaha. 500 cinwaanada la iftiimiyay, 700 magacyada alaabta. Kala fogaanshaha xarfaha ballaaran (0.025em–0.10em) ee xarfaha waaweyn ee calaamadaha navigation-ka iyo qaybaha waxay dejiyaan qaab summad oo joogto ah.
- HurmeGeometricSans3 — beddelka: Inter · dulmar guud 400 · Si dhif ah ayaa loogu isticmaalaa calaamad kayd ah ama calaamad u gaar ah badhanka. Geograph wuxuu isticmaalaa nidaamkan maalin kasta.
Mudada iyo qaabka
| Ujeeddo | Macnaha |
|---|---|
| Cufnaanta | cufan |
| Tallaabada aasaasiga ah | 8-16px |
| Gacanka badhanka | 9999px (pill) |
| Gacanka kaarka | 16px |
| Hooska | maya - xuduudaha halkii laga isticmaali lahaa hooska |
| Inta u dhaxaysa qaybaha | 40-56px |
| Ballaca bogga | 1200px |
AI waxay website-kaaga ku dhisi doontaa qaabka Allbirds oo ay buuxin doontaa
- Ku buuxi alaabada iyo qoraallada adoo adeegsanaya xiriirka - Instagram, TikTok, Facebook.
- Ku wareeji macluumaadka boggaagii hore—kaliya sheeg cinwaanka.
- Naqshad casri ah oo ku jirta matoorka ugu fiican: React ( Next.js) oo leh qaabaynta server-ka iyo hagaajinta SEO oo aan la hubin.
- Hagaajinta SEO si buuxda oo otomaatig ah oo loogu talagalay natiijooyinka raadinta iyo talooyinka shabakadda neerfaha.
Qaabab isku mid ah
- Lightship — Diorama shineemo ah oo wadada furan ah. Darbiyada gallery-ga kareemka diirran oo lagu qurxiyey sawirro muuqaal ah oo waaweyn oo lagu dhejiyay meelo dhow, nooc madow oo khafiif ah oo aan si fudud looga arki karin muraayadaha, iyo lahjad oranji dhalaalaya oo jebinaysa monochrome sida dab-shid ah oo ku yaal meel bannaan.
- Faire ES — Buugga jumlada ee kareemka diirran
- Adanola — Buug tifaftire ah oo ku qoran warqad cad. Sawir gacmeed halkaas oo sawir-qaadis iyo sawir-qaadis ay ku neefsadaan dusha cad ee nadiifka ah, oo leh khad madow oo loogu talagalay nooca qoraalka iyo farta sans-serif oo sir ah oo qarsoon (la jecel yahay), taasoo ka tarjumaysa qaabka guud ee summada.
- Oura Ring — Aqoon-is-weydaarsi ku habboon sameynta boorashka, oo lagu maydho iftiinka qorraxda
- Stykka — Aqoon-is-weydaarsi Scandinavian ah oo iftiin cad leh - qol bandhig oo deggan oo gacan lagu sameeyay halkaas oo codka kaliya uu yahay sawir qaadista
- DJI — shiraac madow oo hawada sare ah oo leh hal dhalaal buluug koronto ah
- Altitude Beverages — Joornaalka monochrome-ga ah ayaa ku faafay. Bal qiyaas joornaal moodada ah oo laga jaray dhammaan midabada marka laga reebo sawirrada aan weli muuqan - qoraalka iyo booska cad ayaa sheekada oo dhan sheegaya.
- AATHER — Timir furan, olol keliya - raaxo deggan oo ku jirta xasillooni
- Cowboy — Matxaf baaskiilada Belgian ah oo ku yaal goob baraf cad-cad. Qol bandhig ah oo dusha sare ee matte ah, far waaweyn oo loo isticmaalo agabka tifaftirka, iyo maqnaanshaha qurxinta ee casriga ah ayaa indhaha ku soo jiidanaya baaskiilka iyo waxa ku jira.
- Refero — Qaab-dhismeedka tifaftirka ee marmar cad - bog wax soo saar ah oo uu sameeyay qoraa, halkaas oo cinwaanka serif uu yahay kaarka wicitaanka ee summada, wax kasta oo kalena aan la arki karin
- Face Formula — Sawir tifaftire Scandinavian ah. Faafitaan deggan oo qaab joornaal ah, halkaas oo aragtida moodeelka iyo cinwaanka, oo lagu qoray far serif ah oo kooban, ay isu hadlaan iyagoo ka soo horjeeda muuqaal qabow oo ceeryaamo leh.
- Shupatto — Kiiska bandhigga Matxafka oo ku yaal marmar cad