Le Puzz
सन्नी सन्डे सर्कुलर रहस्यले भरिएको ट्याब्लोइड हो।
Le Puzz बुटिक स्टोरहरूको लागि अधिकतमवादी ई-वाणिज्य प्रणाली हो, जुन दुई-टोनको जगमा निर्मित छ: धनी, महको छाला जस्तो पहेंलो शुद्ध कालोसँग जोडिएको, शीतल, मोती-खैरो पृष्ठभूमिमा सेट गरिएको। यसको शैली पुरानो अखबार र जिगस पजल बीचको क्रस हो: मुख्य प्रतिलिपि सेरिफ टाइम्समा छ, जबकि हेडलाइनहरू अनुकूलन फन्ट, टाइम्स नाउमा छन्, जानाजानी सान्स-सेरिफ फन्टहरूमा निर्भर परम्परागत ई-वाणिज्य परम्पराहरू तोड्दै। इन्टरफेस आफैंलाई सरल र ग्रिड-आधारित राखिएको छ, जसले दृश्य प्रभावलाई उत्पादन प्याकेजिङ (खेलौनाहरूले भरिएको घना, चित्रित रचनाहरू) द्वारा व्यक्त गर्न अनुमति दिन्छ। इन्टरफेस नियन्त्रणहरू धेरै बलियो छन्: पहेंलो पृष्ठभूमिमा कालो किनारा भएका बटनहरू, गोली आकारको आइकनहरू, १२px त्रिज्या भएका कार्डहरू, र साना क्याप्सका लागि उदार अक्षर स्पेसिङ, जसले "द्रुत थप्नुहोस्" बटनलाई पनि सम्पादकीय स्वभाव दिन्छ।
विशिष्ट सम्पादकीय डिजाइन भएको क्लासिक ई-वाणिज्य ग्रिड। हेडर १-चौडाइको कालो किनारा भएको पहेंलो हनीकोम्ब स्ट्रिप हो, जसमा केन्द्रित लोगो र नेभिगेसन बटनहरूको अतिरिक्त पङ्क्ति रहेको छ। तल, खैरो पृष्ठभूमिमा उत्पादनहरूको तीन-स्तम्भ ग्रिड माथि, टाइम्स नाउ फन्टमा केन्द्रित स्वागत हेडर छ। मुख्य तत्व गोलाकार कुनाहरू (४०) भएको केन्द्रित फोटो ब्लक हो, जसलाई दुई उत्पादन कार्डहरूले घेरेको छ। खण्डहरूको लय कायम राखिएको छ: पर्याप्त ठाडो ठाउँ (३०), वैकल्पिक पहेंलो र खैरो सतहहरू, र पृष्ठमा केन्द्रित लगभग ४.५ सेन्टिमिटरको अधिकतम चौडाइ। उत्पादन कार्डहरू समान आकारका छन् र ५ सेन्टिमिटर अन्तराल भएको सफा तीन-स्तम्भ ग्रिडमा व्यवस्थित छन्। लेआउट सममित छ र ग्रिडमा बाँधिएको छ - कुनै असममित रचना वा ओभरल्यापिङ तत्वहरू छैनन्।
दृश्य तत्व भनेको उत्पादन फोटोग्राफी हो। पजल बक्सहरू सेतो/तटस्थ पृष्ठभूमिमा पूर्ण रूपमा खिचिन्छन्, त्यसपछि न्यानो नीलो वा प्राकृतिक स्टुडियो पृष्ठभूमिमा राखिन्छन्। मुख्य छविमा धेरै पजल बक्सहरू बोकेको व्यक्ति देखाइएको छ—एक जीवनशैली वस्तु, जुन सहज ऊर्जाले खिचिएको छ। प्याकेजिङ आफैंमा धनी, चित्रणात्मक र अधिकतम छ: बाक्लो कालो रूपरेखा भएका उज्यालो प्राथमिक रंगहरूमा खेलौना, खाद्य उत्पादनहरू, र पात्रहरूको भीड, ५००-टुक्रा पजलमा छरिएका बालबालिकाको पुस्तक चित्रण जस्तो देखिने गरी डिजाइन गरिएको। कुनै अमूर्त ग्राफिक्स छैन, कुनै थ्रीडी रेन्डर छैन, एकल म्याग्निफाइङ्ग ग्लास बाहेक कुनै आइकनोग्राफी छैन—पजलहरू आफैं दृश्य भाषा हुन्।
प्यालेट
ब्रान्ड
- Honeycomb Yellow
#ffd931— प्राथमिक ब्रान्ड रङ, शीर्षक पट्टी, प्राथमिक कार्य बटनहरू, नेभिगेसनको सक्रिय अवस्था, लिङ्क अन्डरलाइन रङ, एक्सेन्ट फिल - एकल रङ नोट जसको वरिपरि सबै कुरा घुम्छ।
तटस्थ
- Carbon Black
#000000— मुख्य पाठ, बाक्लो किनारा, बटन रूपरेखा, आइकन रूपरेखा, नेभिगेसन पाठ सम्पूर्ण प्रणालीको संरचनात्मक आधार हुन्। - Ink Black
#231f20— माध्यमिक पाठ, प्राथमिक पाठ, बटन किनाराहरू, इनपुट फिल्ड किनाराहरू - नरम अनुभूतिको लागि थोरै न्यानो, लगभग कालो रंग। - Pearl Gray
#c8cbcd— पृष्ठ क्यानभास, उत्पादन कार्ड पृष्ठभूमि, पहेंलो र कालो रंगहरू देखा पर्ने आकर्षक चरण। - Fog Gray
#a6a8aa— कम गरिएका ब्याज सतहहरू, माध्यमिक चिप पृष्ठभूमिहरू, र सूक्ष्म प्रयोगकर्ता इन्टरफेस भरणहरू। - Smoke Line
#d6d6d6— स्लिम डिभाइडरहरू, डिस्क्रिट टेबल/कार्ड डिभाइडरहरू।
टाइपोग्राफी
११ देखि ४७ पिक्सेल सम्म · ६ चरणहरू
- Times Now — प्रतिस्थापन: Playfair Display · रूपरेखाहरू 100, 400 · मुख्य शीर्षकहरू, उत्पादन नामहरू, र खण्ड शीर्षकहरूको लागि प्रयोग गरिने हेडलाइनहरू र उपशीर्षकहरूको लागि सेरिफ फन्ट। ४७-पिक्सेल पिच भएको अल्ट्रा-लाइट १००-पोइन्ट फन्टले अग्लो, लगभग संकुचित सम्पादकीय अनुभूति सिर्जना गर्दछ; संकुचित अक्षररूपहरू (०.८७-०.९० को रेखा उचाइ) ले ठूला हेडलाइनहरूलाई सँगैको पाठको नजिक राख्न अनुमति दिन्छ, छापिएको पोस्टरको नक्कल गर्दै।
- Times — प्रतिस्थापन: Times New Roman · रूपरेखाहरू 400 · सेरिफ बडी टेक्स्ट अनलाइन स्टोरको लागि अप्रत्याशित विकल्प हो, जसले सम्पूर्ण साइटलाई साहित्यिक, क्याटलग जस्तो अनुभूति दिन्छ। सानो लाइन स्पेसिङ (१.१५) ले अनुच्छेदहरूलाई कम्प्याक्ट र पठनीय बनाउँछ।
- Helvetica Neue — प्रतिस्थापन: Helvetica · रूपरेखाहरू 100, 400 · प्रयोगकर्ता इन्टरफेसमा सानो पाठ, बटनहरूमा पाठ, र माइक्रोटेक्स्ट ११ पिक्सेल फन्टमा ठूलो अक्षर स्पेसिङ (०.०७३०em) सहित सेट गरिएको छ, जसले आरामदायी शरीरको तापक्रममा पनि ठूला अक्षरहरूमा लेख्ने अनुभूति सिर्जना गर्दछ।
अन्तराल र रूप
| उद्देश्य | अर्थ |
|---|---|
| घनत्व | बाक्लो |
| आधारभूत चरण | 15px |
| बटनको त्रिज्या | 12px |
| कार्डको अर्धव्यास | 12px |
| छायाँहरू | छायाँको सट्टा कुनै - किनारा छैन |
| खण्डहरू बीच | 30-40px |
| पृष्ठ चौडाइ | 1200px |
एआईले तपाईंको वेबसाइट 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 — न्यानो कागजमा रेट्रो रोड ट्रिप पोस्टर