IKEA
घामले भिजेको स्विडिश फर्निचर शोरूम, जुन टुक्रा टुक्रा पारिएको छ।
IKEA को इन्टरफेस उच्च-कन्ट्रास्ट सम्पादकीय स्प्रेड जस्तो देखिन्छ: न्यानो सेतो पृष्ठभूमिमा लगभग कालो प्रकार, समतल पहेंलो प्यानलहरू द्वारा पूरक जुन एम्बेडेड कल-टु-एक्शन क्षेत्रहरूको रूपमा काम गर्दछ। प्रणाली जानाजानी न्यूनतम छ - केवल दुई तौल (४०० र ७००) मा एउटा कस्टम सान्स-सेरिफ फन्ट (नोटो IKEA), प्रत्येक कम्पोनेन्टको लागि एकल कुना त्रिज्या, र कुनै छाया वा ग्रेडियन्ट छैन। यो कम्प्याक्टनेस संरचनात्मक छ, न्यूनतम प्रवृत्ति होइन: नकारात्मक अक्षर स्पेसिङ (शीर्षकमा -०.०२९em, मुख्य प्रतिलिपिमा -०.०२७em) ले १३px लेबलहरूलाई पनि वास्तुकलाको अनुभूति दिन्छ। कार्डहरू ठूला छन् र मिडिया सामग्रीमा केन्द्रित छन्, सुधारिएको पठनीयताको लागि ग्रेडियन्टदेखि कालोसम्मका पाठ ओभरलेहरूसँग ठूला दुई-स्तम्भ ब्लकहरूमा व्यवस्थित छन्। पहेंलो फन्ट #ffdb00 ले इन्टरफेसको लागि सबै काम गर्छ - यसले सजावट गर्दैन, यो केवल सक्रिय हुन्छ।
लगभग १४४० पिक्सेलमा सीमित केन्द्रित सामग्री कन्टेनरको साथ पूर्ण-चौडाइको डिजाइन। नेभिगेसन एक सरल, गैर-टाँसिने शीर्ष पट्टी हो। पृष्ठ लगभग ८० पिक्सेल खाली ठाउँहरू सहित ठाडो रूपमा स्ट्याक गरिएका तेर्सो कार्डहरूबाट बनाइएको छ। "हिरो" लेआउट एक विभाजित लेआउट हो—२/३ मिडिया कार्ड (छवि) + १/३ ठोस पहेंलो कार्ड कल टु एक्शनको साथ। पृष्ठको मुख्य भागले कार्डहरूको दुई-स्तम्भ ग्रिडहरू, छविहरू र पाठको वैकल्पिक ब्लकहरू प्रयोग गर्दछ। सामग्री घनत्व फराकिलो छ, कहिल्यै कम्प्याक्ट छैन। कार्डहरू ठूला (लगभग ६००x४०० पिक्सेल न्यूनतम) उदार प्याडिङको साथ छन्। "टाइमलाइन/इतिहास" खण्डले ठूला संख्याहरू सहित ग्रिडलाई तोड्छ। त्यहाँ कुनै साइडबार छैन, कुनै मेगा-मेनु छैन, कुनै जटिल नेभिगेसन वास्तुकला छैन।
दृश्य भाषा मुख्यतया उत्पादन र जीवनशैलीको फोटोग्राफी हो। सम्पादन: उज्यालो, प्राकृतिक रूपमा उज्यालो, न्यानो स्क्यान्डिनेभियन भित्री भागहरू जसमा जीवित अनुभूति हुन्छ - स्टुडियोको कडा सेतोपन होइन। मानिसहरू उत्पादनसँग अन्तर्क्रियाको दृश्यहरूमा देखा पर्छन् (होल्डिङ, एसेम्बलिङ, प्रयोग)। छविहरूले सधैं कार्डको पूर्ण चौडाइ ओगटेका हुन्छन्, कहिल्यै पनि जैविक आकारमा क्रप गरिएको हुँदैन। ग्रेडियन्ट कालो ओभरलेहरू पाठ भएको कुनै पनि कार्डको तल देखा पर्दछ। समतल चित्रणहरू कहिलेकाहीं चित्रित हुन्छन् (उदाहरणका लागि, फिरोजा, हरियो र सुन्तला रंगमा सांस्कृतिक प्रतिमा भएको जर्मनीको नक्सा)। तस्बिरहरू सम्पादकीय शैलीमा कार्यान्वयन गरिएका छन्: कुनै चमकदार स्टक फोटो प्रभाव छैन, कुनै अत्यधिक शैलीकृत रंग सुधार छैन।
प्यालेट
ब्रान्ड
- IKEA Yellow
#ffdb00— कल टु एक्शन भर्नका लागि मुख्य तत्वहरू, विशेष छविहरू भएका कार्डहरूको पृष्ठभूमिहरू, मुख्य विन्डोमा एक्सेन्ट प्यानलहरू - प्रणालीको एक प्रकारको रङ तत्व।
तटस्थ
- Ink Black
#111111— मुख्य पाठ, मुख्य भागको पाठ, शीर्षकहरू, मुख्य किनाराहरू (८५१ घटनाहरू), आइकनको रूपरेखा। - Pure White
#ffffff— पृष्ठ पृष्ठभूमि, कार्ड सतह, नेभिगेसन पृष्ठभूमि, गाढा पृष्ठभूमिमा बटन पाठ। - Warm White
#fffefb— बटन र कार्डहरूको लागि थोरै क्रिमी शेड - शुद्ध सेतो भन्दा मुश्किलले न्यानो - ले डिजिटल चिसोपन तोड्छ। - Steel Gray
#818181— माध्यमिक पाठ, मौन गरिएका किनाराहरू, असक्षम पारिएका आइकन अवस्थाहरू - True Black
#000000— SVG आइकन फिलहरू, इनपुट फिल्ड बोर्डरहरू, र अधिकतम कन्ट्रास्ट आवश्यक पर्ने ठाउँमा गहिरो कालो एक्सेन्टहरू। - Link Blue
#0159a3— नेभिगेसन र प्राथमिक लिङ्कहरूमा व्यापक रूपमा प्रयोग हुने टेक्स्ट लिङ्क रङ, प्रणालीमा एक मात्र नीलो रङ हो।
टाइपोग्राफी
१३ देखि ५१ पिक्सेल सम्म · ५ चरणहरू
- Noto IKEA — प्रतिस्थापन: Inter · रूपरेखाहरू 400, 700 · प्रयोग गरिएको एक मात्र फन्ट IKEA को सिग्नेचर नोटो हो। दुई-तौल प्रणाली (४०० नियमित, ७०० बोल्ड) जानाजानी प्रतिबन्धित गरिएको छ: कुनै इटालिक, मध्यम, वा हल्का तौल छैन। ७०० बिन्दुमा, ३६-५१ पिक्सेलमा शीर्षकहरूले सम्पूर्ण ब्रान्ड शैलीलाई व्यक्त गर्दछ; १६ पिक्सेलमा मुख्य प्रतिलिपि तटस्थ रहन्छ। आकार बढ्दै जाँदा अक्षर स्पेसिङ घट्दै जान्छ, जसले शीर्षकहरूलाई संकुचित र वास्तुकलाको अनुभूति दिन्छ।
अन्तराल र रूप
| उद्देश्य | अर्थ |
|---|---|
| घनत्व | औसत |
| आधारभूत चरण | 24px |
| बटनको त्रिज्या | 8px |
| कार्डको अर्धव्यास | 8px |
| छायाँहरू | छायाँको सट्टा कुनै - किनारा छैन |
| खण्डहरू बीच | 80px |
| पृष्ठ चौडाइ | 1440px |
एआईले तपाईंको वेबसाइट IKEA शैलीमा बनाउनेछ र यसलाई भर्नेछ
- लिङ्क मार्फत उत्पादनहरू र पोस्टहरू भर्नुहोस् - Instagram, TikTok, Facebook ।
- आफ्नो पुरानो साइटबाट सामग्री स्थानान्तरण गर्नुहोस्—केवल ठेगाना निर्दिष्ट गर्नुहोस्।
- उत्कृष्ट इन्जिनमा आधुनिक डिजाइन: सर्भर रेन्डरिङ र SEO अप्टिमाइजेसनको साथ React ( Next.js)।
- खोज परिणाम र तंत्रिका नेटवर्क सिफारिसहरूको लागि पूर्ण स्वचालित SEO अप्टिमाइजेसन।
उस्तै शैलीहरू
- MindMarket — क्रिम पेपरमा बनाइएको आरामदायी परीकथाको पुस्तक - एउटा मैत्रीपूर्ण सम्पादकीय क्यानभास जहाँ ठूला इन्टर हेडलाइनहरू र काटिएका कागजका पात्रहरू घामले भिजेको, स्टिकरले नरम सतहमा सहअस्तित्वमा रहन्छन्।
- Lamborghini — शोरुममा कालो बडी रङ, स्पटलाइटहरू मुनि - एउटा पहेंलो कार
- amp — चिसो सेतो पृष्ठभूमिमा न्यानो सुन्तला रंग। यो डिजाइनले घामले भिजेको लफ्टमा खिचिएको प्रिमियम फिटनेस उत्पादनको सम्झना दिलाउँछ: एउटा वस्तु, एउटा उच्चारण, एउटा आत्मविश्वासी फन्ट जसले सबै काम गर्छ।
- LUNCH — न्यानो चर्मपत्रमा मखमली पोडियम
- Microsoft — खुद्रा सूचीले सिग्नेचर नीलो रङ प्रयोग गर्दछ—सेतो शोरूमको भुइँमा वर्गाकार लोगोको कल्पना गर्नुहोस्, जहाँ प्रत्येक डिजाइन तत्व नीलो रंगमा छ।
- Vibrants — सेतो संगमरमरमा स्काईबोर्न फार्मेसी - गाढा नीलो मसी मोर्टार हो र इन्द्रेणी स्पेक्ट्रम औषधि हो
- Isla Beauty — सर्जिकल रातो रंगको उच्चारणसहितको क्रिमी औषधि पसल शैली - न्यानो चर्मपत्र भित्ताहरू, एम्बर बोतलहरू, र प्रत्येक लेबलमा एउटा रातो छाप।
- Swap — मिन्ट सम्पादकीय ग्यालरी: चम्किलो लाइम एक्सेन्ट र सूक्ष्म सेरिफहरू भएका कोठाहरूमा हल्का ऋषि शेडहरू
- Cursor — धिपधिप बलिरहेको कोइलाहरूले उज्यालो पारिएको आरामदायी चर्मपत्र कार्यशाला
- Structured — प्लास्टिसिन जस्तो कागजमा पुनर्जागरण ग्यालरी
- Apple (España) — मधुरो दिनको उज्यालोमा संग्रहालय ग्यालरी एकल, मनमोहक, वजनहीन सेतो ठाउँ हो, जहाँ प्रत्येक प्रदर्शनी हल्का रङ्गिएको भित्तामा स्पटलाइटले उज्यालो पारिएको हुन्छ।
- Amplemarket — कन्फेटीले छरिएको घामले भिजेको कार्यस्थल