ટેલિગ્રામ, WhatsApp  +380637610482
વેલેરી ડેન્યુક
વેલેરી ડેન્યુકડેવલપરવ્યવસાયો માટે AI સાધનો વિકસાવવું. ઉચ્ચ-ગુણવત્તાવાળા. સસ્તા.Telegram માં લખો
Nike — આ શૈલીમાં સાઇટનું પૂર્વાવલોકન

Nike

રમતગમતની સિદ્ધિઓની એક મોનોક્રોમ ગેલેરી - સફેદ દિવાલો, કલાના કાર્ય તરીકે ઉત્પાદન, પૃષ્ઠભૂમિમાં ઓગળેલું ક્રોમ.

Nike.com એક મોનોક્રોમ, પ્રોડક્ટ-ફર્સ્ટ ગેલેરી તરીકે કાર્ય કરે છે: યુઝર ઇન્ટરફેસ વર્ચ્યુઅલી અદ્રશ્ય છે, જે પ્રોડક્ટના ફોટાને દરેક સ્ક્રીન પર કબજો કરવાની મંજૂરી આપે છે. આખું ઇન્ટરફેસ કાળા, સફેદ અને ગ્રેના ત્રણ શેડ્સથી બનેલું છે - કોઈ ઉચ્ચાર રંગો નથી, કોઈ સુશોભન ગ્રેડિયન્ટ નથી, કોઈ ગરમ, સિગ્નેચર ક્રોમ નથી. નાઇકીની સિગ્નેચર શૈલી ગેલેરી લોગો અને ફોટામાં રહે છે, પરંતુ યુઝર ઇન્ટરફેસમાં ક્યારેય નહીં. ટાઇપોગ્રાફી કોમ્પેક્ટ અને ઉપયોગિતાવાદી છે, જે 12-20px પર કસ્ટમ-ડિઝાઇન કરેલા હેલ્વેટિકા નાઉ ફોન્ટ ફેમિલી પર આધાર રાખે છે, જેમાં હેડિંગ માટે 76px પર સિંગલ, ઓવરસાઇઝ્ડ નાઇકી ફ્યુચુરા એનડી લોગો છે. ઘટકો ઓછામાં ઓછા છે: 30px ત્રિજ્યા સાથે ગોળી આકારના બટનો, ફ્લેટ પ્રોડક્ટ કાર્ડ્સ, પાતળા કિનારીઓ અને વર્ચ્યુઅલ રીતે શૂન્ય ઊંચાઈ તફાવત. પૃષ્ઠ શુદ્ધ સફેદ ઉત્પાદન સપાટીઓ અને આકર્ષક, ઘેરા સંપાદકીય વિભાગો વચ્ચે વૈકલ્પિક થાય છે, જે સુશોભનને બદલે કોન્ટ્રાસ્ટ દ્વારા લય બનાવે છે.

આ પૃષ્ઠ એક મજબૂત સંપાદકીય લયને અનુસરે છે: એક આકર્ષક, પૂર્ણ-પહોળાઈ, ઘેરો હેડર જેમાં એક જ ઉત્પાદન અને એક મોટું શીર્ષક છે, ત્યારબાદ પૂર્ણ-પહોળાઈ, 2x2 શ્રેણી ગ્રીડ, 3 સ્તંભોમાં ઉત્પાદન કાર્ડ્સનો આડી સ્ક્રોલિંગ ગ્રીડ અને અંતે એક ગાઢ, બહુ-કૉલમ ફૂટર છે. બધા સામગ્રી બ્લોક્સ સંપૂર્ણ વ્યૂપોર્ટ પહોળાઈ ધરાવે છે જેમાં કોઈ મહત્તમ કન્ટેનર પહોળાઈ નથી; મહત્તમ પહોળાઈ મર્યાદા ફક્ત નેવિગેશન અને ફૂટર લિંક ગ્રીડ પર લાગુ પડે છે. વિભાગો વચ્ચેના સંક્રમણો તીક્ષ્ણ છે: કાળો હેડર → સફેદ શ્રેણી ગ્રીડ → સફેદ ઉત્પાદન ગ્રીડ → સફેદ ફૂટર, સાંકડી ગ્રે સરહદો સાથે જે એકમાત્ર દ્રશ્ય સીમ તરીકે સેવા આપે છે. નેવિગેશન એક ન્યૂનતમ, બે-સ્તરીય બાર (ટોચ પર સહાયક લિંક્સ, પ્રાથમિક શ્રેણીઓ કેન્દ્રિત) છે જેમાં કોઈ પિનિંગ નથી, કોઈ પૃષ્ઠભૂમિ ભરણ નથી અને કોઈ પડછાયો નથી. ઉત્પાદન ગ્રીડમાં સામગ્રી ઘનતા કોમ્પેક્ટ છે (ચુસ્ત કાર્ડ અંતર) અને હેડર (પૂર્ણ-પહોળાઈ વ્યૂપોર્ટ) માં જગ્યા ધરાવતી છે.

