Le Puzz
સની સન્ડે સર્ક્યુલર રહસ્યોથી ભરેલું ટેબ્લોઇડ છે.
લે પઝ એ બુટિક સ્ટોર્સ માટે મહત્તમવાદી ઈ-કોમર્સ સિસ્ટમ છે, જે બે-ટોન ફાઉન્ડેશન પર બનેલી છે: સમૃદ્ધ, મધપૂડા જેવો પીળો અને શુદ્ધ કાળા રંગ, ઠંડી, મોતી-ગ્રે પૃષ્ઠભૂમિ સામે સેટ. તેની શૈલી વિન્ટેજ અખબાર અને જીગ્સૉ પઝલ વચ્ચેનો ક્રોસ છે: બોડી કોપી સેરિફ ટાઇમ્સમાં છે, જ્યારે હેડલાઇન્સ કસ્ટમ ફોન્ટ, ટાઇમ્સ નાઉમાં છે, જે ઇરાદાપૂર્વક પરંપરાગત ઇ-કોમર્સ પરંપરાઓથી તોડે છે જે સેન્સ-સેરિફ ફોન્ટ્સ પર આધાર રાખે છે. ઇન્ટરફેસ પોતે જ સરળ અને ગ્રીડ-આધારિત રાખવામાં આવ્યું છે, જે ઉત્પાદન પેકેજિંગ દ્વારા દ્રશ્ય અસરને અભિવ્યક્ત કરવાની મંજૂરી આપે છે (રમકડાંથી ભરેલી ગાઢ, સચિત્ર રચનાઓ). ઇન્ટરફેસ નિયંત્રણો ખૂબ મજબૂત છે: પીળા પૃષ્ઠભૂમિ પર કાળા બોર્ડરવાળા બટનો, ગોળી આકારના ચિહ્નો, 12px ત્રિજ્યાવાળા કાર્ડ્સ અને નાના કેપ્સ માટે ઉદાર અક્ષર અંતર, જે "ક્વિક ઉમેરો" બટનને પણ સંપાદકીય ફ્લેર આપે છે.
એક વિશિષ્ટ સંપાદકીય ડિઝાઇન સાથેનો ક્લાસિક ઈ-કોમર્સ ગ્રીડ. હેડર પીળા રંગની હનીકોમ્બ સ્ટ્રીપ છે જેમાં 1-પહોળાઈની કાળી સરહદ છે, જેમાં કેન્દ્રિત લોગો અને નેવિગેશન બટનોની વધારાની પંક્તિ છે. નીચે, ગ્રે પૃષ્ઠભૂમિ પર ઉત્પાદનોના ત્રણ-કૉલમ ગ્રીડની ઉપર, ટાઇમ્સ નાઉ ફોન્ટમાં કેન્દ્રિત સ્વાગત હેડર છે. મુખ્ય તત્વ ગોળાકાર ખૂણાઓ (40) સાથે કેન્દ્રિત ફોટો બ્લોક છે, જે બે ઉત્પાદન કાર્ડ્સ દ્વારા ફરતે છે. વિભાગોની લય જાળવવામાં આવે છે: પૂરતી ઊભી જગ્યા (30), વૈકલ્પિક પીળી અને રાખોડી સપાટીઓ, અને પૃષ્ઠ પર કેન્દ્રિત આશરે 4.5 સે.મી.ની મહત્તમ પહોળાઈ. પ્રોડક્ટ કાર્ડ્સ સમાન કદના છે અને 5 સે.મી. ગાબડા સાથે સુઘડ ત્રણ-કૉલમ ગ્રીડમાં ગોઠવાયેલા છે. લેઆઉટ સપ્રમાણ છે અને ગ્રીડ સાથે જોડાયેલ છે - કોઈ અસમપ્રમાણ રચનાઓ અથવા ઓવરલેપિંગ તત્વો નથી.
દ્રશ્ય તત્વ પ્રોડક્ટ ફોટોગ્રાફી છે. પઝલ બોક્સનો સંપૂર્ણ ફોટોગ્રાફ સફેદ/તટસ્થ પૃષ્ઠભૂમિ સામે લેવામાં આવે છે, પછી ગરમ વાદળી અથવા કુદરતી સ્ટુડિયો પૃષ્ઠભૂમિ સામે મૂકવામાં આવે છે. મુખ્ય છબીમાં એક વ્યક્તિ અનેક પઝલ બોક્સ પકડી રાખે છે - એક જીવનશૈલીનો પદાર્થ, જે સહેલાઇથી ઉર્જાથી કેદ કરવામાં આવે છે. પેકેજિંગ પોતે જ સમૃદ્ધ, દૃષ્ટાંતરૂપ અને મહત્તમ છે: રમકડાં, ખાદ્ય ઉત્પાદનો અને પાત્રોનો સમૂહ તેજસ્વી પ્રાથમિક રંગોમાં જાડા કાળા રૂપરેખા સાથે, 500-પીસ પઝલમાં પથરાયેલા બાળકોના પુસ્તક ચિત્ર જેવા દેખાવા માટે રચાયેલ છે. કોઈ અમૂર્ત ગ્રાફિક્સ, કોઈ 3D રેન્ડર, કોઈ આઇકોનોગ્રાફી નહીં એક જ બૃહદદર્શક કાચ સિવાય - કોયડાઓ પોતે જ દ્રશ્ય ભાષા છે.
પેલેટ
બ્રાન્ડ
- Honeycomb Yellow
#ffd931— પ્રાથમિક બ્રાન્ડ રંગ, ટાઇટલ બાર, પ્રાથમિક ક્રિયા બટનો, નેવિગેશનની સક્રિય સ્થિતિ, લિંક અંડરલાઇન રંગ, એક્સેન્ટ ફિલ - એક રંગ નોંધ જેની આસપાસ બીજું બધું ફરે છે.
તટસ્થ
- Carbon Black
#000000— મુખ્ય ટેક્સ્ટ, જાડી કિનારીઓ, બટન આઉટલાઇન, આઇકોન આઉટલાઇન, નેવિગેશન ટેક્સ્ટ એ સમગ્ર સિસ્ટમનો માળખાકીય આધાર છે. - Ink Black
#231f20— ગૌણ ટેક્સ્ટ, પ્રાથમિક ટેક્સ્ટ, બટન બોર્ડર્સ, ઇનપુટ ફીલ્ડ બોર્ડર્સ - નરમ લાગણી માટે થોડો ગરમ, લગભગ કાળો રંગ. - Pearl Gray
#c8cbcd— પેજ કેનવાસ, પ્રોડક્ટ કાર્ડ બેકગ્રાઉન્ડ, એક આકર્ષક સ્ટેજ જ્યાં પીળા અને કાળા રંગો દેખાય છે. - Fog Gray
#a6a8aa— દબાયેલી બેજ સપાટીઓ, ગૌણ ચિપ પૃષ્ઠભૂમિઓ અને સૂક્ષ્મ વપરાશકર્તા ઇન્ટરફેસ ભરણ. - Smoke Line
#d6d6d6— સ્લિમ ડિવાઈડર, ડિસ્ક્રિન્ટ ટેબલ/કાર્ડ ડિવાઈડર.
ટાઇપોગ્રાફી
૧૧ થી ૪૭ પિક્સેલ સુધી · ૬ પગલાં
- Times Now — રિપ્લેસમેન્ટ: Playfair Display · રૂપરેખા 100, 400 · હેડલાઇન્સ અને સબહેડિંગ્સ માટે સેરીફ ફોન્ટ - મુખ્ય હેડિંગ, પ્રોડક્ટ નામો અને વિભાગ શીર્ષકો માટે વપરાય છે. 47-પિક્સેલ પિચ સાથેનો અલ્ટ્રા-લાઇટ 100-પોઇન્ટ ફોન્ટ એક ઊંચો, લગભગ કન્ડેન્સ્ડ એડિટોરિયલ ફીલ બનાવે છે; કન્ડેન્સ્ડ લેટરફોર્મ્સ (0.87–0.90 ની લાઇન ઊંચાઈ) મોટા હેડલાઇન્સને સાથેના ટેક્સ્ટની નજીક સ્થિત કરવાની મંજૂરી આપે છે, જે પ્રિન્ટેડ પોસ્ટરની નકલ કરે છે.
- Times — રિપ્લેસમેન્ટ: Times New Roman · રૂપરેખા 400 · ઓનલાઈન સ્ટોર માટે સેરીફ બોડી ટેક્સ્ટ એક અણધારી પસંદગી છે, જે આખી સાઇટને સાહિત્યિક, કેટલોગ જેવી લાગણી આપે છે. નાની લાઇન સ્પેસિંગ (1.15) ફકરાઓને કોમ્પેક્ટ અને વાંચી શકાય તેવી બનાવે છે.
- Helvetica Neue — રિપ્લેસમેન્ટ: Helvetica · રૂપરેખા 100, 400 · યુઝર ઇન્ટરફેસમાં નાનું ટેક્સ્ટ, બટનો પરનું ટેક્સ્ટ અને માઇક્રોટેક્સ્ટ 11px ફોન્ટમાં મોટા અક્ષર અંતર (0.0730em) સાથે સેટ કરવામાં આવ્યા છે, જે આરામદાયક શરીરના તાપમાને પણ મોટા અક્ષરોમાં લખવાની અનુભૂતિ કરાવે છે.
અંતરાલો અને સ્વરૂપ
| હેતુ | અર્થ |
|---|---|
| ઘનતા | ગાઢ |
| મૂળભૂત પગલું | 15px |
| બટન ત્રિજ્યા | 12px |
| કાર્ડ ત્રિજ્યા | 12px |
| પડછાયાઓ | પડછાયાને બદલે ના - સરહદો |
| વિભાગો વચ્ચે | 30-40px |
| પૃષ્ઠ પહોળાઈ | 1200px |
AI તમારી વેબસાઇટ Le Puzz શૈલીમાં બનાવશે અને તેને ભરી દેશે.
- લિંક દ્વારા ઉત્પાદનો અને પોસ્ટ્સ ભરો - Instagram, TikTok, Facebook.
- તમારી જૂની સાઇટ પરથી સામગ્રી ટ્રાન્સફર કરો—ફક્ત સરનામું સ્પષ્ટ કરો.
- શ્રેષ્ઠ એન્જિન પર આધુનિક ડિઝાઇન: સર્વર રેન્ડરિંગ અને SEO ઑપ્ટિમાઇઝેશન સાથે React ( Next.js).
- શોધ પરિણામો અને ન્યુરલ નેટવર્ક ભલામણો માટે સંપૂર્ણપણે સ્વચાલિત SEO ઑપ્ટિમાઇઝેશન.
સમાન શૈલીઓ
- Agence Foudre — મેગેઝિનનું કવર પેજ લિપસ્ટિકની યાદ અપાવે તેવા હળવા ગુલાબી રંગનું છે.
- INVERSA — મધ્યરાત્રિએ એક ટોપોગ્રાફિક ફિલ્ડ ટર્મિનલ. એક ઘેરો કમાન્ડ પેનલ, જ્યાં વિશાળ સંપાદકીય ફોન્ટ અને નિયોન-લીલા માર્કર્સનો એક સ્તર પૃથ્વીની ઉપગ્રહ છબીઓ પર સુપરઇમ્પોઝ કરવામાં આવે છે, દરેક લેબલ મોનોક્રોમ, જાણે મિશન કોઓર્ડિનેટ્સ વાંચી રહ્યા હોય.
- Acne Studios — જીવંત ફોટોગ્રાફ્સથી ભરેલી એક ન્યૂનતમ ગેલેરી જગ્યા - આરસપહાણ પર પ્રકાશિત એક ફેશન મેગેઝિન
- GTE — ગેલેરી લાઇટિંગ પાછળ ટ્રેડિંગ ટર્મિનલ
- Diabla — બપોરના સમયે ભૂમધ્ય સમુદ્રનું આંગણું - સૂર્યથી ઝાંખું પડી ગયેલું ગુલાબી દિવાલો, એક તેજસ્વી લાલ કેનવાસ છત્ર, અને આકાશમાં ફેલાયેલી સેરિફ સંપાદકીય હેડલાઇન્સ.
- Subset — કાચા શણમાંથી બનેલ સંપાદકીય બુટિક
- Cursor — ધૂમ્રપાન કરતા કોલસાથી પ્રકાશિત, એક હૂંફાળું ચર્મપત્ર વર્કશોપ
- MindMarket — ક્રીમ કાગળ પર બનાવેલ એક હૂંફાળું પરીકથાનું પુસ્તક - એક મૈત્રીપૂર્ણ સંપાદકીય કેનવાસ જ્યાં મોટા ઇન્ટર હેડલાઇન્સ અને કટ-આઉટ કાગળના પાત્રો સૂર્યથી ભીંજાયેલી, સ્ટીકર-નરમ સપાટી પર સહઅસ્તિત્વ ધરાવે છે.
- Lamborghini — શોરૂમમાં કાળો બોડી કલર, સ્પોટલાઇટ્સ હેઠળ - એક પીળી કાર
- Amplemarket — કોન્ફેટીથી છવાયેલ સૂર્યથી ભીંજાયેલું કાર્યસ્થળ
- Getharvest — ગોલ્ડન અવર પર એક ડેસ્ક - ગરમ ક્રીમ કેનવાસ, કેનવાસ પર લટકાવેલા સફેદ પોસ્ટકાર્ડ્સ, અને એક તેજસ્વી નારંગી જ્યોત
- Drive Capital — ગરમ કાગળ પર રેટ્રો રોડ ટ્રીપ પોસ્ટર