
Superhuman
गोल्डेन आवर सम्पादकीय प्यानल
सम्पादकीय फोटोग्राफी र सफ्टवेयर UI को छेदनबिन्दुमा अतिमानवीयले फैलिएको छ—एक न्यानो, चर्मपत्र जस्तो क्यानभास (कहिल्यै शुद्ध सेतो होइन) फ्रेमहरू मरुन ब्रान्डिङ तत्वहरू र जीवन्त बैजनी उच्चारणहरू। ४६० फन्टमा सेट गरिएका हेडलाइनहरू, कराउनुको सट्टा फुसफुसाउँछन्, जसले गर्दा पूर्ण-पृष्ठको सिनेमाई फोटोग्राफीले भारी उठाउन सक्छ, जबकि पारदर्शी उत्पादन UI कार्डहरू इमेजरीको माथि गिलास जस्तै तैरन्छन्। प्यालेट धेरैजसो समय शान्त र सम्पादकीय रहन्छ: क्रिम सतहहरू, चारकोल पाठ, सूक्ष्म न्यानो-खैरो किनाराहरू, र तत्वहरू बीच उदार स्पेसिङ, जानाजानी ब्रान्ड विराम चिह्नको लागि आरक्षित रंगको साथ—एकल मरुन कल-टु-एक्शन, बैजनी लिङ्कहरू, हल्का लिलाक एड-अन बटन। प्रणालीले जानाजानी UI सतहहरूमा बलियो छायाँ र ग्रेडियन्टहरू बेवास्ता गर्छ; गहिराई स्ट्याकिङ प्रभावको सट्टा शीर्षकमा स्तरित फोटोग्राफी र सूक्ष्म पृष्ठभूमि ब्लर मार्फत प्राप्त गरिन्छ।
मुख्य तत्व भनेको केन्द्रित हेडलाइन (४८-६४px/४६०) भएको पूर्ण-चौडाइको तस्बिर हो र वाइनको छविले भरिएको एकल कल टु एक्शन हो, जसमा बायाँ र दायाँ किनारामा तैरिरहेको पारदर्शी उत्पादन UI कार्डहरू ओभरले गरिएको छ। मुख्य तत्वको तल सेतो स्ट्राइप लोगो स्ट्रिप (प्रति पङ्क्ति ६ कक्षहरू, अधिकतम चौडाइ सीमित), त्यसपछि चर्मपत्र क्यानभासमा सेतो कार्ड सतहहरू भएको ट्याब खण्ड छ। गाढा फिरोजा स्ट्रिपले पृष्ठको लगभग दुई-तिहाइ बाटोको लय तोड्छ—पूर्ण-चौडाइ, दुई स्तम्भहरू (बायाँमा छवि, दायाँमा पाठ)—तपाईंले स्क्रोल गर्दा एक मात्र टोनल कन्ट्रास्ट सिर्जना गर्दछ। ग्रेडियन्ट वायुमण्डलीय स्ट्रिप पछ्याउँछ। खण्डहरू बीचको ठाडो स्पेसिङ ६४-९६px छ। अधिकतम सामग्री चौडाइ ~१२००px केन्द्रित छ, मुख्य तत्व र गाढा स्ट्रिपले भ्यूपोर्टको पूर्ण चौडाइ फैलाएको छ। नेभिगेसन धमिलो पृष्ठभूमि भएको एकल निश्चित हेडर हो; कुनै साइडबार छैन, कुनै मेगा मेनु छैन। फुटर लिङ्कहरूको बहु-स्तम्भ लेआउट भएको पूर्ण-चौडाइ बरगंडी पृष्ठ हो। समग्र लय यस प्रकार छ: मुख्य फ्रेम → शान्त सेतो/क्रीम सामग्री → मुख्य छवि सहितको गाढा पट्टी → वायुमण्डलीय ग्रेडियन्ट → बरगंडी फुटर, सम्पादकीय गति सिर्जना गर्न उज्यालो र गाढा पट्टीहरू एकान्तरण गर्दै।
प्राथमिक दृश्य तत्व सिनेम्याटिक फोटोग्राफी हो: खुला आकाश विरुद्ध पूर्ण-चौडाइको चित्र केन्द्र बिन्दुको रूपमा काम गर्दछ, पृष्ठको तल दोस्रो वायुमण्डलीय पट्टी राखिएको छ। छवि न्यानो टोन्ड गरिएको छ, सूक्ष्म रूपमा म्यूट गरिएको छ, र प्रोफाइलमा शट गरिएको छ, सुनौलो घण्टाको सम्झना दिलाउँछ, कर्पोरेट भन्दा बढी सम्पादकीय अनुभूति सिर्जना गर्दछ। पारदर्शी ज्यामितीय आयत र हस्तलिखित शिलालेखहरू सहितको गाढा पट्टी विचारमा हराएको मानिसको तस्वीर माथि सुपरइम्पोज गरिएको छ - एकल छविको सट्टा सतहहरूको कोलाज। प्रयोगकर्ता इन्टरफेसलाई अलग स्क्रिनसटको रूपमा भन्दा, फोटोमा सिधै सुपरइम्पोज गरिएको फ्लोटिंग गिलास कार्डहरूको रूपमा प्रस्तुत गरिएको छ। ग्रेडियन्ट वायुमंडलीय पट्टीको लागि बाहेक कुनै स्टक चित्रण, कुनै 3D रेन्डर, र कुनै अमूर्त सजावटी रूपहरू छैनन्। आइकनहरू न्यूनतम मोनोक्रोम लाइन आइकनहरू हुन्, ~16-20px चौडा, 460 बिन्दु पाठ वजन अनुरूप एकल चौडाइको साथ।
प्यालेट
ब्रान्ड
- Midnight Wine
#421d24— मुख्य कार्य बटनहरू, विज्ञापन ब्यानर, र फुटर न्यानो, लगभग कालो बरगंडी हुन् जुन रातो भन्दा बढी मसी जस्तो महसुस हुन्छ, अत्यधिक शक्तिशाली नभई रङ प्यालेटलाई लंगर लगाउँछ। - Royal Violet
#714cb6— लिङ्कहरू, ट्यागहरू र छोटो वाक्यांशहरू हाइलाइट गर्न बैजनी रंग प्रयोग गरिन्छ। यसलाई कल टु एक्शनको लागि प्राथमिक रंगको रूपमा प्रयोग गर्नु हुँदैन।
तटस्थ
- Lilac Mist
#d4c7ff— माध्यमिक सतह भरण, हल्का आइकनहरू, र घोस्ट बटन पृष्ठभूमिहरू सबैमा मौन बैजनी रंग छ जसले ब्रान्डको शैलीलाई संकेत गर्दछ र आफैंमा अनावश्यक ध्यान खिच्दैन। - Deep Lagoon
#0c4243— मुख्य कथा तत्वको रूपमा प्रयोग गरिएको स्ट्रिपको लागि अँध्यारो पृष्ठभूमि, प्रणालीमा एक मात्र अँध्यारो सतह हो, जसलाई ओभरलेड ज्यामितीय ढाँचासँग जोडिएको छ। - Warm Parchment
#f2f0eb— पृष्ठको काम गर्ने सतह प्रमुख तत्व हो; आधारको रूपमा सेतोलाई प्रतिस्थापन गर्ने न्यानो क्रिम रङले सम्पूर्ण प्रणालीलाई सम्पादकीय न्यानोपन प्रदान गर्दछ। - Soft Mist
#e3e3e2— मसिना किनाराहरू, कार्डको रूपरेखा, विभाजन रेखाहरू—न्यानो, हल्का खैरो रंग जुन चर्मपत्रसँग मिसिन्छ तर किनारहरूलाई स्पष्ट रूपमा परिभाषित गर्दछ। - Ink Charcoal
#292827— मुख्य भागको पाठ, शीर्षक, आइकनको रूपरेखा - न्यानो, लगभग कालो रङ जसमा कागजमा मसी जस्तो महसुस हुने गरी खैरो रङ, कहिल्यै चिसो नहुने #००० - Stone Gray
#666666— माध्यमिक मुख्य पाठ, सहायक पाठहरू, गोप्य विवरणहरू - एकल मध्यम खैरो, मुख्य पाठसँग कहिल्यै प्रतिस्पर्धा नगर्नको लागि कम प्रयोग गरिएको।
टाइपोग्राफी
१२ देखि ६४ पिक्सेल सम्म · ८ चरणहरू
- Super Sans VF — प्रतिस्थापन: Inter (closest open equivalent for variable weight range) · रूपरेखाहरू 460, 500, 540, 600, 700 · सम्पूर्ण प्रणालीमा एउटै फन्ट। अक्ष चरहरू ४६० (सबै ठूला शीर्षक पाठको लागि एक हस्ताक्षर, थोरै क्रप गरिएको फन्ट) देखि ५४० (जोड दिइएको मुख्य पाठ) र ७०० (सानो, बोल्ड क्याप्सन) सम्मको दायरा फैलाउँछन्। विशेष रूपमा डिजाइन गरिएको VF ले ४६०-वजनका शीर्षकहरूलाई अव्यवस्थित भन्दा बढी जानाजानी देखिन्छ - ४८-६४px मा कडा अक्षर स्पेसिङको साथ, "थोरै क्रप गरिएको" प्रभाव पातलो भन्दा आत्मविश्वासी मानिन्छ।
अन्तराल र रूप
| उद्देश्य | अर्थ |
|---|---|
| घनत्व | बाक्लो |
| आधारभूत चरण | 8px |
| बटनको त्रिज्या | 16px |
| कार्डको अर्धव्यास | 16px |
| छायाँहरू | छायाँको सट्टा कुनै - किनारा छैन |
| खण्डहरू बीच | 64-96px |
| पृष्ठ चौडाइ | 1200px |
एआईले तपाईंको वेबसाइट Superhuman शैलीमा बनाउनेछ र यसलाई भर्नेछ
- लिङ्क मार्फत उत्पादनहरू र पोस्टहरू भर्नुहोस् - Instagram, TikTok, Facebook ।
- आफ्नो पुरानो साइटबाट सामग्री स्थानान्तरण गर्नुहोस्—केवल ठेगाना निर्दिष्ट गर्नुहोस्।
- उत्कृष्ट इन्जिनमा आधुनिक डिजाइन: सर्भर रेन्डरिङ र SEO अप्टिमाइजेसनको साथ React ( Next.js)।
- खोज परिणाम र तंत्रिका नेटवर्क सिफारिसहरूको लागि पूर्ण स्वचालित SEO अप्टिमाइजेसन।
उस्तै शैलीहरू
- AI for Business — न्यानो खैरो टोनमा क्रूर सम्पादकीय शोरूम
- Jeton — न्यानो संगमरमरमा फिनटेकको बारेमा सम्पादकीय
- Airtable — विभिन्न रङहरूमा चिन्ह लगाइएका अध्यायहरू सहितको आरामदायी सेमिनार
- Osmo — ग्रे कंक्रीटमा विकासकर्ताहरूको संग्रहालय
- Linktr — सम्पादकीय पोस्टरहरू क्यान्डी जस्तै स्ट्याक गरिएका छन्। वेबसाइट रंगीन ब्लकहरूमा डिजाइन गरिएको छ, कोबाल्ट-नीलो भित्ताहरू विरुद्ध सेट गरिएको चम्किलो हरियो हेडलाइनहरू, र बरगंडी क्षेत्रहरू माथि तैरिरहेको सेतो गोली आकारको नेभिगेसन तत्वहरू सहित।
- Outsource Consultants — हड्डीको कागजमा ठूलो ढाँचाको वास्तुकलाको पाना। एक मोनोग्राफिक सौन्दर्य, जहाँ नीलको एकल चम्किलो प्याचले अन्यथा न्यानो, टाइपोग्राफिक रूपमा अधिकतमवादी ग्रिडलाई बाधा पुर्याउँछ।
- Streamtime — ट्याक्टाइल क्रिएटिभ मुड बोर्ड - डिजाइनर स्क्र्यापबुकिङ टेबल
- Switch-Lit — क्रिम पेपरमा मसीले छापिएको सम्पादकीय ग्रिड
- HubSpot — एकल सुन्तला रंगको उच्चारण भएको न्यानो क्रिम पेपर रङ। HubSpot हेभीवेट पेपरमा छापिएको डिजाइनर पत्रिका जस्तै देखिन्छ—सेरिफ हेडलाइनहरू, न्यानो क्रिम पृष्ठहरू, र सबैभन्दा महत्त्वपूर्ण बुँदाहरू मात्र हाइलाइट गर्ने एकल ज्वलन्त सुन्तला रंगको उच्चारण।
- Granola — न्यानो भेल्लममा फिल्ड नोटहरू—ग्रानोला सूर्यको प्रकाशमा डेस्कमा खोलिएको राम्रोसँग जीर्ण मोलेस्काइन नोटबुक जस्तै पढिन्छ: सेरिफ शीर्षकहरूले ठोसताको अनुभूति दिन्छ, बिरुवामा आधारित मसी जस्ता जैविक हरियो उच्चारणहरू, र कार्डहरूको मार्जिनमा मसिना रेखाहरू जुन हस्तलिखित नोटहरू जस्तै देखिन्छन्।
- Secure — मधुर उज्यालोमा युरोपेली क्याफेमा कुराकानी भनेको भिडियो कलिङको न्यानो र स्टाइलिश रूप हो, जहाँ सेरिफ हेडलाइनहरू प्राविधिक उत्पादन पृष्ठको सट्टा विचारशील पत्रिकाको लेख जस्तै पढिन्छन्।
- Mockups made easy — सेतो कागजमा सम्पादकीय डिजाइन स्टुडियो