ફોટોગ્રાફી એ મુખ્ય દ્રશ્ય તત્વ છે અને બ્રાન્ડની સંપૂર્ણ ઓળખને વ્યાખ્યાયિત કરે છે. આ સિસ્ટમ ઉચ્ચ-ગુણવત્તાવાળા, પૂર્ણ-ફ્રેમ ઉત્પાદન ફોટાઓનો ઉપયોગ કરે છે: એથ્લેટિક શૂઝ જે શ્યામ અથવા ગ્રેડિયન્ટ પૃષ્ઠભૂમિ સામે વ્યક્તિગત રીતે ફોટોગ્રાફ કરવામાં આવે છે, જીવનશૈલી સંદર્ભ વિના ફ્રેમ ભરવા માટે કાપવામાં આવે છે. જીવનશૈલી છબીઓ શ્રેણીઓમાં દેખાય છે, જે ગતિમાં રમતવીરોના પગ અને પગ દર્શાવે છે. ઉચ્ચ-વિરોધાભાસ, સંતૃપ્ત રંગ યોજનાનો ઉપયોગ કરવામાં આવે છે—કાળી પૃષ્ઠભૂમિ સામે લાલ શૂઝ, સફેદ તળિયા પર નિયોન ઉચ્ચારો અને સામગ્રીને નાટકીય બનાવવા માટે ગરમ અને ઠંડી લાઇટિંગ. કોઈ ચિત્રો, અમૂર્ત ગ્રાફિક્સ અથવા 3D રેન્ડરિંગનો ઉપયોગ કરવામાં આવતો નથી. છબીઓમાં હંમેશા સ્વચ્છ ધાર હોય છે (ફોટો કન્ટેનરમાં કોઈ ગોળાકાર ખૂણા નથી), હંમેશા તેમના બ્લોક્સમાં સમગ્ર જગ્યા રોકે છે, અને હંમેશા ન્યૂનતમ ટેક્સ્ટ ઓવરલે સાથે હોય છે. આઇકોનોગ્રાફી સંપૂર્ણપણે કાર્યાત્મક છે: શોધ, વિશલિસ્ટ, કાર્ટ અને એકાઉન્ટ માટે રૂપરેખા ચિહ્નો ઓબ્સિડીયન અથવા સ્ટીલ રંગોમાં.

પેલેટ

તટસ્થ

  • Obsidian #111111 — ઘેરો રંગ તટસ્થ ટેક્સ્ટ અને ચિહ્નોને પૂરક બનાવે છે અને મજબૂત કોન્ટ્રાસ્ટ બનાવે છે. કોલ ટુ એક્શન માટે પ્રાથમિક રંગ તરીકે તેનો ઉપયોગ કરવાનું ટાળો.
  • Paper White #ffffff — પેજ બેકગ્રાઉન્ડ, કાર્ડ સપાટી, ઘેરા બેકગ્રાઉન્ડ પર બટન ટેક્સ્ટ, આઇકોન આઉટલાઇન—પ્રોડક્ટ ગ્રીડ અને કેટેગરી વિભાગો માટે ડિફોલ્ટ કેનવાસ.
  • Concrete Gray #e5e5e5 — બોર્ડર્સ, ડિવાઇડર, ગ્રીડ વિભાગોને અલગ કરતી પાતળી રેખાઓ, ઇનપુટ ફીલ્ડ્સની સૂક્ષ્મ રૂપરેખા.
  • Soft Mist #f5f5f5 — ગૌણ સપાટીઓ માટે સૂક્ષ્મ પૃષ્ઠભૂમિ રંગ, શોધ ક્ષેત્ર ભરણ નેવિગેશન, ટેગ પૃષ્ઠભૂમિ.
  • Steel #707072 — ગૌણ ટેક્સ્ટ, મ્યૂટ કરેલ સહાયક ટેક્સ્ટ, ઘટાડેલા આઇકોન આઉટલાઇન, બ્રેડક્રમ્બ લેબલ્સ, ફૂટર લિંક સેપરેટર.
  • Faint Gray #9e9ea0 — આઇકન આઉટલાઇન, નાના UI ઘટકો અને ન્યૂનતમ હાઇલાઇટિંગ સાથે બોર્ડર્સ અક્ષમ છે.

ટાઇપોગ્રાફી

