IKEA
તડકાથી ભીંજાયેલો સ્વીડિશ ફર્નિચર શોરૂમ, જે ડિસએસેમ્બલ સ્વરૂપમાં છે.
IKEA નું ઇન્ટરફેસ એક ઉચ્ચ-વિરોધાભાસી સંપાદકીય સ્પ્રેડ જેવું લાગે છે: ગરમ સફેદ પૃષ્ઠભૂમિ પર લગભગ કાળો પ્રકાર, ફ્લેટ પીળા પેનલ્સ દ્વારા પૂરક જે એમ્બેડેડ કોલ-ટુ-એક્શન ઝોન તરીકે સેવા આપે છે. સિસ્ટમ ઇરાદાપૂર્વક ન્યૂનતમ છે - એક કસ્ટમ સેન્સ-સેરિફ ફોન્ટ (નોટો IKEA) ફક્ત બે વજન (400 અને 700) માં, દરેક ઘટક માટે એક ખૂણાના ત્રિજ્યામાં, અને કોઈ પડછાયાઓ અથવા ગ્રેડિયન્ટ્સ નથી. આ કોમ્પેક્ટનેસ માળખાકીય છે, ન્યૂનતમ વલણ નથી: નકારાત્મક અક્ષર અંતર (હેડિંગમાં -0.029em, બોડી કોપીમાં -0.027em) 13px લેબલ્સને પણ આર્કિટેક્ચરલ લાગણી આપે છે. કાર્ડ્સ મોટા છે અને મીડિયા સામગ્રી પર કેન્દ્રિત છે, સુધારેલ વાંચનક્ષમતા માટે ગ્રેડિયન્ટથી કાળા સુધીના ટેક્સ્ટ ઓવરલે સાથે મોટા બે-કૉલમ બ્લોક્સમાં ગોઠવાયેલા છે. પીળો ફોન્ટ #ffdb00 ઇન્ટરફેસ માટે બધું જ કાર્ય કરે છે - તે સજાવટ કરતું નથી, તે ફક્ત સક્રિય થાય છે.
લગભગ 1440px સુધી મર્યાદિત કેન્દ્રિત સામગ્રી કન્ટેનર સાથે પૂર્ણ-પહોળાઈની ડિઝાઇન. નેવિગેશન એ એક સરળ, નોન-સ્ટીકી ટોપ બાર છે. પૃષ્ઠ લગભગ 80px ગાબડા સાથે ઊભી રીતે સ્ટેક કરેલા આડા કાર્ડ્સથી બનેલ છે. "હીરો" લેઆઉટ એક વિભાજિત લેઆઉટ છે—2/3 મીડિયા કાર્ડ (છબી) + 1/3 સોલિડ પીળો કાર્ડ કોલ ટુ એક્શન સાથે. પૃષ્ઠનો મુખ્ય ભાગ કાર્ડ્સના બે-કૉલમ ગ્રીડ, છબીઓ અને ટેક્સ્ટના વૈકલ્પિક બ્લોક્સનો ઉપયોગ કરે છે. સામગ્રી ઘનતા જગ્યા ધરાવતી છે, ક્યારેય કોમ્પેક્ટ નથી. કાર્ડ્સ મોટા (લગભગ 600x400 પિક્સેલ ન્યૂનતમ) ઉદાર પેડિંગ સાથે છે. "સમયરેખા/ઇતિહાસ" વિભાગ મોટી સંખ્યાઓ સાથે ગ્રીડને તોડે છે. કોઈ સાઇડબાર નથી, કોઈ મેગા-મેનૂ નથી, કોઈ જટિલ નેવિગેશન આર્કિટેક્ચર નથી.
દ્રશ્ય ભાષા મુખ્યત્વે ઉત્પાદન અને જીવનશૈલી ફોટોગ્રાફી છે. સંપાદન: તેજસ્વી, કુદરતી રીતે પ્રકાશિત, ગરમ સ્કેન્ડિનેવિયન આંતરિક ભાગ જેમાં જીવંત લાગણી હોય છે - સ્ટુડિયોની સફેદતા નહીં. લોકો ઉત્પાદન સાથે ક્રિયાપ્રતિક્રિયાના દ્રશ્યોમાં દેખાય છે (પકડવું, એસેમ્બલ કરવું, ઉપયોગ કરવો). છબીઓ હંમેશા કાર્ડની સંપૂર્ણ પહોળાઈ પર કબજો કરે છે, ક્યારેય કાર્બનિક આકારમાં કાપવામાં આવતી નથી. ગ્રેડિયન્ટ કાળા ઓવરલે ટેક્સ્ટવાળા કોઈપણ કાર્ડના તળિયે દેખાય છે. ફ્લેટ ચિત્રો ક્યારેક ક્યારેક દર્શાવવામાં આવે છે (ઉદાહરણ તરીકે, પીરોજ, લીલો અને નારંગી રંગમાં સાંસ્કૃતિક પ્રતિમાઓ સાથે જર્મનીનો નકશો). ફોટોગ્રાફ્સ સંપાદકીય શૈલીમાં ચલાવવામાં આવે છે: કોઈ ચળકતા સ્ટોક ફોટો અસર નહીં, કોઈ વધુ પડતું સ્ટાઇલાઇઝ્ડ રંગ સુધારણા નહીં.
પેલેટ
બ્રાન્ડ
- IKEA Yellow
#ffdb00— કોલ ટુ એક્શન ભરવા માટેના મુખ્ય તત્વો, ફીચર્ડ ઈમેજીસવાળા કાર્ડ્સ માટે બેકગ્રાઉન્ડ, મુખ્ય વિન્ડોમાં એક્સેન્ટ પેનલ - સિસ્ટમનો એક અનોખો રંગ તત્વ.
તટસ્થ
- Ink Black
#111111— મુખ્ય લખાણ, મુખ્ય લખાણ, મથાળાઓ, મુખ્ય કિનારીઓ (851 ઘટનાઓ), ચિહ્ન રૂપરેખા. - Pure White
#ffffff— પૃષ્ઠ પૃષ્ઠભૂમિ, કાર્ડ સપાટી, નેવિગેશન પૃષ્ઠભૂમિ, ઘેરા પૃષ્ઠભૂમિ પર બટન ટેક્સ્ટ. - Warm White
#fffefb— બટનો અને કાર્ડ્સ માટે થોડો ક્રીમી શેડ - શુદ્ધ સફેદ કરતાં ભાગ્યે જ ગરમ - ડિજિટલ શીતળતાને તોડી નાખે છે. - Steel Gray
#818181— ગૌણ ટેક્સ્ટ, મ્યૂટ કરેલી કિનારીઓ, અક્ષમ કરેલ આઇકન સ્થિતિઓ - True Black
#000000— SVG આઇકોન ફિલ્સ, ઇનપુટ ફીલ્ડ બોર્ડર્સ અને ઊંડા કાળા ઉચ્ચારો જ્યાં મહત્તમ કોન્ટ્રાસ્ટની જરૂર હોય. - Link Blue
#0159a3— નેવિગેશન અને પ્રાથમિક લિંક્સમાં વ્યાપકપણે ઉપયોગમાં લેવાતો ટેક્સ્ટ લિંક રંગ, સિસ્ટમમાં એકમાત્ર વાદળી રંગ છે.
ટાઇપોગ્રાફી
૧૩ થી ૫૧ પિક્સેલ સુધી · ૫ પગલાં
- Noto IKEA — રિપ્લેસમેન્ટ: Inter · રૂપરેખા 400, 700 · ઉપયોગમાં લેવાતો એકમાત્ર ફોન્ટ IKEA નો સિગ્નેચર નોટો છે. બે-વજન સિસ્ટમ (400 નિયમિત, 700 બોલ્ડ) ઇરાદાપૂર્વક નિયંત્રિત છે: કોઈ ઇટાલિક, મધ્યમ અથવા હળવા વજન નહીં. 700 પોઈન્ટ પર, 36-51px પર હેડિંગ, સમગ્ર બ્રાન્ડ શૈલીને અભિવ્યક્ત કરે છે; 16px પર બોડી કોપી તટસ્થ રહે છે. કદ વધતાં અક્ષરોનું અંતર ઘટે છે, જે હેડિંગને સંક્ષિપ્ત અને સ્થાપત્ય લાગણી આપે છે.
અંતરાલો અને સ્વરૂપ
| હેતુ | અર્થ |
|---|---|
| ઘનતા | સરેરાશ |
| મૂળભૂત પગલું | 24px |
| બટન ત્રિજ્યા | 8px |
| કાર્ડ ત્રિજ્યા | 8px |
| પડછાયાઓ | પડછાયાને બદલે ના - સરહદો |
| વિભાગો વચ્ચે | 80px |
| પૃષ્ઠ પહોળાઈ | 1440px |
AI તમારી વેબસાઇટ IKEA શૈલીમાં બનાવશે અને તેને ભરી દેશે.
- લિંક દ્વારા ઉત્પાદનો અને પોસ્ટ્સ ભરો - Instagram, TikTok, Facebook.
- તમારી જૂની સાઇટ પરથી સામગ્રી ટ્રાન્સફર કરો—ફક્ત સરનામું સ્પષ્ટ કરો.
- શ્રેષ્ઠ એન્જિન પર આધુનિક ડિઝાઇન: સર્વર રેન્ડરિંગ અને SEO ઑપ્ટિમાઇઝેશન સાથે React ( Next.js).
- શોધ પરિણામો અને ન્યુરલ નેટવર્ક ભલામણો માટે સંપૂર્ણપણે સ્વચાલિત SEO ઑપ્ટિમાઇઝેશન.
સમાન શૈલીઓ
- MindMarket — ક્રીમ કાગળ પર બનાવેલ એક હૂંફાળું પરીકથાનું પુસ્તક - એક મૈત્રીપૂર્ણ સંપાદકીય કેનવાસ જ્યાં મોટા ઇન્ટર હેડલાઇન્સ અને કટ-આઉટ કાગળના પાત્રો સૂર્યથી ભીંજાયેલી, સ્ટીકર-નરમ સપાટી પર સહઅસ્તિત્વ ધરાવે છે.
- Lamborghini — શોરૂમમાં કાળો બોડી કલર, સ્પોટલાઇટ્સ હેઠળ - એક પીળી કાર
- amp — ઠંડી સફેદ પૃષ્ઠભૂમિ સામે ગરમ નારંગી રંગ. આ ડિઝાઇન સૂર્યપ્રકાશથી ભીંજાયેલા લોફ્ટમાં ફોટોગ્રાફ કરાયેલા પ્રીમિયમ ફિટનેસ પ્રોડક્ટની યાદ અપાવે છે: એક વસ્તુ, એક ઉચ્ચારણ, એક આત્મવિશ્વાસપૂર્ણ ફોન્ટ જે બધું કામ કરે છે.
- LUNCH — ગરમ ચર્મપત્ર પર મખમલ પોડિયમ
- Microsoft — રિટેલ કેટલોગ સિગ્નેચર વાદળી રંગનો ઉપયોગ કરે છે - સફેદ શોરૂમ ફ્લોર પર ચોરસ લોગોની કલ્પના કરો, જ્યાં દરેક ડિઝાઇન ઘટક વાદળી રંગમાં હોય છે.
- Vibrants — સફેદ આરસપહાણ પર સ્કાયબોર્ન ફાર્મસી - ઘેરા વાદળી શાહી મોર્ટાર છે અને મેઘધનુષ્ય સ્પેક્ટ્રમ દવા છે.
- Isla Beauty — સર્જિકલ લાલ રંગના ઉચ્ચારો સાથે ક્રીમી એપોથેકરી શૈલી - ગરમ ચર્મપત્ર દિવાલો, એમ્બર બોટલો અને દરેક લેબલ પર એક જ લાલ સ્ટેમ્પ વિચારો.
- Swap — મિન્ટ એડિટોરિયલ ગેલેરી: તેજસ્વી ચૂનાના ઉચ્ચારો અને સૂક્ષ્મ સેરીફવાળા રૂમમાં હળવા સેજ શેડ્સ
- Cursor — ધૂમ્રપાન કરતા કોલસાથી પ્રકાશિત, એક હૂંફાળું ચર્મપત્ર વર્કશોપ
- Structured — પ્લાસ્ટિસિન જેવા કાગળ પર પુનરુજ્જીવન ગેલેરી
- Apple (España) — મ્યુઝિયમ ગેલેરી, નરમ દિવસના પ્રકાશમાં, એકલ, મનમોહક, વજનહીન સફેદ જગ્યા છે, જેમાં દરેક પ્રદર્શન હળવા રંગની દિવાલ સામે સ્પોટલાઇટથી પ્રકાશિત છે.
- Amplemarket — કોન્ફેટીથી છવાયેલ સૂર્યથી ભીંજાયેલું કાર્યસ્થળ