Zellerfeld
સફેદ આરસપહાણ પર એક શિલ્પકારની વર્કશોપ - પેડેસ્ટલની એકવિધ સપાટીઓ, કોબાલ્ટનો એક જ તણખો, ફ્લોરથી છત સુધી નાના અક્ષરોનો અવાજ.
ઝેલરફેલ્ડ સફેદ આરસપહાણ પર ડિજિટલ શિલ્પકારોની ગેલેરી જેવું લાગે છે - 3D-પ્રિન્ટેડ જૂતા માટેનું બજાર, જ્યાં મોનોક્રોમ સપાટીઓ, પુષ્કળ સફેદ જગ્યા અને મોટા, નાના અક્ષરો દરેક ઉત્પાદનને સંગ્રહાલય પ્રદર્શનની જેમ કાર્ય કરવાની મંજૂરી આપે છે. ઇન્ટરફેસ અત્યંત સંયમિત છે: તાત્કાલિક ક્ષણો માટે આરક્ષિત સિંગલ ઇલેક્ટ્રિક કોબાલ્ટ રંગ (#000aff) સાથેનો એક રંગીન કેનવાસ - ચિહ્નો, સક્રિય "શોપ" નેવિગેશન અને વર્તમાન સ્લાઇડ સ્થિતિ. કાર્ડ્સ શુદ્ધ સફેદને બદલે ગરમ મોતી ગ્રે પૃષ્ઠભૂમિ સામે તરતા રહે છે, જે ગ્રીડને સ્પર્શેન્દ્રિય, પ્લાસ્ટર કાસ્ટ આપે છે. ટાઇપફેસ ચુસ્ત અક્ષર અંતર સાથે એક કસ્ટમ સેન્સ-સેરિફ (રુબર્ટ) રહે છે, અને સ્પેસ મોનોનો ઉપયોગ ફક્ત કિંમત, ઉત્પાદન સૂચિઓ અને તકનીકી મેટાડેટા માટે થાય છે. પરિણામે, ઉત્પાદન પૃષ્ઠ રિટેલ ચેકઆઉટ કરતાં ડિઝાઇન પ્રેસ સાઇટ જેવું લાગે છે - વસ્તુઓનો ફોટોગ્રાફ કરવામાં આવે છે, વેચવામાં આવતો નથી.
આ પેજ પેજની સંપૂર્ણ પહોળાઈને આવરી લે છે અને તેમાં 1440px કન્ટેન્ટ સ્ટ્રીપ છે. મુખ્ય તત્વ ફ્લોટિંગ UI ઓવરલે સાથે પૂર્ણ-સ્ક્રીન ફોટો બેનર છે. પ્રોડક્ટ સેક્શન 4-કૉલમ ગ્રીડનો ઉપયોગ કરે છે, જે ટેબ્લેટ પર 2 અને મોબાઇલ ડિવાઇસ પર 1 પર ફોલ્ડ થાય છે. સેક્શન રિધમ છે: મોટું પ્રોડક્ટ વર્ણન → એડિટોરિયલ રેટિંગ ગ્રીડ → ન્યૂ રિલીઝ ગ્રીડ → પ્રેસ કોન્ટેક્ટ ઇન્ફર્મેશન પેનલ. દરેક પ્રોડક્ટ સેક્શન તેની સામગ્રીને સ્ટ્રીપની અંદર કેન્દ્રિત કરે છે અને સેક્શન વચ્ચે 80px વર્ટિકલ સ્પેસનો ઉપયોગ કરે છે. નેવિગેશન એ એક જ હરોળમાં એક નિશ્ચિત ટોપ બાર છે જેની ઉપર એક પાતળી એડ સ્ટ્રીપ છે. પ્રોડક્ટ કાર્ડ્સ એક કડક ગ્રીડ સાથે સંરેખિત હોય છે—ઇમેજ એરિયા હંમેશા કાર્ડની અંદર 40px ટોપ/બોટમ પેડિંગ સાથે શૂ સિલુએટ પર કેન્દ્રિત હોય છે, અને મેટાડેટા ક્લસ્ટર 40x40 બ્રાન્ડ લોગો સાથે નીચલા ડાબા ખૂણામાં એન્કર થયેલ છે.
પ્રોડક્ટ ફોટોગ્રાફી એ મુખ્ય દ્રશ્ય તત્વ છે - દરેક જૂતાનો ફોટોગ્રાફ શુદ્ધ સફેદ અથવા પ્લાસ્ટર સપાટી પર ત્રણ-ક્વાર્ટરના ખૂણા પર લેવામાં આવે છે, જે કોઈપણ સંદર્ભ, મોડેલ અથવા આસપાસના વાતાવરણ વિના સમગ્ર કાર્ડને ભરી દે છે. મુખ્ય તત્વ એક સંપૂર્ણ જીવનશૈલી ફોટોગ્રાફ છે: રેતી અથવા કોંક્રિટ પર પગ અને જૂતાના કાપેલા શોટ્સ, હંમેશા માનવીય સ્તરે, ક્યારેય સંપૂર્ણ સ્ટુડિયો-ગુણવત્તાવાળા નથી. "વિષય મુખ્ય તત્વ છે" સિદ્ધાંત લાગુ પડે છે - જૂતા ફ્રેમના દૃશ્યમાન વિસ્તારના 40% પર કબજો કરે છે, મુખ્ય સંપાદકીય તત્વમાં પણ. કોઈ સુશોભન ગ્રાફિક તત્વો, અમૂર્ત પેટર્ન અથવા ચિત્રોનો ઉપયોગ કરવામાં આવતો નથી. ચિહ્નો રેખીય છે, કાળા રંગમાં દર્શાવેલ છે, ક્યારેય ભરેલા નથી, ક્યારેય રંગીન નથી.
પેલેટ
બ્રાન્ડ
- Electric Cobalt
#000aff— નવા ચિહ્નો, સક્રિય નેવિગેશન બાર, વર્તમાન સ્લાઇડ સૂચક, સક્રિયકરણ ક્ષણો - સિસ્ટમમાં એકમાત્ર રંગીન સંકેત, સુશોભનને બદલે સક્રિયકરણ તરીકે જોવામાં આવે તે માટે થોડો ઉપયોગ કરવામાં આવ્યો.
તટસ્થ
- Pale Iris
#e5e7ff— બેજ માટે નવો કલર ફિલ, સોફ્ટ હાઇલાઇટ અને લેબલિંગ વિકલ્પો માટે ટિન્ટેડ સપાટી - એક મ્યૂટ કોબાલ્ટ શેડ જે મોનોક્રોમ પેલેટને ખલેલ પહોંચાડ્યા વિના રંગ તરફ સંકેત આપે છે. - Ink Black
#111111— મુખ્ય ટેક્સ્ટ, ડિફોલ્ટ બોર્ડર્સ, આઇકોન આઉટલાઇન, પાતળા વિભાજકો - હેડિંગ, યાદીઓ અને લિંક્સ માટે મુખ્ય માળખાકીય રંગ. - Pure White
#ffffff— જ્યાં રંગ સૂક્ષ્મ રહે ત્યાં તટસ્થ ફોર્મ સ્ટેટ્સ, આઇકોન ટેક્સ્ટ અને ગુપ્ત UI પ્રતિસાદનો ઉપયોગ કરવો જોઈએ. કોલ ટુ એક્શન માટે પ્રાથમિક રંગ તરીકે તેનો ઉપયોગ કરવાનું ટાળો. - Plaster
#ecedee— પ્રોડક્ટ કાર્ડ્સ માટે ગૌણ સપાટી, નેવિગેશન બાર પૃષ્ઠભૂમિ, કેનવાસ ઉપર સુંવાળી ઉંચી સપાટી. - Slate
#a1a4aa— કાર્ડ ફ્રેમ શેડ, ન્યુટ્રલ બટન ફિલ અને મ્યૂટ બટન બોર્ડર ગ્રે રંગના છે જે કાર્ડની કિનારીઓને ઘાટા કર્યા વિના હાઇલાઇટ કરે છે. - Fog
#d7d7d7— લાઇટ કાર્ડ ફ્રેમ, વિભાજન રેખાઓ, નિષ્ક્રિય સપાટીનું ટિન્ટિંગ.
ટાઇપોગ્રાફી
૧૩ થી ૧૨૮ પિક્સેલ સુધી · ૭ પગલાં
- Roobert — રિપ્લેસમેન્ટ: Inter · રૂપરેખા 400, 500, 600, 700 · મુખ્ય બ્રાન્ડ ફોન્ટનો ઉપયોગ બોડી કોપીથી લઈને હેડલાઇન્સ સુધી દરેક વસ્તુ માટે થાય છે. લાઇન સ્પેસિંગ બધા કદમાં સુસંગત છે, જે લોગોના નાના અક્ષરોને ગાઢ, શિલ્પયુક્ત સમૂહ આપે છે. સંદર્ભના આધારે ફોન્ટનું વજન વધે છે: બોડી કોપી અને UI માટે 400, હાઇલાઇટ કરેલા હેડિંગ માટે 500, પ્રોડક્ટ નામો માટે 600 અને મોટા ટાઇટલ માટે 700.
- Space Mono — રિપ્લેસમેન્ટ: JetBrains Mono · રૂપરેખા 400, 600 · ટેકનિકલ મેટાડેટા—કિંમત (€189.00), ટોચના 10 સ્થાનો માટે સંખ્યાત્મક મૂલ્યો, ટિકર પ્રતીકો અને સ્ટોર નામો—એવી જગ્યાઓ ઉમેરવામાં આવે છે જ્યાં પૃષ્ઠને પ્રમોશનલ ટેક્સ્ટને બદલે ટેકનિકલ સ્પષ્ટીકરણ તરીકે જોવામાં આવે.
- Arial — રિપ્લેસમેન્ટ: Inter · રૂપરેખા 400 · એરિયલ - કાઢેલા ડેટામાં જોવા મળે છે પરંતુ AI દ્વારા વર્ણવેલ નથી.
અંતરાલો અને સ્વરૂપ
| હેતુ | અર્થ |
|---|---|
| ઘનતા | સરેરાશ |
| મૂળભૂત પગલું | 16px |
| બટન ત્રિજ્યા | 10px |
| કાર્ડ ત્રિજ્યા | 10px |
| પડછાયાઓ | ન્યૂનતમ |
| વિભાગો વચ્ચે | 80px |
| પૃષ્ઠ પહોળાઈ | 1440px |
AI તમારી વેબસાઇટ Zellerfeld શૈલીમાં બનાવશે અને તેને ભરી દેશે.
- લિંક દ્વારા ઉત્પાદનો અને પોસ્ટ્સ ભરો - Instagram, TikTok, Facebook.
- તમારી જૂની સાઇટ પરથી સામગ્રી ટ્રાન્સફર કરો—ફક્ત સરનામું સ્પષ્ટ કરો.
- શ્રેષ્ઠ એન્જિન પર આધુનિક ડિઝાઇન: સર્વર રેન્ડરિંગ અને SEO ઑપ્ટિમાઇઝેશન સાથે React ( Next.js).
- શોધ પરિણામો અને ન્યુરલ નેટવર્ક ભલામણો માટે સંપૂર્ણપણે સ્વચાલિત SEO ઑપ્ટિમાઇઝેશન.
સમાન શૈલીઓ
- Airbnb — એક જ કોરલ લાલ બુકમાર્ક સાથે શાંત સફેદ ગેલેરી દિવાલ
- Apple (España) — સફેદ ગેલેરી ડિસ્પ્લે કેસ
- Silencio — તરતી કલાકૃતિઓ સાથેનો સફેદ ઓરડો. ગરમ કાગળથી બનેલું ગેલેરી પ્રદર્શન, જ્યાં દરેક તત્વ નકારાત્મક વોલ્યુમની પૃષ્ઠભૂમિ સામે તેનું સ્થાન ધરાવે છે, અને મૌન એ ઇરાદાપૂર્વકનો ડિઝાઇન નિર્ણય છે.
- Oakâme — ગરમ પથ્થરમાંથી કોતરવામાં આવેલ સૂર્યથી ભીંજાયેલી પ્રોવેન્સલ વર્કશોપ
- Nike — રમતગમતની સિદ્ધિઓની એક મોનોક્રોમ ગેલેરી - સફેદ દિવાલો, કલાના કાર્ય તરીકે ઉત્પાદન, પૃષ્ઠભૂમિમાં ઓગળેલું ક્રોમ.
- Arc — મધ્યરાત્રિના પાણી ઉપર ઔદ્યોગિક સફેદ ગેલેરી
- Rivian — ગેલેરીની કોંક્રીટની દિવાલ પર ઇલેક્ટ્રિક મોનોલિથ. રિવિયન દરેક વાહનને વિશાળ સફેદ જગ્યા સામે એક શિલ્પ તરીકે રજૂ કરે છે, ટાઇપોગ્રાફી એટલી મોટી છે કે તે એક સ્થાપત્ય તત્વ બની જાય છે, અને એક ગરમ પીળો રંગ જે મોનોક્રોમેટિક વાતાવરણને તોડે છે, જેમ કે મેટ સપાટી પર સૂર્યપ્રકાશ.
- Analogue — બ્લેક ગેલેરી ડિસ્પ્લે કેસ - સામાન ખાલી જગ્યામાં ફરે છે
- ddna — સારવાર ન કરાયેલ શણ પર ગરમ મ્યુઝિયમ ડિસ્પ્લે કેસ
- UY Studio — આશ્રમની પથ્થરની ગેલેરી કોંક્રિટની દિવાલોવાળી શાંત જગ્યા છે, જ્યાં સફેદ પ્લિન્થ પર અત્તરની બોટલો ઉભી છે, જે એક 400-વોટ લેમ્પ અને ચાર ગરમ ગ્રે બલ્બથી પ્રકાશિત છે.
- Basic.Space — સફેદ આરસપહાણ પર ક્યુરેટોરિયલ ગેલેરી
- COS — સફેદ દિવાલો સાથેની એક ટ્રેન્ડી ગેલેરી