૧૨ થી ૭૬ પિક્સેલ સુધી · ૬ પગલાં

  • Helvetica Now Text Medium — રિપ્લેસમેન્ટ: Inter · રૂપરેખા 500 · હેલ્વેટિકા નાઉ ટેક્સ્ટ મીડિયમ ફોન્ટ - સ્ક્રેપ કરેલા ડેટામાં જોવા મળે છે પરંતુ AI દ્વારા તેનું વર્ણન કરવામાં આવ્યું નથી.
  • Helvetica Now Text — રિપ્લેસમેન્ટ: Inter or Helvetica Neue · રૂપરેખા 400, 500 · યુઝર ઇન્ટરફેસનો મુખ્ય ટેક્સ્ટ - નેવિગેશન લિંક્સ, બટન લેબલ્સ, કાર્ડ ટાઇટલ, પ્રોડક્ટ નામ, ફૂટર લિસ્ટ, બધા બોડી ટેક્સ્ટ.
  • Helvetica Now Display Medium — રિપ્લેસમેન્ટ: Inter Medium or Helvetica Neue Medium · રૂપરેખા 500 · વિભાગના શીર્ષકો, કાર્ડ શ્રેણીના લેબલ્સ, મધ્યમ કદના શીર્ષકો - મધ્યમ ફોન્ટ (20-24px) એ નાઇકી શીર્ષકોની એક ઓળખ છે જે મોટા ડિઝાઇન તત્વો નથી: ક્યારેય બોલ્ડ નહીં, હંમેશા સંક્ષિપ્ત.

અંતરાલો અને સ્વરૂપ

હેતુઅર્થ
ઘનતાગાઢ
મૂળભૂત પગલું8px
બટન ત્રિજ્યા30px
કાર્ડ ત્રિજ્યા0px
પડછાયાઓપડછાયાને બદલે ના - સરહદો
વિભાગો વચ્ચે48px
પૃષ્ઠ પહોળાઈ1440px

AI તમારી વેબસાઇટ Nike શૈલીમાં બનાવશે અને તેને ભરી દેશે.

  • લિંક દ્વારા ઉત્પાદનો અને પોસ્ટ્સ ભરો - Instagram, TikTok, Facebook.
  • તમારી જૂની સાઇટ પરથી સામગ્રી ટ્રાન્સફર કરો—ફક્ત સરનામું સ્પષ્ટ કરો.
  • શ્રેષ્ઠ એન્જિન પર આધુનિક ડિઝાઇન: સર્વર રેન્ડરિંગ અને SEO ઑપ્ટિમાઇઝેશન સાથે React ( Next.js).
  • શોધ પરિણામો અને ન્યુરલ નેટવર્ક ભલામણો માટે સંપૂર્ણપણે સ્વચાલિત SEO ઑપ્ટિમાઇઝેશન.

સમાન શૈલીઓ

  • Airbnb — એક જ કોરલ લાલ બુકમાર્ક સાથે શાંત સફેદ ગેલેરી દિવાલ
  • Apple (España) — સફેદ ગેલેરી ડિસ્પ્લે કેસ
  • Silencio — તરતી કલાકૃતિઓ સાથેનો સફેદ ઓરડો. ગરમ કાગળથી બનેલું ગેલેરી પ્રદર્શન, જ્યાં દરેક તત્વ નકારાત્મક વોલ્યુમની પૃષ્ઠભૂમિ સામે તેનું સ્થાન ધરાવે છે, અને મૌન એ ઇરાદાપૂર્વકનો ડિઝાઇન નિર્ણય છે.
  • Oakâme — ગરમ પથ્થરમાંથી કોતરવામાં આવેલ સૂર્યથી ભીંજાયેલી પ્રોવેન્સલ વર્કશોપ
  • Arc — મધ્યરાત્રિના પાણી ઉપર ઔદ્યોગિક સફેદ ગેલેરી
  • Rivian — ગેલેરીની કોંક્રીટની દિવાલ પર ઇલેક્ટ્રિક મોનોલિથ. રિવિયન દરેક વાહનને વિશાળ સફેદ જગ્યા સામે એક શિલ્પ તરીકે રજૂ કરે છે, ટાઇપોગ્રાફી એટલી મોટી છે કે તે એક સ્થાપત્ય તત્વ બની જાય છે, અને એક ગરમ પીળો રંગ જે મોનોક્રોમેટિક વાતાવરણને તોડે છે, જેમ કે મેટ સપાટી પર સૂર્યપ્રકાશ.
  • Analogue — બ્લેક ગેલેરી ડિસ્પ્લે કેસ - સામાન ખાલી જગ્યામાં ફરે છે
  • ddna — સારવાર ન કરાયેલ શણ પર ગરમ મ્યુઝિયમ ડિસ્પ્લે કેસ
  • Zellerfeld — સફેદ આરસપહાણ પર એક શિલ્પકારની વર્કશોપ - પેડેસ્ટલની એકવિધ સપાટીઓ, કોબાલ્ટનો એક જ તણખો, ફ્લોરથી છત સુધી નાના અક્ષરોનો અવાજ.
  • UY Studio — આશ્રમની પથ્થરની ગેલેરી કોંક્રિટની દિવાલોવાળી શાંત જગ્યા છે, જ્યાં સફેદ પ્લિન્થ પર અત્તરની બોટલો ઉભી છે, જે એક 400-વોટ લેમ્પ અને ચાર ગરમ ગ્રે બલ્બથી પ્રકાશિત છે.
  • Basic.Space — સફેદ આરસપહાણ પર ક્યુરેટોરિયલ ગેલેરી
  • COS — સફેદ દિવાલો સાથેની એક ટ્રેન્ડી ગેલેરી