
Peak Design
காட்சிக்கூடச் சுவர், பகுதியளவு ஒளியூட்டப்பட்டது
பீக் டிசைன் என்பது ஒரு கேலரி தரத்திலான வர்த்தக அனுபவமாகும்: இது கிட்டத்தட்ட ஒரே வண்ணமுடைய ஒரு கேன்வாஸ் போன்றது, இதில் தலையங்க அச்சுக்கலையும் தயாரிப்புப் புகைப்படங்களும் அனைத்து வேலைகளையும் செய்கின்றன. இந்த அமைப்பு, தெளிவான வெள்ளைப் பரப்புகளை ஆழமான, கிட்டத்தட்ட கருப்பு நிறப் பேனல்களுடன் மாறி மாறிப் பயன்படுத்துகிறது. இதன் மூலம், ஒருபுறம் சாய்வெழுத்து எழுத்துருவில் செரிஃப் தலைப்பும், மறுபுறம் முழுத் திரையில் ஒரு தயாரிப்பு அல்லது வாழ்க்கைமுறைப் படமும் வைக்கப்பட்டு, கண்ணைக் கவரும் பிரிக்கப்பட்ட தளவமைப்புகளை உருவாக்குகிறது. இந்த பிராண்டின் மையக் குரலாக அச்சுக்கலை விளங்குகிறது: தலைப்புகளுக்கு உயரமான, அடர்த்தியான, அலங்கார செரிஃப் எழுத்துரு (எக்ஸ்போஷர் பாணியில்), பயனர் இடைமுகத்திற்கு நடுநிலையான க்ரோடெஸ்க் எழுத்துரு (கெய்ஸ்ட்), மற்றும் எழுத்துகள், புருவங்கள், பொத்தான்களுக்கு அடர்த்தியான சான்ஸ்-செரிஃப் எழுத்துரு (பிரையன்ட்) ஆகியவை பயன்படுத்தப்பட்டுள்ளன. இடைமுகம் தூய்மையாகவே உள்ளது: வண்ணமயமான UI கூறுகள் இல்லை, அலங்கார கிரேடியன்ட்கள் இல்லை, நிழல்கள் இல்லை—நுட்பமான பார்டர்கள், இரண்டு மூலை ஆரங்கள் (4 மற்றும் 8), மற்றும் முக்கியத்துவம் கொடுப்பதற்காக எப்போதாவது பயன்படுத்தப்படும் ஒற்றை சிவப்பு நிறக் குறியீடு மட்டுமே உள்ளன. இதன் கூறுகள் அலங்காரத்தை விட சிந்தனையுடன் உருவாக்கப்பட்டதாகத் தோன்றுகின்றன: மெல்லிய பிரிப்பான்கள், தட்டையான தயாரிப்பு அட்டைகள், மாத்திரை வடிவ வடிகட்டிகள், மற்றும் கட்டிடக்கலை விளக்கக் குறிப்புகளைப் போன்ற தோற்றமளிக்கும் கண்ணுக்குத் தெரியாத பொத்தான்கள்.
முழு அகலப் பக்கப் பிரிவுகள் வெள்ளை மற்றும் கிட்டத்தட்ட கருப்பு நிறங்களுக்கு இடையில் மாறி மாறி வருகின்றன; ஒவ்வொரு பிரிவும் முழுத் திரை அகலத்தையும் ஆக்கிரமிக்கிறது, மேலும் பிரிவு மட்டத்தில் அதிகபட்ச அகல வரம்பு எதுவும் இல்லை. பிரிவுகளுக்குள் உள்ள உள்ளடக்கம் அதிகபட்சமாக ~1440px அகலத்தைக் கொண்டுள்ளது மற்றும் மையப்படுத்தப்பட்டுள்ளது. பிரதான தலைப்பு வடிவமைப்பு 50/50 பிரிவாகும்: ஒரு பக்கத்தில் ஒரு உரைத் தொகுதி (உலாவல் + தலைப்பு + துணை உரை + பொத்தான்கள்), மற்றும் மறுபக்கத்தில் முழு அகல தயாரிப்பு அல்லது வாழ்க்கை முறைப் படம். மடிப்புக்குக் கீழே, தயாரிப்புக் கட்டம் 24-32px தாராளமான இடைவெளிகளுடன் சம அகல தயாரிப்பு அட்டைகளின் நான்கு நெடுவரிசைகளைப் பயன்படுத்துகிறது. வகை வடிகட்டிப் பலகங்கள், பிரதான வழிசெலுத்தலுக்குக் கீழே ஒரு கிடைமட்ட வரிசையில் "மாத்திரைகள்" வடிவில் வைக்கப்பட்டுள்ளன. பிரிவுகளுக்கு இடையில் 80px செங்குத்து உள்ளிழுத்தலுடன் மாறி மாறி வரும் வெளிர்/இருண்ட பட்டைகளால் பிரிவுகளின் தாளம் வரையறுக்கப்பட்டு, ஒரு தலையங்க-பத்திரிகை தாளத்தை உருவாக்குகிறது. வழிசெலுத்தல் என்பது ஒரு நிலையான மேல் பட்டையாகும், அதன் மேலே ஒரு மெல்லிய விளம்பரப் பட்டை உள்ளது.
காட்சி மொழியில் தயாரிப்புப் புகைப்படங்களே ஆதிக்கம் செலுத்துகின்றன: பைகள், பெல்ட்கள் மற்றும் கேமரா உபகரணங்கள் ஆகியவை அன்றாட வாழ்வின் சூழல் இல்லாமல், முற்றிலும் வெள்ளைப் பின்னணியில் புகைப்படம் எடுக்கப்பட்டுள்ளன; ஒளியமைப்பு, பொருளின் இழையமைப்பையும் வன்பொருளின் நுணுக்கங்களையும் எடுத்துக்காட்டுகிறது. அன்றாடப் படங்கள் முழுத்திரை தலையங்கப் பகுதிகளில் மட்டுமே தோன்றும் (உதாரணமாக, வட்டமாக கேமராக்களைப் பிடித்திருக்கும் கைகள்) மற்றும் பிரிக்கப்பட்ட பேனலின் ஒரு பக்கத்தில் உள்ள காட்சிப் பகுதியின் முழு அகலத்தையும் ஆக்கிரமிக்கின்றன. பிரதான படத்தில் மூலை வளைவு இல்லை (அவை விளிம்புகளுடன் சமமாக உள்ளன), மேலும் அட்டைப் படத்திலும் மூலை வளைவு இல்லை. செயல்பாட்டு UI சின்னங்களைத் தவிர வேறு எந்த விளக்கப்படங்களோ, அருவ வரைகலைகளோ, சின்ன விளக்கப்படங்களோ இல்லை. தயாரிப்பே மையமாக உள்ளது—நிலையான கோணங்கள், நிலையான ஒளியமைப்பு மற்றும் நிலையான வெள்ளைப் பின்னணியுடன் கூடிய ஸ்டுடியோ தரப் புகைப்படங்கள்—அதே சமயம் UI பின்னணியில் மங்கி, பொருள்கள் தாங்களாகவே பேச அனுமதிக்கின்றன.
வண்ணத் தட்டு
நடுநிலை
- Carbon Ink
#1a211e— உள்ளடக்க உரை, அடர் நிறப் பக்கப் பட்டைகள், உள்ளடக்க உரை, சின்னங்கள், வெளிச்சமான பரப்புகளில் உள்ள சட்டங்கள் - ஒவ்வொரு தலைப்பிற்கும் அடிப்படையாகச் செயல்பட்டு, பிரிக்கப்பட்ட பிரிவுகளின் அடர் நிறப் பின்னணிப் பலகங்களை உருவாக்கும் ஏறக்குறைய கருப்பு நிறம். - Paper White
#ffffff— கண்ணுக்கு உறுத்தாத பின்னணியை உருவாக்கவும் பிரிவுகளைப் பிரிக்கவும் உதவும் ஒரு இலகுவான துணைப் பரப்பு. இதைச் செயலழைப்புக்கான முதன்மை நிறமாகப் பயன்படுத்தக் கூடாது. - True Black
#000000— வெள்ளை பின்னணியில் தலைப்புப் பகுதி, அறிவிப்புப் பட்டி, அடிக்குறிப்பு வடிவமைப்பு, திடமான ஐகான் வெளிப்புறக் கோடுகள் போன்ற அதிகபட்ச மாறுபாடு கொண்ட கூறுகள், வடிவமைப்பிற்குத் தெளிவான கோடுகள் தேவைப்படும் இடங்களில் வைக்கப்பட்டுள்ளன. - Obsidian
#0c0c0c— அடர் பேனல் பரப்புகள் மற்றும் பட மேலடுக்குகள் - உண்மையான கருப்பை விட சற்றே மென்மையானது, திரையின் முழுப் பரப்பையும் ஆக்கிரமிக்கும் இருண்ட பகுதிகளுக்குப் பயன்படுத்தப்படுகிறது, மேலும் இது தட்டையான கருப்பைப் போலக் கடுமையாக இல்லாமல் திடமான உணர்வைத் தர வேண்டும். - Fog
#eef1f0— கண்ணுக்கு உறுத்தாத பின்னணியை உருவாக்கவும் பிரிவுகளைப் பிரிக்கவும் உதவும் ஒரு இலகுவான துணைப் பரப்பு. இதைச் செயலழைப்புக்கான முதன்மை நிறமாகப் பயன்படுத்தக் கூடாது. - Mist
#e0e0e0— பிரிக்கும் கோடுகள், செயலிழந்த நிலைகள், நுட்பமான கட்டமைப்புப் பிரிப்பான்கள் - ஒரு வெள்ளைத் திரையில் பிரிவுகளுக்கு இடையேயான எல்லைகளை வரையறுக்கும் மிதமான வெளிர் சாம்பல் நிறம்.
அச்சுக்கலை
14 முதல் 80px வரை · 6 படிகள்
- Geist — மாற்று: Inter · வெளிப்புறங்கள் 400, 600, 700 · முக்கிய உரை, தயாரிப்புத் தலைப்புகள், விளக்கங்கள், படிவப் புலங்கள், இணைப்பு உரை மற்றும் அடிக்குறிப்பு உள்ளடக்கம். எழுத்துரு எடை: முக்கிய உரைக்கு 400, ஹைலைட்டுகளுக்கு 600, மற்றும் தயாரிப்புத் தலைப்புகள் மற்றும் முக்கியமான உள்ளமை குறிப்புகளுக்கு 700. நடுநிலையான க்ரோடெஸ்க் எழுத்துரு, டிஸ்ப்ளே செரிஃப் மற்றும் கண்டன்ஸ்டு சான்ஸ் எழுத்துருக்கள் பிராண்டின் பாணியைப் பிரதிபலிக்க அனுமதிக்கிறது, அதே நேரத்தில் கெய்ஸ்ட் எழுத்துரு செயல்பாடு மற்றும் வாசிப்புத்தன்மையை வழங்குகிறது.
- Exposure-style serif (Exposure-10) — மாற்று: Playfair Display · வெளிப்புறங்கள் 400 · தலைப்புச் செய்திகள் மற்றும் முக்கியத் தலைப்புகள். சாய்வான செரிஃப் எழுத்துருவில் உள்ள ஒரே தடிமன் (400) தலையங்க அதிகாரத்தை உருவாக்குகிறது—இந்த வார்த்தைகள் பிராண்டின் தொனியை அமைக்கின்றன; இவை பக்கத்தின் முழு அகலத்திற்கும் பரவியிருக்கும் அடர் நிறப் பகுதிகளிலும், முக்கியப் பிரிவுகளின் தொடக்கத்திலும் அளவோடு பயன்படுத்தப்படுகின்றன. நெருக்கமான எழுத்து இடைவெளி (-0.025em), பெரிய எழுத்துக்கள் மெலிதாகத் தோன்றுவதற்குப் பதிலாக அடக்கமாகத் தோன்ற அனுமதிக்கிறது.
- Bryant-style condensed sans (bryant) — மாற்று: Druk Wide · வெளிப்புறங்கள் 700 · வழிசெலுத்தல் லேபிள்கள், வகை வடிகட்டி பொத்தான்கள், பொத்தான் உரை, "ஐப்ரோஸ்" (eyebrows), பிரிவு குறிச்சொற்கள் மற்றும் கூடுதல் தலைப்புகள். நேர்மறையான எழுத்து இடைவெளியுடன் கூடிய சுருக்கப்பட்ட பெரிய எழுத்துக்கள், ஒரு தொழில்துறை சார்ந்த, லேபிள் போன்ற பாணியை உருவாக்குகின்றன—இந்த வார்த்தைகள் அடையாளம் காட்டுகின்றன மற்றும் அறிவுறுத்துகின்றன, ஆனால் ஒருபோதும் விவரிப்பதில்லை.
இடைவெளிகள் மற்றும் வடிவம்
| நோக்கம் | பொருள் |
|---|---|
| அடர்த்தி | சராசரி |
| அடிப்படை படி | 24px |
| பொத்தான் ஆரம் | 4px |
| அட்டை ஆரம் | 8px |
| நிழல்கள் | நிழல்களுக்குப் பதிலாக எல்லைகள் இல்லை |
| பிரிவுகளுக்கு இடையில் | 80px |
| பக்க அகலம் | 1440px |
செயற்கை நுண்ணறிவு உங்கள் வலைத்தளத்தை Peak Design பாணியில் உருவாக்கி, அதை நிரப்பும்.
- Instagram, TikTok, Facebook இணைப்புகளின் வழியாக தயாரிப்புகளையும் பதிவுகளையும் நிரப்பவும்.
- உங்கள் பழைய தளத்திலிருந்து உள்ளடக்கத்தை மாற்றவும்—முகவரியைக் குறிப்பிட்டால் போதும்.
- சிறந்த இன்ஜினான React ( Next.js)-இல், சர்வர் ரெண்டரிங் மற்றும் உள்ளமைக்கப்பட்ட SEO மேம்படுத்தலுடன் கூடிய நவீன வடிவமைப்பு.
- தேடல் முடிவுகளுக்கான முழுமையாகத் தானியங்குபடுத்தப்பட்ட SEO உகப்பாக்கம் மற்றும் நியூரல் நெட்வொர்க் பரிந்துரைகள்.
ஒத்த பாணிகள்
- Arsenijs Fabrica — தலையங்க உள்ளடக்கத்தின் உள்ளார்ந்த அழகு, கலைக்கூடத்தின் விளக்குகளின் கீழ் வெளிப்படுகிறது. கலைக்கூடத்தின் பளிச்சிடும் வெள்ளைச் சுவர்கள், ஒற்றை வண்ணப் பின்னணியில் ஆரஞ்சு நிறத்தில் துடிக்கும் ஒரு இதமான ஸ்ட்ரோப் விளக்கு, கண்ணாடி போன்ற மெல்லிய எழுத்துருக்கள், மற்றும் தாராளமான வெள்ளை வெளி.
- 21 TSI — செந்நிற வெற்றிடம், ஒற்றை உருவம் – பயனர் இடைமுகம் வளிமண்டலத்தில் கரையும் ஒரு உயர் ஃபேஷன் புகைப்படத் தொகுப்பு.
- Aevi Wellness — ஸ்காண்டிநேவிய மருந்தகப் பாணி, எடை குறைந்த எழுத்துரு. இதமான வெள்ளைப் பின்னணியில், மெல்லிய ஓரங்கள் கொண்ட அட்டைகளின் மீது தயாரிப்புப் புகைப்படங்கள் பதிக்கப்பட்டுள்ள இந்த தலையங்க உள்ளடக்கத்தின் ஒட்டுமொத்த நிறமற்ற, காற்றோட்டமான வடிவமைப்பை, ஒரு மங்கிய சாம்பல்-நீல நிறத் தொனி உடைக்கிறது.
- Palmer — மென்மையான பகல் ஒளியில் ஒரு மட்பாண்டக் கலைக்கூடம் – சுவருடன் ஓர் ஊடாட்டம் நிகழ்கிறது, இங்குள்ள பொருட்களே கலைப்படைப்புகள்.
- PLATFORM — வெளிச்சத்தின் கீழ் வைட் கியூப் கேலரி
- Assembly Coffee London — இருண்ட காபி வறுக்கும் கூடத்தில் உள்ள கரித்துண்டுகள். இதமான, மங்கலான ஒளியில் எடுக்கப்பட்ட தயாரிப்புப் புகைப்படங்கள் மற்றும் வளைந்த செரிஃப் எழுத்துக்களுடன் கூடிய கிட்டத்தட்ட கருமையான ஒரு திரை—நள்ளிரவில் ஒரு சமிஸ்தாத்தில் அச்சிடப்பட்ட சிறப்பு காபி மெனுவின் உணர்வைத் தருகிறது.
- ARTWORLD — வெள்ளை லினன் துணியில் ஒரு ஃபேஷன் பத்திரிகையின் தலைப்புச் செய்தி
- Structured — பிளாஸ்டிசின் போன்ற காகிதத்தில் மறுமலர்ச்சிக் கால கலைக்கூடம்
- Airbnb — ஒற்றை பவள சிவப்பு புக்மார்க்குடன் கூடிய அமைதியான வெள்ளை கேலரி சுவர்.
- VISIONNAIRE — பளிச்சிடும் வெள்ளை பின்னணியில் ஒரு ஸ்ட்ரீட்வேர் புகைப்படத் தொகுப்பு. இந்த பிராண்ட், அச்சிடப்பட்ட ஒரு லுக்புக் போல செயல்படுகிறது: ஒரு தட்டையான வெள்ளை கேன்வாஸ், பளிச்சிடும் கருப்பு மை, மற்றும் ஒரு தயாரிப்பு அல்லது லோகோவைக் காட்சிப்படுத்த வண்ணத் தொகுதியாகப் பயன்படுத்தப்படும் ஒரே ஒரு இதமான க்ரீம் நிறப் பகுதி.
- Letter — சேமிப்பிடத்திலிருந்து எடுக்கப்பட்ட பளபளக்கும் கலைப்பொருட்களைக் காட்சிப்படுத்தும் ஒரு தனியார் கலைக்கூடம். கருப்புச் சுவர்களைக் கொண்ட ஒரு கண்காட்சி அரங்கம்; அதன் வண்ணமூட்டப்பட்ட சுவர்களில் உள்ள குரோம் சிற்பங்களுக்கு மேலே, செரிஃப் எழுத்துருவில் அமைந்த தலைப்புச் செய்திகள் மிதக்கின்றன.
- Ramp — தலையங்க நிதிப் பிரிவு, ஒற்றை நியான் மார்க்கருடன் கூடிய கருப்பு வெள்ளைப் பக்கங்கள். அந்தப் பிரசுரத்தின் ஏறக்குறைய ஒரே வண்ணமுடைய மேற்பரப்பு, அங்கு ஒற்றைப் பிரகாசமான எலுமிச்சை-பச்சை நிறக் கோடு ஒவ்வொரு ஊடாட்டத்தையும் ஒரு பண சமிக்ஞையாக மாற்றுகிறது.