Spotify
Dakin sarrafa jukebox na dare
Shafin yanar gizo na Spotify cibiyar sarrafa kafofin watsa labarai ce mai duhu: zane mai kama da baƙi wanda aka ƙawata da fasahar kundin waƙoƙi mai haske, lafazin kore ɗaya mai alama, da kuma sarrafa siffa mai siffar kwaya. Rubutun yana da ƙanƙanta kuma mai amfani—wani nau'in rubutu na sans-serif na geometric wanda aka ƙera musamman a ƙaramin girma, yana bawa hotunan kundin waƙoƙi da masu zane damar yin mafi yawan aikin gani. Tsarin shine harsashi mai ginshiƙi biyu (bangaren gefe + babban abincin) tare da grid na fasahar kundin waƙoƙi da avatars masu zagaye, yana ƙirƙirar canjin yanayi na nau'ikan geometric. Tsarin yana guje wa canje-canje masu kaifi a tsayi, yana dogara da bambance-bambancen saman (katunan #121212 akan zane #000000) da kuma babban tutar gradient guda ɗaya don kuzari. Sakamakon shine jin kamar rumfar DJ: bayanai masu yawa, duhu a sautin, kuma a shirye don kunnawa da kallo.
Tsarin ginshiƙi biyu da aka gyara yana da gefen hagu ("Laburarenku") da kuma babban yankin abun ciki mai amsawa. Sandar saman sandar baki ce mai faɗi baki tare da bincike a hagu da ayyukan asusun a dama. Babban abun ciki yana gungurawa a tsaye, tare da carousels na katunan kwance - waƙoƙin shahara a cikin grid mai murabba'i mai shafi 5, shahararrun mawaka a cikin grid mai zagaye mai shafi 5, da kuma shahararrun kundi/guda ɗaya suna ci gaba da wannan tsari. Tazarar tsakanin sassan yana da ƙanƙanta (32 cm). An kafa tutar talla ta ƙasa a ƙasan tashar kallo. Ana sarrafa kewayawa ta hanyar sandar sama da gefen gefe - babu manyan menus ko crumbs. Sautin yana canzawa: katunan murabba'i → katunan zagaye → katunan murabba'i, suna ƙirƙirar bambancin geometric tsakanin sassan.
Murfin kundin da hotunan mai zane sune babban abin da ke cikin gani. An gabatar da murfin a matsayin guntu mai yawa (rabo na 1:1) tare da radius na 6px - mai kauri don ya yi kama da edita amma mai laushi don zama na zamani. Hotunan mai zane guntu ne zagaye, suna jaddada fuska a matsayin mai ganowa. Babban hanyar haɗin yanar gizon ba ta da hotuna na ado, hotunan salon rayuwa, ko zane-zane marasa tsari. Abin da kawai ba a ɗaukar hoto ba shine tuta mai launin shuɗi-zuwa-shuɗi a ƙasa, wanda ke aiki a matsayin ɓangaren launin alama kawai. Alamun suna da ƙarancin girma, suna da layi ɗaya, fari a bango mai duhu - ƙarami kuma suna aiki, ba sa taɓa yin ado.
Palette
Alamar kasuwanci
- Spotify Green
#1ed760— Ana amfani da kore a matsayin lafazi na biyu don cikakkun bayanai na ado da kuma haskaka tambayoyin bincike da ba a cika amfani da su ba. Bai kamata a yi amfani da shi a matsayin babban launi ba don kiran aiki.
Tsaka-tsaki
- Pure White
#ffffff— Fuskar haske don ƙirƙirar bango mara ɓoyewa da raba sassan. Bai kamata a yi amfani da shi azaman babban launi don kiran aiki ba. - Signal Red
#b85850— Ja yana aiki a matsayin lafazi mai tallafawa don cikakkun bayanai na ado da kuma haskaka launuka marasa sabawa. Yi amfani da shi a matsayin lafazi mai tallafawa, ba a matsayin launin matsayi ba. - Void Black
#000000— Zane na shafi, bayan kewayawa na sama, babban Layer na saman - Carbon
#121212— Fafukan kwali, bangarorin gefe, matakin saman na biyu akan zane - Graphite
#1f1f1f— Sama mai ɗagawa - yanayin shawagi, filayen shigarwa, abubuwan kewayawa da aka zaɓa. - Smoke
#292929— Bangon kewayawa mai aiki, ƙaramin tasirin hasken baya.
Rubutu
daga 11 zuwa 24px · Matakai 4
- SpotifyMixUI — maye gurbin: Inter · zane-zane 400, 600, 700 · Kwafi na jiki, kewayawa, maɓallai, bayanai, ƙananan taken rubutu - ƙira mai ƙarancin bayanai da aka ƙera don ta zama mai sauƙi, tana ba wa zane damar mamaye shi.
- SpotifyMixUITitle — maye gurbin: Inter weight 700 · zane-zane 700 · Kanun sashe ("Waƙoƙi Masu Shahara," "Masu Zane-zane Masu Shahara") - rubutu mai matsakaicin girma da ƙarfin rubutu yana sa kanun labarai su yi fice ba tare da cika ginshiƙin katin ba.
Takaitattun bayanai da tsari
| Manufa | Ma'ana |
|---|---|
| Yawan yawa | mai yawa |
| Mataki na asali | 8-12px |
| Maɓallin radius | 9999px |
| Radius na kati | 6px |
| Inuwar | mafi ƙaranci |
| Tsakanin sassa | 32-48px |
AI za ta gina gidan yanar gizonku a cikin salon Spotify kuma ta cika shi
- Cika da samfura da rubuce-rubuce ta hanyar hanyar haɗin yanar gizo - Instagram, TikTok, Facebook.
- Canja wurin abun ciki daga tsohon shafinka—kawai ka ƙayyade adireshin.
- Tsarin zamani akan mafi kyawun injin: React ( Next.js) tare da nuna sabar da inganta SEO daga cikin akwatin.
- Ingantaccen SEO mai sarrafa kansa don sakamakon bincike da shawarwarin hanyar sadarwa ta jijiyoyi.
Salo makamantansu
- Resend — baƙar fata mai launin shuɗi neon
- Neon — Ɗakin uwar garken bayan duhu. Tsarkakken duhu, inda haske kawai ke fitowa daga bayanai da hulɗar mai amfani.
- Discord — Duniyar wasan tana ɓoye a bayan taga taɗi mai tasowa - kowane sashe yanayi ne mai zaman kansa tare da haskensa da saitin haruffa
- Idle Finance — Bangaren ciniki na neon na tasoshin teku mai zurfi tashar jiragen ruwa ce mai duhu inda haske mai shuɗi ɗaya ke ratsa duhun.
- Midjourney — Tashar bioluminescent a cikin zurfin teku. Duniya mai zurfi ta teku inda hankali ke samar da kansa a gani a cikin rafukan ASCII, kuma sarrafawa suna bayyana a matsayin alamu masu haske kaɗan.
- Netflix — Ba tare da iyaka ba. Kwarewa a harkar fim inda ake gabatar da ɗakin karatu mara iyaka na abubuwan da ke ciki a kan wani yanayi na wasan kwaikwayo mai duhu.
- Wope — Wope wani abu ne mai kama da shunayya. Ka yi tunanin tebur mai duhu mai haske mai launin shunayya yana haskakawa daga ƙarƙashin gilashin.
- basement — Mashin buga takardu babu komai a ƙarfe 3 na safe - manyan haruffan rubutu da aka matse suna yawo a kan launin baƙi, haske ɗaya na haske mai launin lemu a kan sandar kewayawa, komai fari ko launin toka mai duhu.
- Ori — Ɗakin uwar garken da tsakar dare yana da baƙi, haske fari, kuma yana kunnawa ɗaya.
- Amaterasu — Wurin Tsarkakakken Turquoise na Sama
- Stink Studios — Ɗakin shirya fina-finai da tsakar dare - na'urar haska fim tana rawa, ɗakin duhu ne, fim ɗin kawai aka kunna
- Obsidian — Ma'ajiyar ilimin lu'ulu'u. Sararin dijital mai haske da fuskoki da yawa wanda aka tsara don haske da mayar da hankali, tare da jijiyoyin hulɗa masu haske masu launin shuɗi.