Shop
સફેદ આરસપહાણ પર તરતું વેપારી નક્ષત્ર
આ ઓનલાઈન સ્ટોર "સફેદ કેનવાસ" મોડેલ પર કાર્ય કરે છે, જેમાં ઉત્પાદનો થંબનેલ્સના ગ્રીડને બદલે મોટા, ભારે વક્ર ઇમેજ કાર્ડ તરીકે પ્રદર્શિત થાય છે. આખું ઇન્ટરફેસ અતિ સરળ છે: 20-28px ત્રિજ્યા, ગોળી આકારના નિયંત્રણો, અને ચુસ્ત નકારાત્મક ટ્રેકિંગ સાથે કોમ્પેક્ટ 16px GT સ્ટાન્ડર્ડ બોડી જે ટેક્સ્ટને સ્પષ્ટ અને બોલ્ડ બનાવે છે. સિસ્ટમનો એકમાત્ર બોલ્ડ ઉચ્ચાર એક વાઇબ્રન્ટ જાંબલી (#5433eb) છે, જે લોગો, ગોળાકાર શોધ પરિણામો ક્ષેત્રમાં અને તે જ બટન પર રંગીન પડછાયા તરીકે દેખાય છે. બાકીનો પેલેટ ગરમ તટસ્થ છે: સફેદ સપાટીઓ, એક સૂક્ષ્મ કૂલ ગ્રે કેનવાસ, સૂક્ષ્મ કિનારીઓ અને લગભગ કાળો ટેક્સ્ટ. ઘનતા 12px ગટર સાથે કોમ્પેક્ટ રહે છે, પરંતુ હીરો અને કેટેગરી પટ્ટાઓ 64-80px ની ઉદાર ઊભી લયને આભારી શ્વાસ લે છે, જે વાણિજ્ય અનુભવને કેટલોગ કરતાં બ્રાઉઝિંગ જેવો અનુભવ કરાવે છે.
મહત્તમ પહોળાઈ 1200px છે, જે અર્ધપારદર્શક #f2f4f5 કેનવાસ પર કેન્દ્રિત છે, ડાબી બાજુએ સતત 64px-પહોળાઈ સાઇડબાર છે જેમાં ફક્ત નેવિગેશન ચિહ્નો છે. મુખ્ય તત્વ પૂર્ણ-પહોળાઈની પટ્ટી છે, જેમાં ઉત્પાદન કાર્ડ કેન્દ્રિત જાંબલી "દુકાન" લોગોની ઉપર સ્થિત છે, અને તેની નીચે એક ગોળી આકારનો શોધ બાર છે. શ્રેણી ગોળીઓ શોધ બારની નીચે એક જ કેન્દ્રમાં ગોઠવાયેલી છે. સામગ્રી વિભાગો (સ્ત્રીઓ, પુરુષો, સુંદરતા, ઘર, બાળક અને બાળકો) નિયુક્ત સ્ટ્રીપ્સ તરીકે અનુસરે છે, દરેકમાં ઉત્પાદન છબીઓ સાથે 4-કૉલમ ગ્રીડ અથવા 2-કૉલમ "મુખ્ય તત્વ અને ગ્રીડ" રચના હોય છે. ઊભી લય ઉદાર છે: મુખ્ય વિભાગો વચ્ચે 64–80px. ફૂટર પૃષ્ઠના તળિયે કૉલમ-આકારના લિંક જૂથો સાથે એક ઘેરી પટ્ટી છે. આડી ઉત્પાદન પેનલની જમણી બાજુએ કેરોયુઝલ તીર પૃષ્ઠ ક્રમાંકન બિંદુઓ વિના સ્ક્રોલ કરી શકાય તેવી સામગ્રી સૂચવે છે.
ફોટોગ્રાફી એ મુખ્ય દ્રશ્ય તત્વ છે: સફેદ પૃષ્ઠભૂમિ સામે પૂર્ણ-સ્ક્રીન ઉત્પાદન ફોટા, 1:1 કાપેલા, અને ગરમ માટીના ટોન (બેજ, ટેરાકોટા, ઋષિ, હાથીદાંત) સાથે જીવનશૈલી છબીઓ. ઉત્પાદન છબીઓનો પોતાનો રંગ હોય છે - વપરાશકર્તા ઇન્ટરફેસ એક્રોમેટિક રહે છે, જે ઉત્પાદન શેડ્સને દ્રશ્ય વિવિધતા પ્રદાન કરવાની મંજૂરી આપે છે. બ્રાન્ડ લોગો વ્યક્તિગત ચિહ્નો તરીકે નહીં, પણ શ્યામ અથવા હળવા મુખ્ય છબીઓ પર ઓવરલે ટેક્સ્ટ તરીકે દેખાય છે. મુખ્ય રચનામાં, ઉત્પાદન કાર્ડ્સ શબ્દચિહ્નની ઉપર તરતા, સહેજ ઓવરલેપિંગ નક્ષત્ર તરીકે સ્થિત છે. ચિહ્નો ઓછામાં ઓછા અને મોનોક્રોમ (કાળા રૂપરેખા) છે, શ્રેણી ચિહ્નોના અપવાદ સિવાય, જે એક જ બ્રાન્ડ રંગનો ઉપયોગ કરે છે. ઉત્પાદન છબીઓમાં કોઈ ચિત્રો, 3D અસરો અથવા ગ્રેડિયન્ટ્સ નથી.
પેલેટ
બ્રાન્ડ
- Shop Violet
#5433eb— સફેદ પૃષ્ઠભૂમિ પરની ક્રિયા અને વ્યક્તિત્વને પ્રકાશિત કરતા એકમાત્ર ઉચ્ચારણો સેન્ડ બટન, ડોટેડ ટેક્સ્ટ માર્ક અને બ્રાન્ડ લોગો છે. - Violet Wash
#c0b5f3— જાંબલી સેન્ડ બટન પાછળ એક અર્ધપારદર્શક પ્રભામંડળ જે રંગ બદલ્યા વિના તેની ચમક જાળવી રાખે છે.
તટસ્થ
- Canvas Mist
#f2f4f5— ઊંચા કરેલા કાર્ડ પાછળ પૃષ્ઠની પૃષ્ઠભૂમિ અને વધારાની સપાટીની સારવાર. - Pure White
#ffffff— કાર્ડ્સ, ઇનપુટ ફીલ્ડ્સ, ફ્લોટિંગ ચિહ્નો અને ગોળી આકારના બટનો માટેની મુખ્ય સપાટી. - Ink Black
#000000— ડાર્ક મોડમાં મુખ્ય ટેક્સ્ટ, હેડિંગ, આઇકોન, નેવિગેશન સિમ્બોલ અને પ્રોડક્ટ કાર્ડ. - Faint Border
#ebebeb— કાર્ડ્સ, ઇનપુટ ફીલ્ડ આઉટલાઇન અને ગોળી આકારના બટન ફ્રેમ્સ પર પાતળી વિભાજન રેખાઓ. - Muted Gray
#787574— નિષ્ક્રિય હોય ત્યારે ગૌણ ટેક્સ્ટ, નેવિગેશન લેબલ્સ, આઇકન આઉટલાઇન - Cool Stone
#cccccc— પ્લેસહોલ્ડર્સ, અક્ષમ સ્થિતિઓ અને નિષ્ક્રિય આઇકન બેકગ્રાઉન્ડ્સ
ટાઇપોગ્રાફી
૧૧ થી ૧૬ પિક્સેલ સુધી · ૪ પગલાં
- GT Standard — રિપ્લેસમેન્ટ: Inter · રૂપરેખા 400 · બધા કદમાં પ્રાથમિક ફોન્ટ - બોડી ટેક્સ્ટ અને હેડિંગ બંને માટે. 16px/-0.031em પર GTStandard-MRegular એ બોડી ટેક્સ્ટ, બટનો અને લેબલ્સ માટે પ્રાથમિક ફોન્ટ છે. 20px/-0.05em પર GTStandard-MSemibold નો ઉપયોગ ઘણા મોટા હેડિંગ માટે થાય છે; 11–12px પર GTStandard-MMedium નો ઉપયોગ માઇક્રોકેપ્શન માટે થાય છે. દરેક ફોન્ટ વેરિઅન્ટ 400 ના ઓપ્ટિકલ વજન સાથે પ્રદર્શિત થાય છે—ફોન્ટ વંશવેલો બોલ્ડ કોન્ટ્રાસ્ટને બદલે સૂક્ષ્મ ગ્રેડિયન્ટ્સ અને ગાઢ નકારાત્મક અક્ષર અંતર દ્વારા પ્રાપ્ત થાય છે. આ એક સિગ્નેચર શૈલી છે: દુકાન બોલ્ડ ફોન્ટ્સ સાથે બૂમ પાડતી નથી, પરંતુ અક્ષર અંતર દ્વારા ટેક્સ્ટને આકાર આપે છે.
- Shopify Sans — રિપ્લેસમેન્ટ: Inter · રૂપરેખા 400, 700 · એપ્લિકેશન લોડિંગ બેનરો અને કૂકી સંમતિ ટેક્સ્ટ જેવા સિસ્ટમ-સ્તરના સંદેશાઓ માટે આરક્ષિત.
અંતરાલો અને સ્વરૂપ
| હેતુ | અર્થ |
|---|---|
| ઘનતા | સરેરાશ |
| મૂળભૂત પગલું | 12px |
| બટન ત્રિજ્યા | 9999px |
| કાર્ડ ત્રિજ્યા | 28px |
| પડછાયાઓ | નરમ પડછાયાઓ |
| વિભાગો વચ્ચે | 64px |
| પૃષ્ઠ પહોળાઈ | 1200px |
AI તમારી વેબસાઇટ Shop શૈલીમાં બનાવશે અને તેને ભરી દેશે.
- લિંક દ્વારા ઉત્પાદનો અને પોસ્ટ્સ ભરો - Instagram, TikTok, Facebook.
- તમારી જૂની સાઇટ પરથી સામગ્રી ટ્રાન્સફર કરો—ફક્ત સરનામું સ્પષ્ટ કરો.
- શ્રેષ્ઠ એન્જિન પર આધુનિક ડિઝાઇન: સર્વર રેન્ડરિંગ અને SEO ઑપ્ટિમાઇઝેશન સાથે React ( Next.js).
- શોધ પરિણામો અને ન્યુરલ નેટવર્ક ભલામણો માટે સંપૂર્ણપણે સ્વચાલિત SEO ઑપ્ટિમાઇઝેશન.
સમાન શૈલીઓ
- Cursor — ધૂમ્રપાન કરતા કોલસાથી પ્રકાશિત, એક હૂંફાળું ચર્મપત્ર વર્કશોપ
- Slush — પેસ્ટલ કાગળ પર સ્ટીકરોનું ફૂલી શકાય તેવું બ્રહ્માંડ
- MindMarket — ક્રીમ કાગળ પર બનાવેલ એક હૂંફાળું પરીકથાનું પુસ્તક - એક મૈત્રીપૂર્ણ સંપાદકીય કેનવાસ જ્યાં મોટા ઇન્ટર હેડલાઇન્સ અને કટ-આઉટ કાગળના પાત્રો સૂર્યથી ભીંજાયેલી, સ્ટીકર-નરમ સપાટી પર સહઅસ્તિત્વ ધરાવે છે.
- Airbnb — એક જ કોરલ લાલ બુકમાર્ક સાથે શાંત સફેદ ગેલેરી દિવાલ
- Superr — બપોરના નરમ પ્રકાશમાં ગરમ સ્કૂલ નોટબુક. ક્રીમ રંગનું પાનું, ટોપી વગરનું નારંગી માર્કર, અને છાલવાની રાહ જોતા લેમિનેટેડ નામના સ્ટીકરોનો ઢગલો.
- Apple (España) — મ્યુઝિયમ ગેલેરી, નરમ દિવસના પ્રકાશમાં, એકલ, મનમોહક, વજનહીન સફેદ જગ્યા છે, જેમાં દરેક પ્રદર્શન હળવા રંગની દિવાલ સામે સ્પોટલાઇટથી પ્રકાશિત છે.
- Lamborghini — શોરૂમમાં કાળો બોડી કલર, સ્પોટલાઇટ્સ હેઠળ - એક પીળી કાર
- Amplemarket — કોન્ફેટીથી છવાયેલ સૂર્યથી ભીંજાયેલું કાર્યસ્થળ
- Getharvest — ગોલ્ડન અવર પર એક ડેસ્ક - ગરમ ક્રીમ કેનવાસ, કેનવાસ પર લટકાવેલા સફેદ પોસ્ટકાર્ડ્સ, અને એક તેજસ્વી નારંગી જ્યોત
- Agence Foudre — મેગેઝિનનું કવર પેજ લિપસ્ટિકની યાદ અપાવે તેવા હળવા ગુલાબી રંગનું છે.
- Drive Capital — ગરમ કાગળ પર રેટ્રો રોડ ટ્રીપ પોસ્ટર
- Apple (España) — સફેદ ગેલેરી ડિસ્પ્લે કેસ