
Steep
வெதுவெதுப்பான காகிதத்தில் செரிஃப் எழுத்துருக்களின் பகுப்பாய்வு
ஸ்டீப், பகுப்பாய்வுகளை தலையங்க உள்ளடக்கமாக வழங்குகிறது—கிட்டத்தட்ட ஒரே வண்ணமுடைய வெள்ளைப் பின்னணியில் சிக்னிஃபையர் செரிஃப் தலைப்புகள் மிதக்கின்றன, மேலும் ஒரேயொரு இதமான பீச் நிறக் குறியீடு (#fbe1d1) மற்றபடி நிறமற்ற அந்த அமைப்பை அடிக்கோடிட்டுக் காட்டுகிறது. இந்தப் பக்கம் ஒரு தயாரிப்பு இதழின் பக்கங்களைப் போலக் காட்சியளிக்கிறது: பெரிய, வளைந்த எழுத்துரு, தாராளமான உரை இடம், மென்மையான 24px-ஆர விளிம்புகளைக் கொண்ட பெரிய கார்டுகள், மற்றும் மேற்பரப்புடன் சமமாகப் பொருந்தும் மாத்திரை வடிவக் கட்டுப்பாடுகள். கூறுகள் அமைதியாகவும் பாரமின்றியும் உணரப்படுகின்றன—நிழல்கள் நுட்பமானவை, எல்லைகள் மெல்லியவை, மற்றும் செயல்பாட்டு முக்கியத்துவத்திற்காக வண்ணம் பயன்படுத்தப்படுகிறது (பீச் நிறக் குறிப்பு, பீச் பின்னணியில் அடர் பழுப்பு நிற எழுத்துக்கள்). தயாரிப்புப் பரப்புகள் (பிராந்திய அட்டவணைகள், செயல்பாட்டு வரைபடங்கள், AI உருவாக்குநர்கள்) டாஷ்போர்டின் கட்டமைப்பிற்குள் உட்பொதிக்கப்படாமல், தலைப்பைச் சுற்றி மிதக்கும் கூறுகளாக வழங்கப்பட்டுள்ளன.
பக்க தளவமைப்பு அதிகபட்சமாக 1200px அகலத்துடன் மையப்படுத்தப்பட்டுள்ளது. முக்கியப் பிரிவுகள் பக்கத்தின் முழு அகலத்தையும் கிட்டத்தட்ட ஆக்கிரமித்திருந்தாலும், அவை உள்ளடக்கக் கொள்கலனுக்குள்ளேயே அமைந்துள்ளன. முக்கிய தளவமைப்பில், பெரிய செரிஃப் எழுத்துருவில் மையப்படுத்தப்பட்ட ஒரு தலைப்பு, ஒரு துணைத் தலைப்பு மற்றும் இரண்டு பில் பொத்தான்கள் இடம்பெற்றுள்ளன. இவற்றைச் சுற்றி, நான்கு மிதக்கும் தயாரிப்பு விளக்க அட்டைகள் (மேல் இடதுபுறத்தில் பிராந்திய அட்டவணை, வலதுபுறத்தில் பதிவு அட்டை, கீழ் இடதுபுறத்தில் செயல்படுத்தும் வரைபடம், கீழ் மையத்தில் AI எடிட்டர்) உள்ளன. இவை ஒரு வெள்ளைத் திரையின் மீது வெவ்வேறு இடைவெளிகளில் ஒன்றுடன் ஒன்று மேற்பொருந்துகின்றன. பிரிவுகள் பேப்பர் ஒயிட் மற்றும் கார்டு மிஸ்ட் பின்னணிகளுக்கு இடையில் மாறி மாறி வருகின்றன, இது வலுவான மாறுபாடு இல்லாமல் ஒரு அமைதியான தாளத்தை உருவாக்குகிறது. சிறப்புப் பிரிவுகள், பெரிய 80px செங்குத்து இடைவெளிகளுடன், உரை மற்றும் பயனர் இடைமுகத்திற்கான இரண்டு-பத்தி தளவமைப்பைப் பயன்படுத்துகின்றன. வழிசெலுத்தல் என்பது ஒரு ஒற்றை ஒளிபுகும் மேல் பட்டையாகும் (பின்னணி, எல்லை அல்லது நிழல் இல்லை). இதன் இடதுபுறத்தில் சின்னம், மையத்தில் வழிசெலுத்தல் இணைப்புகள் மற்றும் வலதுபுறத்தில் இரண்டு செயல் அழைப்புகள் (உரை இணைப்பு + நிரப்பப்பட்ட பில் பொத்தான்) உள்ளன. ஒட்டுமொத்த தளவமைப்பு அடர்த்தி விசாலமாக உள்ளது—பிரிவுகளுக்கு இடையில் பக்கம் "சுவாசிக்கிறது", மேலும் உள்ளடக்கம் ஒருபோதும் ஓரங்களை நெருக்குவதில்லை.
காட்சி வடிவமைப்பு வாழ்க்கை முறையை மையமாகக் கொண்டிருக்காமல், தயாரிப்பை மையமாகக் கொண்டுள்ளது: மிதக்கும் பயனர் இடைமுகக் கூறுகள் (ஐந்து வரித் தரவுகளுடன் கூடிய பிராந்திய அட்டவணைகள், ஆகஸ்ட்-நவம்பர் மாதங்களில் செயல்பாடுகளைக் காட்டும் கோட்டு வரைபடங்கள், ஆர வடிவ முன்னேற்ற வளையங்கள், செயற்கை நுண்ணறிவு உள்ளீட்டுப் புலங்கள்) தலையங்கத் தலைப்புகளைச் சுற்றி வெட்டப்பட்ட திரைப் படங்களாக அமைக்கப்பட்டுள்ளன. புகைப்படங்கள், விளக்கப்படங்கள் அல்லது அருவ வரைகலைகள் எதுவும் இல்லை. அனைத்து காட்சித் தயாரிப்புக் கூறுகளும் மெல்லிய ஓரங்கள் மற்றும் மென்மையான நிழல்களைக் கொண்ட வெள்ளை நிற மிதக்கும் அட்டைகளில் வைக்கப்பட்டுள்ளன. அவதார் வட்டங்களில் ஒரு சிறிய சுட்டி திசைகாட்டி இடம்பெற்றுள்ளது—இது நிகழ்நேர ஊடாடலைக் குறிக்கும் ஒரு காட்சி வடிவமாகும். இதன் முக்கிய அமைப்பு, ஒரு பொதுவான புகைப்படத்துடன் மையப்படுத்தப்பட்ட தலைப்பாக இல்லாமல், உரை மற்றும் பயனர் இடைமுகத்தின் ஒரு படத்தொகுப்பாக உள்ளது.
வண்ணத் தட்டு
நடுநிலை
- Ink Black
#17191c— முதன்மை உரை, நிரப்பப்பட்ட பொத்தான் பின்னணி மற்றும் வழிசெலுத்தல் சின்னம் ஆகியவை மட்டுமே இந்த அமைப்பில் உள்ள கருமையான பரப்புகள் ஆகும்; முதன்மை உரையில் உள்ள அனைத்துச் செயல் அழைப்புகளும் தலைப்புகளும் இந்த ஏறக்குறைய கருப்புப் பின்னணியில் தோன்றுகின்றன. - Paper White
#ffffff— பக்கத் திரை, பொத்தான் உரை மற்றும் புடைப்பு அட்டைப் பரப்புகள் ஆகியவை சுமார் 76 அதிர்வெண் புள்ளிகளைக் கொண்ட பிரதான பின்னணி தொனியாக விளங்குகின்றன. - Mist Gray
#f2f2f3— அட்டை மேற்பரப்புகள், கூடுதல் பின்னணிகள், உள்ளீட்டுப் புல நிரப்பிகள்—உட்பொதிக்கப்பட்ட உள்ளடக்கத்திற்காகக் காகிதத்திற்கு அடியில் செயல்படும் ஒரு கண்ணுக்குத் தெரியாத அடுக்கு. - Fog White
#fafafb— சுட்டியை அதன் மீது வைக்கும்போது மாறி மாறி வரும் பிரிவுகளுக்கும் பரப்புகளுக்கும் ஒரு கூடுதல் பக்கப் பின்னணி - நுட்பமான கோட்டு வடிவங்களை உருவாக்க, காகிதத்திற்கு ஒரு படி மேலே. - Slate Gray
#777b86— இணைப்பு நிறம், மங்கலான துணை உரை, அடிக்குறிப்பு உரை - முதன்மை உரைக்கும் சேர்க்க முடியாத உரைக்கும் இடையில் வைக்கப்படும் ஒரு குளிர்ச்சியான, நிறம் மங்கிய சாம்பல் நிறம். - Ash Gray
#979799— கூடுதல் லேபிள்கள், வகை குறிச்சொற்கள் (சந்தைப்படுத்தல், நிதி, விற்பனை) - இணைப்பு நிறத்தை விட ஒரு படி வெளிர் நிறம்.
அச்சுக்கலை
15 முதல் 90px வரை · 8 படிகள்
- Signifier — மாற்று: GT Sectra · வெளிப்புறங்கள் 400 · தலைப்புச் செய்திகளுக்கான செரிஃப் எழுத்துரு—மூன்று அளவுகளில் H1/H2-க்கு பிரத்தியேகமாகப் பயன்படுத்தப்படுகிறது; இதன் எழுத்துரு எடை அனைத்து அளவுகளிலும் 400 (சாதாரண) என்றே நிலைத்திருக்கிறது, இது ஒரு தனித்துவமான தேர்வாகும்: ஒரு செரிஃப் எழுத்துரு, தடித்த எழுத்துருவைப் போலக் கூச்சலிடாமல், மென்மையாக ஒலிக்கும்.
- Sohne — மாற்று: Inter · வெளிப்புறங்கள் 400, 430, 450, 480, 500 · முதன்மை, இடைமுகம் மற்றும் வழிசெலுத்தல் எழுத்துருக்கள், மெட்டாடேட்டா முதல் துணைத் தலைப்புகள் வரை அனைத்தையும் உள்ளடக்கி, பல்துறைத் தன்மை கொண்டவையாக உள்ளன; அரை-படிநிலை தடிமன்கள் (430, 450, 480) தடித்த எழுத்துருவிற்கு நேரடியாகச் செல்லாமல் ஒரு நுட்பமான படிநிலையை உருவாக்குகின்றன.
இடைவெளிகள் மற்றும் வடிவம்
| நோக்கம் | பொருள் |
|---|---|
| அடர்த்தி | சராசரி |
| அடிப்படை படி | 8px |
| பொத்தான் ஆரம் | 9999px |
| அட்டை ஆரம் | 24px |
| நிழல்கள் | நிழல்களுக்குப் பதிலாக எல்லைகள் இல்லை |
| பிரிவுகளுக்கு இடையில் | 80px |
| பக்க அகலம் | 1200px |
செயற்கை நுண்ணறிவு உங்கள் வலைத்தளத்தை Steep பாணியில் உருவாக்கி, அதை நிரப்பும்.
- Instagram, TikTok, Facebook இணைப்புகளின் வழியாக தயாரிப்புகளையும் பதிவுகளையும் நிரப்பவும்.
- உங்கள் பழைய தளத்திலிருந்து உள்ளடக்கத்தை மாற்றவும்—முகவரியைக் குறிப்பிட்டால் போதும்.
- சிறந்த இன்ஜினான React ( Next.js)-இல், சர்வர் ரெண்டரிங் மற்றும் உள்ளமைக்கப்பட்ட SEO மேம்படுத்தலுடன் கூடிய நவீன வடிவமைப்பு.
- தேடல் முடிவுகளுக்கான முழுமையாகத் தானியங்குபடுத்தப்பட்ட SEO உகப்பாக்கம் மற்றும் நியூரல் நெட்வொர்க் பரிந்துரைகள்.
ஒத்த பாணிகள்
- Newformcap — ஆடை மாற்றும் அறையில் தலையங்க செய்தித்தாள்
- Claude — வெதுவெதுப்பான தோல்தாளில் அச்சிடப்பட்ட ஒரு கலைப்பொருள்—எலும்புக் காகிதத்தில் மை, களிமண் மட்டுமே வண்ணத்தின் மூச்சாக.
- 11x– Digital workers — ஒரு சினிமா பாணியிலான தலையங்கப் பாழ்நிலம் — ஒரு ஆடம்பரப் பத்திரிகையின் பக்கங்களைப் போலத் தோற்றமளிக்கும் பிரம்மாண்டமான செரிஃப் தலைப்புகளுக்கு மத்தியில், நிலப்பரப்பின் பரந்த புகைப்படங்கள் அமைக்கப்பட்டுள்ளன.
- Revolut — மேகங்களின் புகைப்படத்தை அடிப்படையாகக் கொண்ட ஓர் ஒற்றை வண்ணத் தலையங்கப் படைப்பு—வெள்ளை மை, மாத்திரை வடிவப் பொத்தான்கள், சாம்பல் நிற உலகில் ஒரு ஒற்றை நீல வண்ணப் பட்டை.
- Scheduling — கிரீம் நிறக் காகிதத்தில் தலையங்க மை
- Titan — வெதுவெதுப்பான தொனியுடைய ஒற்றை வண்ணக் காப்பகம்
- Programa — நண்பகலில் ஒரு சுவிஸ் வடிவமைப்பு ஸ்டுடியோ. வெள்ளை நிறக் கலைக்கூடச் சுவர், ஒரேயொரு மஞ்சள் மேசை விளக்கால் ஒளியூட்டப்படுகிறது — ஒரு பொத்தான், சின்னம் அல்லது ஒரு சிறப்பம்சம் கண்ணைக் கவரும் வரை அனைத்தும் சாம்பல் நிறத்தின் பல்வேறு சாயல்களில் இருக்கின்றன, பின்னர் அந்த ஒற்றை மஞ்சள் சிறப்பம்சம் முழு அறைக்கும் ஒரு வரையறையைத் தருகிறது.
- Sana Agents — தலையங்கத்தில் வெள்ளை பின்னணியில் சுண்ணாம்பு ஜொலிப்பு
- Visual — இதமான தலையங்கச் சமிஸ்தாத். கிரீம் நிறக் காகிதம், செரிஃப் சுவரொட்டிகள், ஒற்றை வண்ண ஓரக்குறிப்புகள், ஒரு மஞ்சள் மார்க்கர்.
- Midday — தோல் தாளில் அச்சிடப்பட்ட தலையங்கச் சிற்றேடு - இதமான கல் பின்னணியில் 72px செரிஃப் தலைப்பு, இடைவெளியுடன் கூடிய சான்ஸ்-செரிஃப் முக்கியப் பகுதி, மாத்திரை வடிவக் கட்டுப்பாடுகள், நிழல்கள் இல்லை.
- Chat for impact — வெளிர் நிற அறைகளைக் கொண்ட அடர் பச்சை நிற மருத்துவமனை
- Handhold — மெல்லிய செரிஃப் எழுத்துக்களுக்குக் கீழே ஒரு இதமான தோல் சுருள்—வண்ண இரைச்சலின்றி கையால் அமைக்கப்பட்ட ஒரு தலையங்கப் பக்கம், அதில் மிக நேர்த்தியான 200-புள்ளி செரிஃப் எழுத்துரு அதன் முழுமையான குரலையும் வெளிப்படுத்துகிறது.