
Glossier
સનશાઇન ફોટોશૂટ - સફેદ કાગળ, કાળી શાહી, એક તેજસ્વી પીળો ઉચ્ચાર
ગ્લોસિયર ડિજિટલ બ્યુટી મેગેઝિન જેવું કાર્ય કરે છે: સફેદ અને કાળા રંગનો લગભગ મોનોક્રોમ કેનવાસ, એક જ, ગતિશીલ પીળા ઉચ્ચારણ દ્વારા વિરામચિહ્નો જે બ્રાન્ડના લોગો અને એકમાત્ર કોલ ટુ એક્શન તરીકે બમણું થાય છે. સિસ્ટમ સંપાદકીય રીતે સંયમિત છે - મોટા કદના Apercu હેડલાઇન્સ, પુષ્કળ ટેક્સ્ટ સ્પેસ, પૂર્ણ-પૃષ્ઠ જીવનશૈલી ફોટોગ્રાફી જે ભાવનાત્મક વજનનો મોટો ભાગ વહન કરે છે - અને અમલમાં ઉપયોગિતાવાદી: ફ્લેટ પ્રોડક્ટ કાર્ડ્સ, પાતળા બોર્ડર્સ અને શણગારનો સંપૂર્ણ અભાવ. પીળો એ ગૌણ બ્રાન્ડ રંગ નથી; તે બ્રાન્ડ છે, જેનો ઉપયોગ ઓછો થાય છે, જેથી દરેક દેખાવ કેમેરા ફ્લેશ જેવો લાગે. બાકીનું બધું પૃષ્ઠભૂમિમાં ઝાંખું થવા માટે છે: તટસ્થ ગરમ ગ્રે છે જેમાં સૂક્ષ્મ બ્લશ અંડરટોન છે, બોર્ડર્સ સૂક્ષ્મ છે, અને પ્રકાર ગાઢ અને ઘટ્ટ છે. પરિણામ એક સ્ટોરફ્રન્ટ છે જે આત્મવિશ્વાસ, અલ્પોક્તિપૂર્ણ અને સમાધાનકારી રીતે આધુનિક લાગે છે.
આ પૃષ્ઠમાં પૂર્ણ-સ્ક્રીન વિભાગોની ઊભી ગોઠવણીવાળી શ્રેણી છે, દરેક એક સ્વતંત્ર સંપાદકીય સ્પ્રેડ તરીકે ડિઝાઇન કરવામાં આવી છે. મુખ્ય વિભાગ પૂર્ણ-પહોળાઈનો ફોટો છે જેમાં ફ્લોટિંગ સફેદ ઓવરલે (ઉપર ડાબી બાજુ) અને એક વિશાળ પીળો લોગો પૃષ્ઠના સમગ્ર તળિયે કબજો કરે છે. મુખ્ય વિભાગની નીચે, પૂર્ણ-સ્ક્રીન છબીઓ અને વ્યક્તિગત કાર્ડ્સના ગ્રીડ વચ્ચે વૈકલ્પિક વિભાગો છે. શ્રેણીઓનું વિભાજન (ત્વચા સંભાળ/મેકઅપ) બે કૉલમમાં છબીઓના સમાન ગુણોત્તર (50/50) સાથે દૃશ્યમાન સરહદ વિના થાય છે - ફક્ત છબીઓને જોડતી એક રેખા તેમને અલગ કરે છે. ઉત્પાદન સૂચિ #f7f7f7 કેનવાસ પર ચોરસ કાર્ડ્સના ચાર-સ્તંભ ગ્રીડનો ઉપયોગ કરે છે. નેવિગેશન એ એક ન્યૂનતમ ટોચનો બાર છે જેની ઉપર ગૌણ જાહેરાત સ્ટ્રીપ છે. વિભાગો વચ્ચેના અંતર એકદમ મોટા (64px) છે, પરંતુ વિભાગો વચ્ચેના સંક્રમણો સરળ છે - ગરમ ફૂટર સિવાય, વિભાજકો અથવા વૈકલ્પિક પૃષ્ઠભૂમિ રંગો વિના. એકંદર લય છે: ફોટોગ્રાફ, ટેક્સ્ટ, ફોટોગ્રાફ, ગ્રીડ, ફોટોગ્રાફ - ફેશન મેગેઝિન દ્વારા ફ્લિપ કરવા જેવું.
ફોટોગ્રાફી મુખ્ય દ્રશ્ય ભાષા છે. આખો જોવાનો વિસ્તાર જીવનશૈલીની છબીઓ અને પોટ્રેટથી ભરેલો છે - ગરમ સોનેરી કલાકની લાઇટિંગ, ત્વચાના સોફ્ટ ક્લોઝ-અપ્સ, સૂર્યના ઝગઝગાટની પૃષ્ઠભૂમિ સામે ઉત્પાદનની બોટલો પકડેલા હાથ. ફોટોગ્રાફ્સમાં રંગ પેલેટ ગરમ અને અસંતૃપ્ત છે: પીચ સ્કાય, ટેરાકોટા સ્કિન ટોન, ઊંડા સમુદ્ર બ્લૂઝ. સફેદ ટેક્સ્ટ કાર્ડ્સ અથવા પીળા લોગોના અપવાદ સિવાય, છબીઓ હંમેશા સમગ્ર પૃષ્ઠ સપાટી પર કબજો કરે છે, ગોળાકાર ખૂણાઓ, ફ્રેમ્સ અથવા ઓવરલે વિના. કેટલોગ કાર્ડ્સ પર ઉત્પાદન ફોટા સપાટ, સમાન લાઇટિંગ સાથે શુદ્ધ સફેદ સીમલેસ પૃષ્ઠભૂમિ સામે લેવામાં આવે છે. છબી-થી-ટેક્સ્ટ ગુણોત્તર આશરે 70/30 છે - છબીઓ લાગણી, ટેક્સ્ટ, કાર્ય વ્યક્ત કરે છે. કોઈ ચિત્રો નથી, કોઈ અમૂર્ત ગ્રાફિક્સ નથી, કોઈ 3D રેન્ડરિંગ નથી.
પેલેટ
બ્રાન્ડ
- Glossier Yellow
#fff116— પીળા રંગનો ઉપયોગ સુશોભન વિગતો માટે ગૌણ ઉચ્ચારણ તરીકે થાય છે અને ઓછા ઉપયોગમાં લેવાતા શોધ પ્રશ્નોને પ્રકાશિત કરે છે. કોલ ટુ એક્શન માટે તેનો ઉપયોગ પ્રાથમિક રંગ તરીકે થવો જોઈએ નહીં.
તટસ્થ
- Ink
#000000— મુખ્ય ટેક્સ્ટ, નેવિગેશન લિંક્સ, મુખ્ય ટેક્સ્ટ, ફૂટર ટેક્સ્ટ, ચિહ્ન રૂપરેખા, પાતળી કિનારીઓ; પ્રબળ ટાઇપોગ્રાફિક અને માળખાકીય રંગ. - Paper
#ffffff— પ્રોડક્ટ કાર્ડ સપાટીઓ, ભરણ વિસ્તારો, ઉભા કરેલા પેનલ્સ; સ્ટેકમાં સૌથી તેજસ્વી સપાટી સ્તર. - Fog
#f7f7f7— પેજ કેનવાસ, સેક્શન બેકગ્રાઉન્ડ, પેજ પરની છબીઓ વચ્ચેના સંક્રમણો; પાયાની સપાટી કે જેના પર આખી વેબસાઇટ સ્થિત છે. - Blush
#faf2f4— ફૂટર બેકગ્રાઉન્ડ, નરમ ગરમ સેક્શન ડિવાઇડર; સૂક્ષ્મ ગુલાબી-સફેદ રંગ પાનાના તળિયે હૂંફ ઉમેરે છે. - Mist
#f0f0f0— એક હળવા આધાર આપતી સપાટી જે એક સરળ પૃષ્ઠભૂમિ બનાવે છે અને વિભાગોને અલગ કરે છે. કોલ ટુ એક્શન માટે તેનો ઉપયોગ પ્રાથમિક રંગ તરીકે થવો જોઈએ નહીં. - Ash
#e8e8e8— ઇનપુટ ફીલ્ડ બોર્ડર્સ, આઇકોન બેકગ્રાઉન્ડ્સ, પાતળી સેપરેટર લાઇન્સ; કાર્ડ્સ અને ફોર્મ એલિમેન્ટ્સ માટે સ્ટ્રક્ચરલ બોર્ડર રંગ.
ટાઇપોગ્રાફી
૧૨ થી ૩૨ પિક્સેલ સુધી · ૫ પગલાં
- Apercu — રિપ્લેસમેન્ટ: Inter · રૂપરેખા 400, 500, 700 · સમગ્ર યુઝર ઇન્ટરફેસમાં પ્રાથમિક ટાઇપફેસનો ઉપયોગ થાય છે - બોડી કોપી 16px/400, નેવિગેશન અને કૅપ્શન્સ 12–14px/500, સબહેડિંગ્સ 20px/500, અને એડિટોરિયલ હેડલાઇન્સ 32px/700. એપરકુની ભૌમિતિક, માનવતાવાદી ડિઝાઇન બ્રાન્ડને સંક્ષિપ્ત, આધુનિક શૈલી આપે છે; લગભગ શૂન્ય અક્ષર અંતર (0.002–0.003em) ટાઇપફેસને હવાદાર અથવા મૈત્રીપૂર્ણ બનાવવાને બદલે કોમ્પેક્ટ અને મેગેઝિન જેવું બનાવે છે. 700 વજન સંપાદકીયમાં પ્રદર્શન તત્વો માટે આરક્ષિત છે, UI તત્વો માટે નહીં.
- Apercu Mono — રિપ્લેસમેન્ટ: JetBrains Mono or IBM Plex Mono · રૂપરેખા 400 · ઓર્ડર મેટાડેટા, ટ્રેકિંગ નંબરો અને કોડની બાજુમાં લેબલ્સ માટે માઇક્રો-યુટિલિટેરિયન ટાઇપોગ્રાફી; મોનોસ્પેસ્ડ વર્ઝન પ્રમાણસર બોડી ટાઇપ સામે ટેકનિકલ ટેક્સચર બનાવે છે.
- GTStandard-M — રિપ્લેસમેન્ટ: Inter · રૂપરેખા 400 · GTStandard-M - કાઢેલા ડેટામાં જોવા મળે છે પરંતુ AI દ્વારા વર્ણવેલ નથી.
અંતરાલો અને સ્વરૂપ
| હેતુ | અર્થ |
|---|---|
| ઘનતા | સરેરાશ |
| મૂળભૂત પગલું | 8px |
| બટન ત્રિજ્યા | 0px |
| કાર્ડ ત્રિજ્યા | 0px |
| પડછાયાઓ | પડછાયાને બદલે ના - સરહદો |
| વિભાગો વચ્ચે | 64px |
| પૃષ્ઠ પહોળાઈ | 1440px |
AI તમારી વેબસાઇટ Glossier શૈલીમાં બનાવશે અને તેને ભરી દેશે.
- લિંક દ્વારા ઉત્પાદનો અને પોસ્ટ્સ ભરો - Instagram, TikTok, Facebook.
- તમારી જૂની સાઇટ પરથી સામગ્રી ટ્રાન્સફર કરો—ફક્ત સરનામું સ્પષ્ટ કરો.
- શ્રેષ્ઠ એન્જિન પર આધુનિક ડિઝાઇન: સર્વર રેન્ડરિંગ અને SEO ઑપ્ટિમાઇઝેશન સાથે React ( Next.js).
- શોધ પરિણામો અને ન્યુરલ નેટવર્ક ભલામણો માટે સંપૂર્ણપણે સ્વચાલિત SEO ઑપ્ટિમાઇઝેશન.
સમાન શૈલીઓ
- Lightship — ખુલ્લા રસ્તાનો સિનેમેટિક ડાયોરામા. ગરમ ક્રીમ ગેલેરીની દિવાલો, જે મોટા લેન્ડસ્કેપ ફોટોગ્રાફ્સથી શણગારેલી છે, ફ્રેમ પર ભાગ્યે જ દેખાતી પાતળી કાળી શૈલી, અને એક તેજસ્વી નારંગી રંગ જે ઘાસના મેદાનમાં અગ્નિની જેમ મોનોક્રોમને તોડી નાખે છે.
- Faire ES — ગરમ ક્રીમની જથ્થાબંધ સૂચિ
- Adanola — સફેદ કાગળ પર એક સંપાદકીય લુકબુક. એક ફેશન શૂટ જ્યાં ટાઇપોગ્રાફી અને ફોટોગ્રાફી સ્વચ્છ સફેદ સપાટી પર શ્વાસ લે છે, ટાઇપફેસ માટે કાળી શાહી અને સૂક્ષ્મ સિગ્નેચર સેન્સ-સેરીફ ફોન્ટ (મનપસંદ) સાથે, બ્રાન્ડની એકંદર શૈલીને પ્રતિબિંબિત કરે છે.
- Oura Ring — નરમ દિવસના પ્રકાશમાં સ્નાન કરતી હૂંફાળું ઓટમીલ બનાવવાની વર્કશોપ
- Stykka — સફેદ પ્રકાશમાં સ્કેન્ડિનેવિયન વર્કશોપ - એક શાંત, હાથથી બનાવેલ શોરૂમ જ્યાં એકમાત્ર અવાજ ફોટોગ્રાફીનો છે.
- DJI — સિંગલ ઇલેક્ટ્રિક બ્લુ હાઇલાઇટ સાથે એરોસ્પેસ બ્લેક કેનવાસ
- Altitude Beverages — મોનોક્રોમ મેગેઝિનનો ફેલાવો. કલ્પના કરો કે એક ફેશન મેગેઝિનનો ફેલાવો જેમાં સ્થિર ફોટા સિવાય બધા રંગોનો સમાવેશ થતો નથી - ટેક્સ્ટ અને સફેદ જગ્યા આખી વાર્તા કહે છે.
- AATHER — ખુલ્લી હથેળી, એક જ જ્યોત - સ્થિરતામાં સમાયેલ શાંત વૈભવ
- Cowboy — બરફ-સફેદ પોર્સેલિન સેટિંગમાં બેલ્જિયન સાયકલ ગેલેરી. એક શોરૂમ જ્યાં મેટ સપાટીઓ, સંપાદકીય સામગ્રીમાં વપરાતા મોટા ફોન્ટ્સ અને સુશોભનનો વર્ચ્યુઅલ અભાવ સાયકલ અને તેની સામગ્રી તરફ ધ્યાન ખેંચે છે.
- Refero — સફેદ આરસપહાણ પર સંપાદકીય લેઆઉટ - એક ટાઇપોગ્રાફર દ્વારા બનાવેલ ઉત્પાદન પૃષ્ઠ, જ્યાં સેરીફ હેડલાઇન બ્રાન્ડનું કૉલિંગ કાર્ડ છે, અને બાકીનું બધું સ્વાભાવિક છે.
- Face Formula — સ્કેન્ડિનેવિયન સંપાદકીય ચિત્ર. શાંત, મેગેઝિન-શૈલીનો ફેલાવો, જ્યાં મોડેલની નજર અને હેડલાઇન, સંક્ષિપ્ત સેરીફ ફોન્ટમાં લખાયેલ, ઠંડી, ધુમ્મસવાળી પૃષ્ઠભૂમિ સામે પોતાને માટે બોલે છે.
- Shupatto — સફેદ આરસપહાણ પર મ્યુઝિયમ ડિસ્પ્લે કેસ