Medium

सोनेरी क्षणी क्रीम रंगाचे पांढरे वर्तमानपत्र

मीडियम हे वेबवर स्थलांतरित केलेल्या एखाद्या साहित्यिक वाचनालयासारखे कार्य करते: SaaS मध्ये सामान्यतः आढळणाऱ्या निर्जीव पांढऱ्या पार्श्वभूमीऐवजी, येथे उबदार, क्रीम रंगाची पार्श्वभूमी (#f7f4ed) वापरली आहे, ज्यामुळे मोठे मजकूर छापील पानासारखे वाटतात. व्हिज्युअल सिस्टीम आक्रमकपणे मोनोक्रोम आहे—जवळजवळ सर्व UI पृष्ठभाग, मजकूर आणि बॉर्डर्स #242424 ते #6b6b6b पर्यंतच्या उबदार राखाडी रंगांच्या एका अरुंद पट्टीत आहेत—त्यामुळे वाचकाचे लक्ष पूर्णपणे मजकुरावर केंद्रित होते. एकमेव वैशिष्ट्यपूर्ण गोष्ट म्हणजे सेरिफ हेडलाइन (GT Super, 120px, weight 400, letter spacing -0.055em), जी एक हेतुपुरस्सर प्रचलित प्रवाहाच्या विरुद्ध निवड आहे: ठळक भौमितिक सॅन्स-सेरिफ फॉन्टऐवजी, डिस्प्लेसाठी लहान केलेला आणि सहजासहजी लक्षात न येणारा, पुस्तकातील सेरिफ फॉन्ट हे दर्शवतो की: "आम्ही पुस्तके प्रकाशित करतो, सॉफ्टवेअर नाही." बटणे जवळजवळ काळ्या रंगाच्या पूर्ण "गोळ्यां"सारखी आहेत - पानावरील एकमेव गडद शाई.

होमपेजवर दोन स्तंभ आहेत: डावी बाजू पानाच्या जागेपैकी सुमारे ५५% जागा व्यापते, ज्यात मथळा, उपमजकूर आणि कृतीसाठी आवाहन (कॉल टू ॲक्शन) भरपूर अंतर्गत जागेसह उभ्या मांडणीत आहेत; उजवी बाजू पानाच्या जागेपैकी सुमारे ४५% जागा व्यापते, ज्यात एक चित्र पॅनेल आहे. डावा स्तंभ डावीकडे संरेखित (मध्यभागी नाही) आहे, ज्यामुळे पान वाचनाच्या अक्षावर स्थिर राहते. होमपेजच्या खाली, पान एकच, पूर्ण-रुंदीची, क्रीम-रंगाची पट्टी आहे, जिच्या तळटीपमध्ये (फुटरमध्ये) मध्यभागी लिंक्स आहेत. होमपेजवर कोणतेही कार्ड ग्रिड, विशेष विभाग किंवा एकाआड एक पट्ट्या नाहीत—होमपेज हे एक पान आहे. मजकुराची घनता मुद्दाम कमी ठेवली आहे: एक मथळा, एक वाक्य, एक बटण, एक चित्र. हे पान एक मुखपृष्ठ आहे, डॅशबोर्ड नाही.

चित्रे संपादकीय आणि प्रसंगानुरूप आहेत, पद्धतशीर नाहीत. मुख्य पानावर सैल, किंचित साध्या शैलीतील एकच हाताने काढलेले चित्र आहे (एक हिरवे फूल, एक भौमितिक हात, नक्षत्रांच्या रेषा). ही चित्रे एखाद्या कायमस्वरूपी ग्रंथालयातील न वाटता, हंगामानुसार बदलणाऱ्या मागणीनुसार बनवलेल्या कलाकृतींसारखी दिसतात. मुख्य पानावर एकही छायाचित्र नाही. मुख्य पानावर कोणतेही आयकॉन्स नाहीत—सर्व काम मजकूर लोगो आणि मजकुराद्वारेच केले जाते. दृश्य भाषा प्रामुख्याने मजकूर-केंद्रित आहे, ज्यात चित्रे विरामचिन्हांचे काम करतात.

शुद्ध SaaS संपादकीय मोनोक्रोम

https://medium.com

पॅलेट

तटस्थ

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 · मीडियम-कंटेंट-सॅन्स-सेरिफ फॉन्ट - काढलेल्या डेटामध्ये आढळला, परंतु AI द्वारे त्याचे वर्णन केलेले नाही.
GT Super — बदली: Playfair Display · रूपरेषा 400 · शीर्षके आणि मुख्य मजकूर हे अत्यंत मोठ्या आकारात, कमी अक्षर-अंतर आणि ०.८३ ओळींच्या अंतरासह वापरलेला एक संक्रमणकालीन बुक सेरिफ फॉन्ट आहे. १२० पिक्सेलवर ४०० जाडीचा (बोल्ड नाही) फॉन्ट निवडणे हे त्याचे एक वैशिष्ट्यपूर्ण लक्षण आहे: जाडी नव्हे, तर अक्षरांचे आकारच प्रभावी ठरतात. अक्षरांमधील नकारात्मक अंतरामुळे (negative letter spacing) दृष्टीआड होणाऱ्या फटी कमी होतात, ज्यामुळे "मानवी कथा आणि कल्पना" (Human Stories and Ideas) हा एकसंध टायपोग्राफिक ब्लॉक असल्यासारखा वाटतो.
Söhne — बदली: Inter · रूपरेषा 400 · UI सॅन्स-सेरिफ फॉन्टचा वापर नेव्हिगेशन, बटणे, उपशीर्षके आणि लहान शीर्षकांसाठी केला जातो. १३-१४px ची श्रेणी नेव्हिगेशन लेबल्स आणि बटणांसाठी आहे; २०-२२px उपशीर्षके आणि शीर्षकातील दुय्यम मजकुरासाठी आहे. मानवी चेहऱ्याला साजेसे प्रमाण असलेला सुबक सॅन्स-सेरिफ फॉन्ट लहान आकारात सुवाच्य आणि मोठ्या आकारात सहज लक्षात न येणारा असतो.

अंतर आणि स्वरूप

उद्देश	अर्थ
घनता	सरासरी
मूलभूत पायरी	16-24px
बटण त्रिज्या	9999px
कार्ड त्रिज्या	0px
सावल्या	सावल्यांऐवजी सीमा नाहीत
विभागांच्या दरम्यान	64px
पृष्ठाची रुंदी	1200px

एआय तुमची वेबसाईट Medium स्टाईलमध्ये तयार करेल आणि ती भरेल.

लिंकद्वारे उत्पादने आणि पोस्ट्स भरा - Instagram, TikTok, Facebook.
तुमच्या जुन्या साइटवरून सामग्री हस्तांतरित करा—फक्त पत्ता नमूद करा.
सर्वोत्तम इंजिनवर आधुनिक डिझाइन: React ( Next.js) ज्यामध्ये सर्व्हर रेंडरिंग आणि एसईओ ऑप्टिमायझेशन अंगभूत आहेत.
शोध परिणामांसाठी पूर्णपणे स्वयंचलित एसईओ ऑप्टिमायझेशन आणि न्यूरल नेटवर्क शिफारसी.

या शैलीत वेबसाइट तयार करा

समान शैली

Steep — उष्ण कागदावर सेरिफ फॉन्टचे विश्लेषण
Newformcap — ड्रेसिंग रूममधील संपादकीय वृत्तपत्र
Claude — उबदार चर्मपत्रावर छापलेली एक कलाकृती—हाडाच्या कागदावर शाई, आणि रंगाचा एकमेव किरण म्हणजे माती.
11x– Digital workers — एक चित्रपटीय संपादकीय ओसाड प्रदेश—एखाद्या आलिशान मासिकाच्या पानांप्रमाणे वाचता येतील अशा भव्य सेरिफ अक्षरांतील मथळ्यांच्या पार्श्वभूमीवर मांडलेली भूदृश्याची विस्तीर्ण छायाचित्रे.
Revolut — ढगांच्या छायाचित्रावर आधारित एक कृष्णधवल संपादकीय कलाकृती—पांढरी शाई, गोळ्यांच्या डबीवरील बटणे, आणि एरवी राखाडी असलेल्या जगात रंगाची एकच निळी पट्टी.
Scheduling — क्रीम रंगाच्या कागदावर संपादकीय शाई
Titan — उबदार-रंगछटांचा मोनोक्रोम संग्रह
Programa — दुपारच्या वेळी एक स्विस डिझाइन स्टुडिओ. पांढऱ्या गॅलरीच्या भिंतीवर एकच पिवळा टेबल लॅम्प प्रकाशमान आहे—एखादे बटण, आयकॉन किंवा एखादी आकर्षक वस्तू लक्ष वेधून घेईपर्यंत सर्व काही राखाडी रंगाच्या छटांमध्ये आहे, आणि मग ती एकच पिवळी वस्तू संपूर्ण खोलीला एक वेगळी ओळख देते.
Sana Agents — संपादकीयमध्ये पांढऱ्या पार्श्वभूमीवर लाईमची चमक
Visual — उबदार संपादकीय गुप्त लेखन. क्रीम रंगाचा कागद, सेरिफ अक्षरे असलेली पोस्टर्स, एकरंगी समास-नोंद, एक पिवळा मार्कर.
Midday — व्हेलमवरील संपादकीय माहितीपत्रक - उबदार दगडी पार्श्वभूमीवर ७२ पिक्सेलचे सेरिफ शीर्षक, स्पेसिंगसह सॅन्स-सेरिफ मजकूर, पिल-शेप्ड कंट्रोल्स, शॅडो नाही.
Chat for impact — फिकट रंगाच्या खोल्या असलेले वन हिरव्या रंगाचे क्लिनिक