Medium

பொன்னிற நேரத்தில் வெண்ணிற செய்தித்தாள்

மீடியம், இணையத்திற்கு மாற்றப்பட்ட ஒரு இலக்கிய வாசிப்பு அறை போல செயல்படுகிறது: SaaS-ல் வழக்கமாக இருக்கும் உயிரற்ற வெள்ளை நிறத்திற்குப் பதிலாக, ஒரு இதமான, கிரீம் போன்ற பின்னணி (#f7f4ed) பயன்படுத்தப்பட்டுள்ளது. இது நீண்ட உரைகளை ஒரு அச்சிடப்பட்ட பக்கம் போல உணர வைக்கிறது. காட்சி அமைப்பு தீவிரமாக ஒற்றை வண்ணத்தில் உள்ளது—கிட்டத்தட்ட அனைத்து UI பரப்புகள், உரை மற்றும் எல்லைகள் #242424 முதல் #6b6b6b வரையிலான இதமான சாம்பல் நிறங்களின் ஒரு குறுகிய பட்டையில் உள்ளன—இதனால் வாசகரின் கவனம் முழுவதுமாக உள்ளடக்கத்தின் மீது குவிக்கப்படுகிறது. இதன் ஒரே தனித்துவமான அம்சம் செரிஃப் தலைப்பு (GT Super, 120px, weight 400, letter spacing -0.055em) ஆகும். இது ஒரு திட்டமிட்ட, போக்குக்கு எதிரான தேர்வாகும்: ஒரு தடித்த வடிவியல் சான்ஸ்-செரிஃப் எழுத்துருவிற்குப் பதிலாக, காட்சிக்கு ஏற்றவாறு அளவிடப்பட்ட, எளிதில் கவனிக்க முடியாத ஒரு இடைநிலை புத்தக செரிஃப் எழுத்துரு, "நாங்கள் புத்தகங்களை வெளியிடுகிறோம், மென்பொருளை அல்ல" என்பதை உணர்த்துகிறது. பொத்தான்கள் கிட்டத்தட்ட கருப்பு நிறத்தில் முழுமையான "மாத்திரைகள்" போல உள்ளன - இதுவே பக்கத்தில் உள்ள ஒரே திடமான மை.

முகப்புப் பக்கத்தில் இரண்டு பத்திகள் உள்ளன: இடது பக்கம், பக்கத்தின் சுமார் 55% இடத்தை எடுத்துக்கொள்கிறது, அதில் தலைப்பு, துணை உரை மற்றும் செயலுக்கான அழைப்பு ஆகியவை தாராளமான உள் இடைவெளியுடன் செங்குத்தாக அமைக்கப்பட்டுள்ளன; வலது பக்கம், பக்கத்தின் சுமார் 45% இடத்தை எடுத்துக்கொள்கிறது, அதில் ஒரு விளக்கப்படப் பகுதி உள்ளது. இடது பத்தி இடதுபுறமாக சீரமைக்கப்பட்டுள்ளது (மையப்படுத்தப்படவில்லை), இது பக்கத்தை வாசிப்பு அச்சில் நிலைநிறுத்துகிறது. முகப்புப் பக்கத்திற்குக் கீழே, அடிக்குறிப்பில் மையப்படுத்தப்பட்ட இணைப்புகளுடன், பக்கம் ஒரு முழு அகல, கிரீம் நிற ஒற்றைப் பட்டையாக உள்ளது. முகப்புப் பக்கத்தில் அட்டை கட்டங்கள், சிறப்புப் பகுதிகள் அல்லது மாறி மாறி வரும் பட்டைகள் எதுவும் இல்லை—முகப்புப் பக்கமே ஒரு முழுப் பக்கம். உள்ளடக்க அடர்த்தி வேண்டுமென்றே குறைவாக வைக்கப்பட்டுள்ளது: ஒரு தலைப்பு, ஒரு வாக்கியம், ஒரு பொத்தான், ஒரு படம். இந்தப் பக்கம் ஒரு முகப்பு, ஒரு டாஷ்போர்டு அல்ல.

விளக்கப்படங்கள் ஒரு முறையான பாணியில் இல்லாமல், தலையங்கப் பாணியிலும் அவ்வப்போது தோன்றும் வகையிலும் அமைந்துள்ளன. முகப்புப் பக்கத்தில், தளர்வான, சற்றே இயல்பான பாணியில் கையால் வரையப்பட்ட ஒரே ஒரு விளக்கப்படம் (ஒரு பச்சை மலர், ஒரு வடிவியல் கை, விண்மீன் கூட்டக் கோடுகள்) இடம்பெற்றுள்ளது. இந்த விளக்கப்படங்கள், ஒரு நிரந்தர நூலகத்திலிருந்து எடுக்கப்பட்டவை போலத் தோன்றாமல், பருவகாலத்திற்கு ஏற்ப மாறும், பிரத்யேகமாகப் பணிக்கப்பட்ட படைப்புகள் போலத் தெரிகின்றன. முகப்புப் பக்கத்தில் புகைப்படங்கள் எதுவும் இல்லை. முகப்புப் பக்கத்தில் சின்னங்கள் எதுவும் இல்லை—அனைத்து வேலையும் உரைச் சின்னத்தாலும் உரையாலும் செய்யப்படுகிறது. காட்சி மொழி முதன்மையாக உரையை மையமாகக் கொண்டது, விளக்கப்படங்கள் நிறுத்தற்குறிகளாகச் செயல்படுகின்றன.

தூய சாஸ்தலையங்கம்மோனோக்ரோம்

https://medium.com

வண்ணத் தட்டு

நடுநிலை

Newsprint Cream #f7f4ed — பக்க கேன்வாஸ், பிரதான சாளரப் பின்னணி மற்றும் பகுதிப் பின்னணி ஆகியவை, ஒரு டிஜிட்டல் இடைமுகத்தை விட அச்சிடப்பட்ட இடைமுகத்தின் உணர்வை உருவாக்கும் வகையில், இதமான, சற்றே கிரீம் போன்ற வண்ணத்தில் அமைந்துள்ளன.
Paper White #ffffff — அட்டைப் பரப்புகள், உயர்த்தப்பட்ட பலகைகள், படிவ உள்ளீட்டுப் புலங்கள் மற்றும் கிரீம் நிற கேன்வாஸிலிருந்து பிரிக்கப்பட வேண்டிய பிற பரப்புகள்.
Ink #242424 — உள்ளடக்க உரை, இணைப்புகள், தலைப்புகள் - தூய கருப்பை விட சற்றே வெதுவெதுப்பானது, கிரீம் நிறப் பின்னணியில் அழகாகத் தோற்றமளிக்கும்.
Body Gray #333333 — வண்ண வேறுபாட்டை இழக்காமல், மை நிறத்தை விட சற்றே வெளிச்சமான நிறம் தேவைப்படும் இடங்களில், இரண்டாம் நிலை எழுத்து நிறமும் இயல்புநிலை முன்புற நிறமும் பயன்படுத்தப்படுகின்றன.
Button Black #191919 — இரண்டாம் நிலை UI கூறுகள், பிரிப்பான்கள் மற்றும் மங்கலான லேபிள்களுக்கு நடுநிலை நிறம் ஆதரிக்கப்படுகிறது. அதைச் செயல் அழைப்புகளுக்கான முதன்மை நிறமாகப் பயன்படுத்தக் கூடாது.
Marginalia Gray #6b6b6b — இரண்டாம் நிலை பயனர் இடைமுகம், பிரிப்பான்கள் மற்றும் மங்கலான லேபிள்களுக்கு நடுநிலை வண்ண ஆதரவு.

அச்சுக்கலை

13 முதல் 120px வரை · 5 படிகள்

medium-content-sans-serif-font — மாற்று: Inter · வெளிப்புறங்கள் 400 · medium-content-sans-serif எழுத்துரு - பிரித்தெடுக்கப்பட்ட தரவுகளில் காணப்பட்டது, ஆனால் செயற்கை நுண்ணறிவால் விவரிக்கப்படவில்லை.
GT Super — மாற்று: Playfair Display · வெளிப்புறங்கள் 400 · தலைப்புகளும் முக்கிய உரையும், நெருக்கமான எழுத்து இடைவெளி மற்றும் 0.83 வரி இடைவெளியுடன், மிகப் பெரிய அளவில் உள்ள ஒரு இடைநிலை புக் செரிஃப் எழுத்துருவில் அமைந்துள்ளன. 120px அளவில் 400 தடிமன் (தடித்த எழுத்து அல்ல) கொண்ட எழுத்துருவைத் தேர்ந்தெடுத்திருப்பது இதன் ஒரு தனித்துவமான அம்சமாகும்: எழுத்துகளின் தடிமன் அல்ல, அவற்றின் வடிவங்களே முக்கியப் பங்காற்றுகின்றன. எதிர்மறை எழுத்து இடைவெளியானது, பார்வைக்குத் தெரியும் இடைவெளிகளைக் குறைத்து, "மனிதக் கதைகளும் எண்ணங்களும்" என்பதை ஒரு ஒத்திசைவான அச்சுக்கலைத் தொகுதியாக உணர வைக்கிறது.
Söhne — மாற்று: Inter · வெளிப்புறங்கள் 400 · வழிசெலுத்தல், பொத்தான்கள், துணைத் தலைப்புகள் மற்றும் சிறிய தலைப்புகளுக்கு UI சான்ஸ்-செரிஃப் எழுத்துரு பயன்படுத்தப்படுகிறது. 13–14px வரம்பு வழிசெலுத்தல் லேபிள்கள் மற்றும் பொத்தான்களுக்கும்; 20–22px வரம்பு துணைத் தலைப்புகள் மற்றும் தலைப்பிற்குள் உள்ள இரண்டாம் நிலை உரைக்கும் ஆகும். மனித இயல்புக்கேற்ற விகிதாச்சாரங்களைக் கொண்ட ஒரு தெளிவான சான்ஸ்-செரிஃப், சிறிய அளவுகளில் தெளிவாகப் படிக்கக்கூடியதாகவும், பெரிய அளவுகளில் கண்ணுக்கு உறுத்தாததாகவும் இருக்கும்.

இடைவெளிகள் மற்றும் வடிவம்

நோக்கம்	பொருள்
அடர்த்தி	சராசரி
அடிப்படை படி	16-24px
பொத்தான் ஆரம்	9999px
அட்டை ஆரம்	0px
நிழல்கள்	நிழல்களுக்குப் பதிலாக எல்லைகள் இல்லை
பிரிவுகளுக்கு இடையில்	64px
பக்க அகலம்	1200px

செயற்கை நுண்ணறிவு உங்கள் வலைத்தளத்தை Medium பாணியில் உருவாக்கி, அதை நிரப்பும்.

Instagram, TikTok, Facebook இணைப்புகளின் வழியாக தயாரிப்புகளையும் பதிவுகளையும் நிரப்பவும்.
உங்கள் பழைய தளத்திலிருந்து உள்ளடக்கத்தை மாற்றவும்—முகவரியைக் குறிப்பிட்டால் போதும்.
சிறந்த இன்ஜினான React ( Next.js)-இல், சர்வர் ரெண்டரிங் மற்றும் உள்ளமைக்கப்பட்ட SEO மேம்படுத்தலுடன் கூடிய நவீன வடிவமைப்பு.
தேடல் முடிவுகளுக்கான முழுமையாகத் தானியங்குபடுத்தப்பட்ட SEO உகப்பாக்கம் மற்றும் நியூரல் நெட்வொர்க் பரிந்துரைகள்.

இந்த பாணியில் ஒரு வலைத்தளத்தை உருவாக்கவும்

ஒத்த பாணிகள்

Steep — வெதுவெதுப்பான காகிதத்தில் செரிஃப் எழுத்துருக்களின் பகுப்பாய்வு
Newformcap — ஆடை மாற்றும் அறையில் தலையங்க செய்தித்தாள்
Claude — வெதுவெதுப்பான தோல்தாளில் அச்சிடப்பட்ட ஒரு கலைப்பொருள்—எலும்புக் காகிதத்தில் மை, களிமண் மட்டுமே வண்ணத்தின் மூச்சாக.
11x– Digital workers — ஒரு சினிமா பாணியிலான தலையங்கப் பாழ்நிலம் — ஒரு ஆடம்பரப் பத்திரிகையின் பக்கங்களைப் போலத் தோற்றமளிக்கும் பிரம்மாண்டமான செரிஃப் தலைப்புகளுக்கு மத்தியில், நிலப்பரப்பின் பரந்த புகைப்படங்கள் அமைக்கப்பட்டுள்ளன.
Revolut — மேகங்களின் புகைப்படத்தை அடிப்படையாகக் கொண்ட ஓர் ஒற்றை வண்ணத் தலையங்கப் படைப்பு—வெள்ளை மை, மாத்திரை வடிவப் பொத்தான்கள், சாம்பல் நிற உலகில் ஒரு ஒற்றை நீல வண்ணப் பட்டை.
Scheduling — கிரீம் நிறக் காகிதத்தில் தலையங்க மை
Titan — வெதுவெதுப்பான தொனியுடைய ஒற்றை வண்ணக் காப்பகம்
Programa — நண்பகலில் ஒரு சுவிஸ் வடிவமைப்பு ஸ்டுடியோ. வெள்ளை நிறக் கலைக்கூடச் சுவர், ஒரேயொரு மஞ்சள் மேசை விளக்கால் ஒளியூட்டப்படுகிறது — ஒரு பொத்தான், சின்னம் அல்லது ஒரு சிறப்பம்சம் கண்ணைக் கவரும் வரை அனைத்தும் சாம்பல் நிறத்தின் பல்வேறு சாயல்களில் இருக்கின்றன, பின்னர் அந்த ஒற்றை மஞ்சள் சிறப்பம்சம் முழு அறைக்கும் ஒரு வரையறையைத் தருகிறது.
Sana Agents — தலையங்கத்தில் வெள்ளை பின்னணியில் சுண்ணாம்பு ஜொலிப்பு
Visual — இதமான தலையங்கச் சமிஸ்தாத். கிரீம் நிறக் காகிதம், செரிஃப் சுவரொட்டிகள், ஒற்றை வண்ண ஓரக்குறிப்புகள், ஒரு மஞ்சள் மார்க்கர்.
Midday — தோல் தாளில் அச்சிடப்பட்ட தலையங்கச் சிற்றேடு - இதமான கல் பின்னணியில் 72px செரிஃப் தலைப்பு, இடைவெளியுடன் கூடிய சான்ஸ்-செரிஃப் முக்கியப் பகுதி, மாத்திரை வடிவக் கட்டுப்பாடுகள், நிழல்கள் இல்லை.
Chat for impact — வெளிர் நிற அறைகளைக் கொண்ட அடர் பச்சை நிற மருத்துவமனை