Glossier
सनशाइन फोटोशूट - सेतो कागज, कालो मसी, एउटा चम्किलो पहेंलो उच्चारण
ग्लोसियरले डिजिटल ब्यूटी म्यागजिन जस्तै काम गर्छ: सेतो र कालोको लगभग मोनोक्रोम क्यानभास, एकल, जीवन्त पहेंलो उच्चारण द्वारा विराम चिन्ह लगाइएको जुन ब्रान्डको लोगो र एकमात्र आह्वानको रूपमा दोब्बर हुन्छ। प्रणाली सम्पादकीय रूपमा संयमित छ - ठूलो आकारको एपरकु हेडलाइनहरू, प्रशस्त पाठ ठाउँ, पूर्ण-पृष्ठ जीवनशैली फोटोग्राफी जसले भावनात्मक भारको ठूलो हिस्सा बोक्छ - र कार्यान्वयनमा उपयोगितावादी: समतल उत्पादन कार्डहरू, पातलो किनाराहरू, र सजावटको पूर्ण अभाव। पहेंलो माध्यमिक ब्रान्ड रङ होइन; यो ब्रान्ड हो, कम प्रयोग गरिन्छ, ताकि प्रत्येक उपस्थिति क्यामेरा फ्ल्यास जस्तो महसुस होस्। अरू सबै कुरा पृष्ठभूमिमा फिक्का हुनको लागि हो: तटस्थहरू सूक्ष्म ब्लश अन्डरटोनको साथ न्यानो खैरो हुन्, किनाराहरू सूक्ष्म छन्, र प्रकार बाक्लो र संकुचित छ। परिणाम एक स्टोरफ्रन्ट हो जुन आत्मविश्वासी, कम उल्लेख गरिएको, र सम्झौता नगरी आधुनिक महसुस गर्दछ।
पृष्ठमा पूर्ण-स्क्रिन खण्डहरूको ठाडो रूपमा व्यवस्थित श्रृंखलाहरू छन्, प्रत्येकलाई एकल सम्पादकीय स्प्रेडको रूपमा डिजाइन गरिएको छ। मुख्य खण्ड पूर्ण-चौडाइको तस्बिर हो जसमा तैरिरहेको सेतो ओभरले (माथि बायाँ) र पृष्ठको सम्पूर्ण तल ओगटेको विशाल पहेंलो लोगो छ। मुख्य खण्डको तल, खण्डहरू पूर्ण-स्क्रिन छविहरू र व्यक्तिगत कार्डहरूको ग्रिडहरू बीच वैकल्पिक हुन्छन्। छविहरूको समान अनुपात (५०/५०) भएको दुई स्तम्भहरूमा कोटीहरूको विभाजन (छाला हेरचाह/मेकअप) दृश्यात्मक सीमा बिना हुन्छ - छविहरूलाई जोड्ने रेखाले मात्र तिनीहरूलाई अलग गर्छ। उत्पादन क्याटलगले #f7f7f7 क्यानभासमा वर्ग कार्डहरूको चार-स्तम्भ ग्रिड प्रयोग गर्दछ। नेभिगेसनले माथि माध्यमिक विज्ञापन स्ट्रिप भएको न्यूनतम शीर्ष पट्टी हो। खण्डहरू बीचको खाडलहरू धेरै ठूला छन् (६४px), तर खण्डहरू बीचको संक्रमणहरू सहज छन् - विभाजकहरू वा वैकल्पिक पृष्ठभूमि रङहरू बिना, न्यानो फुटर बाहेक। समग्र लय यो हो: फोटो, पाठ, फोटो, ग्रिड, फोटो - फेसन पत्रिका मार्फत पल्टाउने जस्तै।
फोटोग्राफी प्रमुख दृश्य भाषा हो। सम्पूर्ण दृश्य क्षेत्र जीवनशैलीका तस्बिरहरू र चित्रहरूले भरिएको छ - न्यानो सुनौलो घण्टाको प्रकाश, छालाको नरम क्लोज-अपहरू, घामको चमकको पृष्ठभूमिमा उत्पादनका बोतलहरू समातेका हातहरू। तस्बिरहरूमा रङ प्यालेट न्यानो र असंतृप्त छ: पीच स्काई, टेराकोटा छालाको टोन, गहिरो समुद्री ब्लूज। सेतो पाठ कार्डहरू वा पहेंलो लोगो बाहेक, गोलाकार कुनाहरू, फ्रेमहरू, वा ओभरलेहरू बिना, छविहरूले सधैं सम्पूर्ण पृष्ठ सतह ओगटेका छन्। क्याटलग कार्डहरूमा उत्पादन तस्बिरहरू समतल, समान प्रकाशको साथ शुद्ध सेतो निर्बाध पृष्ठभूमिमा खिचिएका छन्। छवि-देखि-पाठ अनुपात लगभग ७०/३० छ - छविहरूले भावना, पाठ, प्रकार्य व्यक्त गर्दछ। कुनै चित्रण छैन, कुनै अमूर्त ग्राफिक्स छैन, कुनै 3D रेन्डरिङ छैन।
प्यालेट
ब्रान्ड
- Glossier Yellow
#fff116— पहेँलो रंगलाई सजावटी विवरणहरूको लागि र कम प्रयोग हुने खोज प्रश्नहरूलाई हाइलाइट गर्नको लागि दोस्रो उच्चारणको रूपमा प्रयोग गरिन्छ। यसलाई कल टु एक्शनको लागि प्राथमिक रंगको रूपमा प्रयोग गर्नु हुँदैन।
तटस्थ
- Ink
#000000— मुख्य पाठ, नेभिगेसन लिङ्कहरू, प्राथमिक पाठ, फुटर पाठ, आइकन रूपरेखा, पातलो किनाराहरू; प्रमुख टाइपोग्राफिक र संरचनात्मक रंग। - Paper
#ffffff— उत्पादन कार्ड सतहहरू, भरण क्षेत्रहरू, उठेका प्यानलहरू; स्ट्याकमा सबैभन्दा चम्किलो सतह स्तर। - Fog
#f7f7f7— पृष्ठ क्यानभास, खण्ड पृष्ठभूमि, पृष्ठमा छविहरू बीचको संक्रमण; आधार सतह जसमा सम्पूर्ण वेबसाइट अवस्थित छ। - Blush
#faf2f4— फुटर पृष्ठभूमि, नरम न्यानो खण्ड विभाजकहरू; सूक्ष्म गुलाबी-सेतो रंगले पृष्ठहरूको तल्लो भागमा न्यानोपन थप्छ। - Mist
#f0f0f0— सहज पृष्ठभूमि सिर्जना गर्न र खण्डहरू छुट्याउनको लागि हल्का समर्थन सतह। यसलाई कल टु एक्शनको लागि प्राथमिक रङको रूपमा प्रयोग गर्नु हुँदैन। - Ash
#e8e8e8— इनपुट फिल्ड बोर्डरहरू, आइकन पृष्ठभूमिहरू, पातलो विभाजक रेखाहरू; कार्डहरू र फारम तत्वहरूको लागि संरचनात्मक बोर्डर रङ।
टाइपोग्राफी
१२ देखि ३२ पिक्सेल सम्म · ५ चरणहरू
- Apercu — प्रतिस्थापन: Inter · रूपरेखाहरू 400, 500, 700 · प्रयोगकर्ता इन्टरफेसमा प्राथमिक टाइपफेस प्रयोग गरिन्छ—बडी कपी १६ पिक्सेल/४००, नेभिगेसन र क्याप्सन १२–१४ पिक्सेल/५००, उपशीर्षक २० पिक्सेल/५००, र सम्पादकीय हेडलाइन ३२ पिक्सेल/७००। एपर्कुको ज्यामितीय, मानवीय डिजाइनले ब्रान्डलाई संकुचित, आधुनिक शैली दिन्छ; लगभग शून्य अक्षर स्पेसिङ (०.००२–०.००३em) ले टाइपफेसलाई हावायुक्त वा मैत्रीपूर्ण भन्दा कम्प्याक्ट र पत्रिका जस्तो बनाउँछ। ७०० तौल सम्पादकीयहरूमा प्रदर्शन तत्वहरूको लागि आरक्षित छ, UI तत्वहरूको लागि होइन।
- Apercu Mono — प्रतिस्थापन: JetBrains Mono or IBM Plex Mono · रूपरेखाहरू 400 · कोडको छेउमा अर्डर मेटाडेटा, ट्र्याकिङ नम्बरहरू, र लेबलहरूको लागि माइक्रो-युटिलिटेरियन टाइपोग्राफी; मोनोस्पेस संस्करणले समानुपातिक शरीर प्रकारको विरुद्धमा प्राविधिक बनावट सिर्जना गर्दछ।
- GTStandard-M — प्रतिस्थापन: Inter · रूपरेखाहरू 400 · GTStandard-M - निकालिएको डेटामा फेला पर्यो तर AI द्वारा वर्णन गरिएको छैन।
अन्तराल र रूप
| उद्देश्य | अर्थ |
|---|---|
| घनत्व | औसत |
| आधारभूत चरण | 8px |
| बटनको त्रिज्या | 0px |
| कार्डको अर्धव्यास | 0px |
| छायाँहरू | छायाँको सट्टा कुनै - किनारा छैन |
| खण्डहरू बीच | 64px |
| पृष्ठ चौडाइ | 1440px |
एआईले तपाईंको वेबसाइट 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 — सेतो संगमरमरमा संग्रहालय प्रदर्शन केस