Medium
गोल्डेन आवरमा क्रिमी सेतो अखबार
वेबमा प्रत्यारोपण गरिएको साहित्यिक पठन कोठा जस्तै मध्यम कार्यहरू: न्यानो, क्रिमी पृष्ठभूमि (#f7f4ed) ले SaaS को बाँझ सेतो विशिष्टतालाई प्रतिस्थापन गर्दछ, जसले गर्दा लामो पाठहरू छापिएको पृष्ठ जस्तो महसुस हुन्छ। दृश्य प्रणाली आक्रामक रूपमा मोनोक्रोम छ - लगभग सबै UI सतहहरू, पाठ, र किनाराहरू #242424 देखि #6b6b6b सम्मको न्यानो खैरो रंगको साँघुरो ब्यान्डमा छन् - त्यसैले पाठकको ध्यान पूर्ण रूपमा सामग्रीमा केन्द्रित छ। एक मात्र हस्ताक्षर इशारा सेरिफ हेडलाइन (GT सुपर, 120px, तौल 400, अक्षर स्पेसिङ -0.055em) हो, एक जानाजानी प्रवृत्ति विरोधी विकल्प: प्रदर्शनको लागि मापन गरिएको संक्रमणकालीन पुस्तक सेरिफ फन्ट, बोल्ड ज्यामितीय sans-serif भन्दा मुश्किलले देख्न सकिने, संकेतहरू: "हामी पुस्तकहरू प्रकाशित गर्छौं, सफ्टवेयर होइन।" बटनहरू लगभग कालो रंगका पूर्ण "गोलीहरू" हुन् - पृष्ठमा एक मात्र ठोस मसी।
गृहपृष्ठमा दुई स्तम्भहरू छन्: बायाँ छेउले पृष्ठको ठाउँको ~५५% ओगटेको छ, शीर्षक, उप-पाठ, र कल टु एक्शनलाई उदार आन्तरिक स्पेसिङको साथ ठाडो रूपमा व्यवस्थित गरिएको छ; दायाँ छेउले पृष्ठको ठाउँको ~४५% ओगटेको छ, चित्रण प्यानलको साथ। बायाँ स्तम्भ बायाँ-पङ्क्तिबद्ध (केन्द्रित होइन), पृष्ठलाई पठन अक्षमा एङ्कर गर्दै। गृहपृष्ठ मुनि, पृष्ठ फुटरमा केन्द्रित लिङ्कहरू सहितको एकल, पूर्ण-चौडाइ, क्रिम-रंगको स्ट्रिप हो। गृहपृष्ठमा कुनै कार्ड ग्रिड, सुविधा खण्डहरू, वा वैकल्पिक स्ट्रिपहरू छैनन् - गृहपृष्ठ एक पृष्ठ हो। सामग्री घनत्व जानाजानी कम छ: एउटा शीर्षक, एउटा वाक्य, एउटा बटन, एउटा छवि। पृष्ठ कभर हो, ड्यासबोर्ड होइन।
चित्रहरू सम्पादकीय र एपिसोडिक छन्, व्यवस्थित छैनन्। मुख्य पृष्ठमा एउटा हातले कोरिएको चित्रण (हरियो फूल, ज्यामितीय हात, नक्षत्र रेखाहरू) खुकुलो, थोरै सरल शैलीमा प्रस्तुत गरिएको छ। चित्रहरू स्थायी पुस्तकालयबाट नभई मौसम अनुसार परिवर्तन हुने कामहरू जस्तै देखिन्छन्। मुख्य पृष्ठमा कुनै तस्बिरहरू छैनन्। मुख्य पृष्ठमा कुनै आइकनहरू छैनन्—सबै काम पाठ लोगो र पाठद्वारा गरिन्छ। दृश्य भाषा मुख्यतया पाठ-उन्मुख छ, चित्रहरू विराम चिन्हको रूपमा काम गर्छन्।
प्यालेट
तटस्थ
- Newsprint Cream
#f7f4ed— पृष्ठ क्यानभास, मुख्य विन्डो पृष्ठभूमि, र खण्ड पृष्ठभूमि न्यानो, थोरै क्रिमी रंगको छ जसले डिजिटल इन्टरफेसको सट्टा छापिएको इन्टरफेसको अनुभूति सिर्जना गर्दछ। - Paper White
#ffffff— कार्ड सतहहरू, उठेका प्यानलहरू, फारम प्रविष्टि क्षेत्रहरू, र क्रिम क्यानभासबाट अलग गर्न आवश्यक पर्ने कुनै पनि सतहहरू। - Ink
#242424— मुख्य भागको पाठ, मुख्य भागको पाठ, लिङ्कहरू, शीर्षकहरू - शुद्ध कालो भन्दा अलि न्यानो, क्रिम पृष्ठभूमिमा राम्रो देखिन्छ। - Body Gray
#333333— कन्ट्रास्ट नगुमाईकन मसीको रङभन्दा थोरै हल्का रङ आवश्यक पर्दा माध्यमिक पाठको रङ र पूर्वनिर्धारित अग्रभूमि रङ प्रयोग गरिन्छ। - Button Black
#191919— माध्यमिक UI तत्वहरू, डिभाइडरहरू, र म्यूट गरिएका लेबलहरूको लागि तटस्थ रङ समर्थित छ। यसलाई कल टु एक्शनको लागि प्राथमिक रङको रूपमा प्रयोग गर्नु हुँदैन। - Marginalia Gray
#6b6b6b— माध्यमिक UI, डिभाइडरहरू, र म्यूट गरिएका लेबलहरूको लागि तटस्थ रङ समर्थन।
टाइपोग्राफी
१३ देखि १२० पिक्सेल सम्म · ५ चरणहरू
- medium-content-sans-serif-font — प्रतिस्थापन: Inter · रूपरेखाहरू 400 · medium-content-sans-serif फन्ट - निकालिएको डेटामा फेला पर्यो तर AI द्वारा वर्णन गरिएको छैन।
- GT Super — प्रतिस्थापन: Playfair Display · रूपरेखाहरू 400 · शीर्षकहरू र मुख्य भागको पाठ चरम स्केलमा कडा अक्षर स्पेसिङ र ०.८३ लाइन स्पेसिङको साथ एक संक्रमणकालीन पुस्तक सेरिफ फन्ट हो। १२० पिक्सेलमा ४०० तौल (बोल्ड होइन) को छनोट एक हस्ताक्षर विशेषता हो: तौलले होइन, अक्षररूपहरूले काम गर्छन्। नकारात्मक अक्षर स्पेसिङले अप्टिकल अन्तरालहरूलाई साँघुरो बनाउँछ, जसले गर्दा "मानव कथाहरू र विचारहरू" एक सुसंगत टाइपोग्राफिक ब्लक जस्तो महसुस हुन्छ।
- Söhne — प्रतिस्थापन: Inter · रूपरेखाहरू 400 · UI sans-serif फन्ट नेभिगेसन, बटनहरू, उपशीर्षकहरू, र साना शीर्षकहरूको लागि प्रयोग गरिन्छ। १३–१४px दायरा नेभिगेसन लेबलहरू र बटनहरूको लागि हो; २०–२२px शीर्षक भित्र उपशीर्षकहरू र माध्यमिक पाठको लागि हो। मानवतावादी अनुपात भएको सफा sans-serif सानो आकारमा पढ्न सकिन्छ र ठूला आकारहरूमा अवरोधरहित हुन्छ।
अन्तराल र रूप
| उद्देश्य | अर्थ |
|---|---|
| घनत्व | औसत |
| आधारभूत चरण | 16-24px |
| बटनको त्रिज्या | 9999px |
| कार्डको अर्धव्यास | 0px |
| छायाँहरू | छायाँको सट्टा कुनै - किनारा छैन |
| खण्डहरू बीच | 64px |
| पृष्ठ चौडाइ | 1200px |
एआईले तपाईंको वेबसाइट Medium शैलीमा बनाउनेछ र यसलाई भर्नेछ
- लिङ्क मार्फत उत्पादनहरू र पोस्टहरू भर्नुहोस् - Instagram, TikTok, Facebook ।
- आफ्नो पुरानो साइटबाट सामग्री स्थानान्तरण गर्नुहोस्—केवल ठेगाना निर्दिष्ट गर्नुहोस्।
- उत्कृष्ट इन्जिनमा आधुनिक डिजाइन: सर्भर रेन्डरिङ र SEO अप्टिमाइजेसनको साथ React ( Next.js)।
- खोज परिणाम र तंत्रिका नेटवर्क सिफारिसहरूको लागि पूर्ण स्वचालित SEO अप्टिमाइजेसन।
उस्तै शैलीहरू
- Steep — न्यानो कागजमा सेरिफ फन्टहरूको विश्लेषण
- Newformcap — ड्रेसिङ रुममा सम्पादकीय पत्रिका
- Claude — न्यानो चर्मपत्रमा छापिएको कलाकृति—हड्डीको कागजमा मसी, रंगको एक मात्र सासको रूपमा माटो
- 11x– Digital workers — एउटा सिनेमाई सम्पादकीय उजाड भूमि—विलासी पत्रिका फैलिए जस्तै पढ्ने स्मारकीय सेरिफ हेडलाइनहरूको विरुद्धमा सेट गरिएको परिदृश्यको मनोरम तस्बिरहरू।
- Revolut — बादलको तस्बिरमा आधारित मोनोक्रोम सम्पादकीय कृति—सेतो मसी, पिलबक्स बटन, अन्यथा ग्रेस्केल संसारमा रंगको एकल नीलो पट्टी।
- Scheduling — क्रिम पेपरमा सम्पादकीय मसी
- Titan — न्यानो-टोन मोनोक्रोम अभिलेख
- Programa — दिउँसोको समयमा स्विस डिजाइन स्टुडियो। सेतो ग्यालरी भित्ता एउटा पहेंलो टेबल ल्याम्पले उज्यालो पारिएको छ—बटन, आइकन वा एक्सेन्टले आँखा नछोडेसम्म सबै कुरा खैरो रंगमा हुन्छ, र त्यसपछि त्यो एकल पहेंलो एक्सेन्टले सम्पूर्ण कोठालाई परिभाषित गर्छ।
- Sana Agents — सम्पादकीयमा सेतो पृष्ठभूमिमा चुनाको चमक
- Visual — न्यानो सम्पादकीय समिजदत। क्रिम पेपर, सेरिफ पोस्टर, मोनोक्रोम मार्जिनलिया, एउटा पहेंलो मार्कर।
- Midday — भेल्लममा सम्पादकीय ब्रोसर - न्यानो ढुङ्गाको पृष्ठभूमिमा ७२ पिक्सेल सेरिफ हेडलाइन, स्पेसिङ सहितको सेन्स-सेरिफ बडी प्रतिलिपि, गोली आकारको नियन्त्रण, कुनै छायाँ छैन।
- Chat for impact — पेस्टल रंगका कोठाहरू भएको वन-हरियो क्लिनिक