
Mercury
அந்தி வேளையில் ஆல்பைன் கரைகள்
மெர்குரி ஒரு ஆல்பைன் வங்கி அழகியலுடன் இயங்குகிறது: கிட்டத்தட்ட கருமையான திரை (#171721) ஒரு சினிமாத்தனமான, வானியல் ஆய்வகம் போன்ற சூழலை உருவாக்குகிறது, அங்கு உள்ளடக்கப் பரப்புகள் சற்றே வெளிர் நிற கிராஃபைட் அட்டைகளைப் போல மிதக்கின்றன. இடைமுகம் பெரும்பாலும் ஒற்றை வண்ணத்தில் உள்ளது—கருங்கற்கள் மீது தந்த நிற எழுத்துக்கள், மேலும் முக்கிய "கணக்கைத் திற" செயல்பாட்டிற்காக பிரத்தியேகமாகப் பயன்படுத்தப்படும் ஒரே ஒரு துடிப்பான கோபால்ட் (#5266eb) உறுப்புடன். எழுத்துரு வடிவமைப்பு முதன்மை வெளிப்பாட்டைக் கொண்டுள்ளது: 480 அளவுள்ள ஒரு தனிப்பயன் காட்சி எழுத்துரு (தடிமனாகவும் இல்லாமல், மென்மையாகவும் இல்லாமல்) 400 அளவுள்ள நுட்பமான முக்கிய எழுத்துருவுடன் இணைந்து, நம்பிக்கையான ஆனால் ஒருபோதும் பகட்டற்ற பாணியை உருவாக்குகிறது. கூறுகள் தட்டையாகவும் சட்டமின்றியும் உள்ளன, நிழல்களுக்குப் பதிலாக கட்டமைப்பை வரையறுக்க 12px கிராஃபைட் அட்டை ஆரம் மற்றும் காப்ஸ்யூல் வடிவக் கட்டுப்பாடுகளைச் சார்ந்துள்ளன. பக்கத்தின் முழுப் பரப்பையும் ஆக்கிரமித்துள்ள முக்கிய புகைப்பட உறுப்பு—தனிமையான மேசைக்கு எதிராக மூடுபனி சூழ்ந்த மலைகள்—பயனர் இடைமுகம் தொடங்குவதற்கு முன்பே ஒரு தொனியை அமைக்கிறது, மேலும் அதைத் தொடரும் ஒவ்வொரு உறுப்பும் அந்த அமைதியான, உயர்தர இருளைத் தக்க வைத்துக் கொள்கிறது.
அனைத்து உள்ளடக்கங்களும் அடர் நிற, முழு அகலப் பாணியில் வடிவமைக்கப்பட்டுள்ளன. பிரதானத் திரையானது, மையப்படுத்தப்பட்ட தலைப்பு, துணை உரை மற்றும் மின்னஞ்சல் தொடர்புத் தகவல்களைச் சேகரிப்பதற்கான ஒரு படிவப் பகுதி (அதிகபட்ச அகலம் ~640px) ஆகியவற்றைக் கொண்ட 100px அளவுள்ள, முழு அகலப் புகைப்படமாகும். பிரதானத் திரைக்குக் கீழே, உள்ளடக்கம் 72px செங்குத்து ஓரங்களுடன் அதிகபட்சம் 1200px அகலம் கொண்ட பிரிவுகளாக ஒழுங்கமைக்கப்பட்டுள்ளது. இது இடதுபுறத்தில் உரை மற்றும் வலதுபுறத்தில் ஒரு படம் கொண்ட இரு-பத்தி அமைப்புக்கும், மூன்று-பத்தி தயாரிப்பு விளக்க அட்டைகளுக்கும் இடையில் மாறி மாறி அமைந்துள்ளது. வழிசெலுத்தல் என்பது பிரதானத் திரையின் மீது பதிக்கப்பட்ட ஒரு ஒளிபுகும் மேல் பட்டையாகும். நீங்கள் ஸ்க்ரோல் செய்யும்போது, அது உறைந்த கண்ணாடியை (பின்னணி மங்கல்) நினைவூட்டும் திடமான அடர் நிற நிரப்பலாக மாறுகிறது. அடிக்குறிப்பு அடர் நிறத்தில் குறிப்பு உரையுடன் உள்ளது. செங்குத்து அமைப்பு தாராளமானது—பிரிவுகளுக்கு இடையில் ஏராளமான இடைவெளியுடன் விசாலமான அடர்த்தி உள்ளது. பக்கவாட்டு வழிசெலுத்தல் இல்லை; அனைத்து வழிசெலுத்தலும் மேல் பட்டையிலேயே அமைந்துள்ளது.
முக்கியப் பிரிவில், வங்கிச் சேவையை ஒரு ஆழ்ந்த சிந்தனைக்குரிய, உன்னதமான அனுபவமாக நிலைநிறுத்தும், மனதைக் கவரும், எழுச்சியூட்டும் நிலக்காட்சிகளான (மூடுபனி படர்ந்த மலைகள், இயற்கையோடு இணைந்த தனிமையான பணியிடங்கள்) முழு அகல சினிமா பாணியிலான புகைப்படங்கள் ஆதிக்கம் செலுத்துகின்றன. புகைப்படங்கள் உயர் தரம் வாய்ந்தவை; சற்றே நிறம் மங்கச் செய்யப்பட்டவை; குளிர்ச்சியான வண்ணங்களையும், உரையின் வாசிப்புத்தன்மையைப் பாதுகாப்பதற்காக ஒரு நுட்பமான அடர் நிற மேலடுக்கையும் கொண்டுள்ளன. முக்கியப் பிரிவுக்குக் கீழே, இந்தப் படங்கள் தயாரிப்பின் பயனர் இடைமுகத்தின் திரைப்பிடிப்புகள் மற்றும் அருவமான, மனதைக் கவரும் பின்னணிகளுடன் மாறி மாறி வருகின்றன. விளக்கப்படங்களோ, கலைப் படைப்புகளை ஒத்த சின்னங்களோ இல்லை—காட்சிக் கூறுகள் புகைப்படங்களாகவோ அல்லது முற்றிலும் செயல்பாட்டு ரீதியானவையாகவோ உள்ளன. பயனர் இடைமுகம் முழுவதும் உள்ள சின்னங்களின் பாணி, வழிசெலுத்தல், பொத்தான்கள் மற்றும் படிவக் கூறுகளில் பயன்படுத்தப்படும் ஒரு எளிமையான, தந்த நிறக் கோடு/குறியீட்டுப் பாணியாகும்.
வண்ணத் தட்டு
பிராண்ட்
- Cobalt
#5266eb— நிரப்பப்பட்ட பொத்தான்கள், தேர்ந்தெடுக்கப்பட்ட வழிசெலுத்தல் நிலைகள் மற்றும் கவனம் சார்ந்த மாற்றத் தருணங்களுக்கு ஊதா நிறம் பயன்படுத்தப்படுகிறது.
நடுநிலை
- Onyx Canvas
#171721— முதன்மைப் பக்கப் பின்னணி, முகப்புத் திரைக்கான அடிப்படை மேலடுக்கு, அடிக்குறிப்பு மற்றும் பிரிவுகளுக்கான கேன்வாஸ்கள். - Graphite Card
#1e1e2a— அட்டை மற்றும் பிரிவுகளின் உயர்த்தப்பட்ட மேற்பரப்புகள் கேன்வாஸை விட ஒரு படி இலேசானதாக இருப்பதால், ஒரு மென்மையான பிரிப்பு உருவாகிறது. - Obsidian Button
#272735— கூடுதல் பொத்தான் நிரப்பிகள், உட்பொதிக்கப்பட்ட படிவப் பின்னணிகள், இடையூறு செய்யாத ஊடாடும் பரப்புகள். - Slate Border
#70707d— உள்ளடக்கத் தொகுதிகளுக்கு இடையேயான நடுத்தரத் தடிமன் கொண்ட பிரிப்பான்கள் மற்றும் கட்டமைப்பு எல்லைகள். - Mist Border
#e2e3ed— மெல்லிய, கண்ணுக்குப் புலப்படாத ஓரங்கள், பொத்தான்களின் வெளிக்கோடுகள், உள்ளீட்டுப் புலங்களின் விளிம்புகள் - அடர் பின்னணியில் ஓர் வெளிர் நிற ஓரம். - Ash Text
#c3c3cc— முதன்மை உரை, துணை உரை, கூடுதல் குறிச்சொற்கள் - வாசிப்புத்தன்மை குறையாத எளிமைப்படுத்தப்பட்ட படிநிலை அமைப்பு.
அச்சுக்கலை
12 முதல் 65px வரை · 9 படிகள்
- arcadia — மாற்று: Inter · வெளிப்புறங்கள் 360, 400, 420, 480 · முதன்மை மற்றும் பயனர் இடைமுகம் - வழிசெலுத்தல், முக்கிய உரை, பொத்தான்கள், உள்ளீட்டுப் புலங்கள், லேபிள்கள் மற்றும் துணை உரை ஆகியவற்றுக்கான ஒரு எழுத்துரு. இதன் முக்கிய உரைக்கான தடிமன் 400 மற்றும் முக்கியத்துவத்திற்கான தடிமன் 480 ஆகும். நிலையான (300/400/600) தடிமனுக்குப் பதிலாக, இந்த இடைநிலை தடிமன் அளவுகோல் (360, 420, 480), மெர்குரி உரைக்கு ஒரு தனித்துவமான சமச்சீரான தோற்றத்தை அளிக்கிறது—அது ஒருபோதும் தடிமனாகவோ, மெல்லியதாகவோ இருக்காது, எப்போதும் அளவோடு இருக்கும்.
- arcadiaDisplay — மாற்று: Söhne Breit · வெளிப்புறங்கள் 360, 480, 530 · தலைப்புகள் மற்றும் அலங்காரக் கூறுகளுக்கான எழுத்துரு, 28px முதல் 65px வரையிலான அனைத்துத் தலைப்பு அளவுகளுக்கும் 480 எடையில் பயன்படுத்தப்படுகிறது, அதே சமயம் மிகப்பெரிய அலங்காரக் கூறுகளுக்கு 530 எடை ஒதுக்கப்பட்டுள்ளது. குறைந்த வரி உயரம் (1.1–1.2) மற்றும் நேர்மறை எழுத்து இடைவெளி (0.01–0.02em) ஆகியவை, தலையங்க உரையில் காணப்படும் நெருக்கமான அமைப்புக்கு மாறாக, அலங்கார உரைக்கு ஒரு பரந்த, கட்டிடக்கலை சார்ந்த தோற்றத்தை அளிக்கின்றன.
இடைவெளிகள் மற்றும் வடிவம்
| நோக்கம் | பொருள் |
|---|---|
| அடர்த்தி | சராசரி |
| அடிப்படை படி | 12px |
| பொத்தான் ஆரம் | 32px |
| அட்டை ஆரம் | 12px |
| நிழல்கள் | நிழல்களுக்குப் பதிலாக எல்லைகள் இல்லை |
| பிரிவுகளுக்கு இடையில் | 72px |
| பக்க அகலம் | 1200px |
செயற்கை நுண்ணறிவு உங்கள் வலைத்தளத்தை Mercury பாணியில் உருவாக்கி, அதை நிரப்பும்.
- Instagram, TikTok, Facebook இணைப்புகளின் வழியாக தயாரிப்புகளையும் பதிவுகளையும் நிரப்பவும்.
- உங்கள் பழைய தளத்திலிருந்து உள்ளடக்கத்தை மாற்றவும்—முகவரியைக் குறிப்பிட்டால் போதும்.
- சிறந்த இன்ஜினான React ( Next.js)-இல், சர்வர் ரெண்டரிங் மற்றும் உள்ளமைக்கப்பட்ட SEO மேம்படுத்தலுடன் கூடிய நவீன வடிவமைப்பு.
- தேடல் முடிவுகளுக்கான முழுமையாகத் தானியங்குபடுத்தப்பட்ட SEO உகப்பாக்கம் மற்றும் நியூரல் நெட்வொர்க் பரிந்துரைகள்.
ஒத்த பாணிகள்
- Origin Financial — அமைதியான செழுமையின் ஓர் நள்ளிரவுக் கலைக்கூடம். பெரிய செரிஃப் எழுத்துருக்களும், ஒளியூட்டப்பட்ட சில வண்ணப் பலகைகளும் நிதித்துறை என்பது கவனமாகத் தொகுக்கப்பட்ட ஒரு கலைப்படைப்பு என்ற உணர்வை உருவாக்கும் ஓர் அமைதியான, கிட்டத்தட்ட இருண்ட அறை.
- Air — "கண்ணாடி வழியே நள்ளிரவு வானம்" என்ற சிற்பம்
- Slash — தங்க முலாம் பூசப்பட்ட கணக்குப் பதிவேடுகளுடன் கூடிய நள்ளிரவுப் பெட்டகம்
- dope.security — ஊதா நிற ஒளிவிளக்குகளுடன் கூடிய நள்ளிரவு முனையம்
- Modal — இருட்டடிக்கப்பட்ட சர்வர் அறையில் உள்ள ஒரு பாஸ்பரசென்ட் முனையம் - அதன் ஒரே ஒளி மூலம் பிரகாசமான பச்சை நிறம்.
- Giga — உறைந்த கருங்கற்பாறையின் மீது நள்ளிரவு அடிவானம்
- Dovetail — நள்ளிரவில் ப்ளூபிரிண்ட் கட்டுப்பாட்டு மையம்
- Dovetail — கருநிலவின் கீழ் ஒரு வரைபடம்—கிட்டத்தட்டத் தெரியாத வரைபடக் கோடுகள், வெள்ளை எழுத்துரு, ஒரு ஊதா நிறப் பொறி.
- AgentQL — இரவில் முனையத்தின் மீது வட துருவ ஒளி
- Supabase — நள்ளிரவில் ஒரு நிரல் திருத்தி, ஒளிரும் பச்சை நிறப் புள்ளியுடன்—நிலக்கரித் தூள் கடலில் ஒரு ஒற்றை வண்ணத் துடிப்பு.
- Changelog — கருப்புக் கண்ணாடிக்குப் பின்னால் உள்ள ஆய்வகக் கட்டுப்பாட்டுப் பலகம்
- GitHub — உயிரிஒளி கட்டுப்பாட்டுப் புள்ளிகளைக் கொண்ட ஒரு விண்வெளிக் கட்டளைப் பலகம் — ஒற்றைப் பச்சை ஒளி முன்னோக்கிய வழியைக் காட்டும் ஓர் இருண்ட, சூழல் நிறைந்த பணிச்சூழல்.