Huly

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

ஹூலி ஒரு பிரபஞ்சப் பணிச்சூழலின் சூழலைத் தூண்டுகிறது: கிட்டத்தட்ட கருமையான ஒரு திரையில், பிரதான கூறின் ஊடே ஒற்றை ஊதா-மஞ்சள் நிற ஒளி பாய்கிறது, அதன் கீழே, அதிகரித்த உற்பத்தித்திறனுக்காக சற்று அடக்கமான ஒரு கட்டம் உள்ளது. இந்த அமைப்பு ஒரு குறுகிய வண்ண வரம்பிற்குள் இயங்குகிறது—அடுக்கு கிராஃபைட் பரப்புகளுக்கு எதிராக, ஒரு பிரகாசமான நீலமும் ஒரு பவள நிறமும் அனைத்து பிராண்டிங் வேலைகளையும் செய்கின்றன, எனவே டார்க் மோடு ஒருபோதும் நடுநிலையாகத் தோன்றுவதில்லை. செயல்பாட்டு ரீதியான அனைத்திற்கும் இன்டர்-ஸ்டைல் எழுத்துரு பயன்படுத்தப்பட்டுள்ளது, முக்கிய அம்சங்களுக்காக ஒரு தனிப்பயன் எழுத்துரு (எஸ்பில்ட்) ஒதுக்கப்பட்டுள்ளது, இது 80–84px பிட்ச் மற்றும் தீவிரமான நெகட்டிவ் எழுத்து இடைவெளியைக் கொண்டுள்ளது. கூறுகள் கேப்சூல் வடிவில் உள்ளன: கட்டுப்பாடுகளில் 9999px ஆரம், கார்டுகளில் 12px, குறைந்தபட்ச நிழல், மற்றும் பிரதான அலங்காரமாக ஒளிரும் கிரேடியன்ட் கோடுகள். பக்கம் முழுப்பக்க இருண்ட பகுதிகளுக்கும் அமைதியான ஒளிப் பகுதிகளுக்கும் இடையில் மாறி மாறி வருகிறது, எனவே எந்தவொரு புதிய திரையும் வண்ணங்களைத் தேர்ந்தெடுப்பதற்கு முன்பு மோடை முடிவு செய்ய வேண்டும்.

முழு அகல முகப்புப் பக்கத்தில், வட துருவ ஒளியின் ஒரு செங்குத்துக் கற்றையும், இடதுபுறம் சீரமைக்கப்பட்ட ஒரு தலைப்பும், கீழ் வலதுபுறத்தில் ஒரு தயாரிப்புத் திரைப்பிடிப்பும் இடம்பெற்றுள்ளன. முகப்புப் பக்கத்திற்குக் கீழே, அதிகபட்சம் 1200px அகலமுள்ள ஒரு உள்ளடக்கப் பகுதி உள்ளது, அதில் மாறி மாறி வரும் அடர் மற்றும் வெளிர் நிறப் பட்டைகள் உள்ளன. ஒவ்வொரு பிரிவும் ஒரு ஒற்றைச் செங்குத்துத் தொகுதியாகும்: ஒரு தலைப்பு மற்றும் 96px இடைவெளிகளால் பிரிக்கப்பட்ட 3 அல்லது 4-நெடுவரிசை அட்டைகளின் கட்டம். "மெட்டாபிரெய்ன்" பிரிவு, மையப்படுத்தப்பட்ட ஒரு தலைப்பு மற்றும் பல்வேறு அளவிலான அட்டைகளின் ஒரு மொசைக் (ஒரு பெரிய முதன்மை அட்டை மற்றும் சிறிய துணை அட்டைகள்) மூலம் இந்தக் கட்டத்தை உடைக்கிறது. SaaS தரநிலைகளைப் பின்பற்றி, இந்தப் பக்கம் அதிக உள்ளடக்கம் கொண்டதாக இருந்தாலும், ஒவ்வொரு பிரிவுக்கும் சுதந்திரமாகச் செயல்பட இடம் கொடுப்பதற்காக மாறி மாறி வரும் அடர் மற்றும் வெளிர் நிறப் பட்டைகளைப் பயன்படுத்துகிறது. வழிசெலுத்தல் என்பது ஒரு ஒற்றை ஒளிபுகும் மேல் பட்டையாகும், நீங்கள் ஸ்க்ரோல் செய்யும்போது அது ஒளிபுகா நிலைக்கு மங்கிவிடும்.

முக்கிய அம்சம் என்பது புகைப்படங்கள் இல்லாத, ஒரு தூய துருவ ஒளி வண்ணச் சரிவு ஆகும். அனைத்து விளக்கப்படங்களும் தயாரிப்பின் பயனர் இடைமுகத்தின் (இருண்ட பயன்முறையில் கன்பான், இன்பாக்ஸ், நாட்காட்டி) உண்மையான திரைப்பிடிப்புகள் ஆகும்; அவை சான்றாகவும் அலங்காரமாகவும் செயல்படும் அட்டைச் சட்டங்களில் அமைக்கப்பட்டுள்ளன. வாழ்க்கை முறைப் புகைப்படங்கள் இல்லை, ஆயத்தப் படங்கள் இல்லை, 3D ரெண்டர்கள் இல்லை. பயனர் இடைமுகத்துடன் தொடர்பில்லாத ஒரே காட்சி அம்சம், துருவ ஒளியின் அடிப்பகுதியில் உள்ள ஒரு இதமான, ஆர வடிவ சூரியக் கதிர் ஒளிர்வு ஆகும், இது ஒரு CSS வண்ணச் சரிவாக ரெண்டர் செய்யப்பட்டுள்ளது. சின்னங்கள் #95979 அல்லது வெள்ளை நிறத்தில் உள்ள ஒற்றை வண்ணக் கோட்டுச் சின்னங்கள் ஆகும், ஒருபோதும் பல வண்ணங்களில் இருக்காது. இந்த அமைப்பு அதன் சொந்த இருண்ட பயனர் இடைமுகத்தையே முக்கிய அம்சமாகக் கருதுகிறது—தயாரிப்பு என்பது புகைப்படங்களே.

தூய சாஸ்மென்மையான சரிவுகள்குறைந்தபட்சவாதம்

https://huly.io

வண்ணத் தட்டு

பிராண்ட்

Electric Iris #5683da — பிரதான பின்னணி, செயல்படும் வழிசெலுத்தல் காட்டி, மற்றும் கண்ணைக் கவரும் வட துருவ ஒளி அம்சம்—கரியமான கருப்புப் பின்னணியில் உள்ள துடிப்பான ஊதா-நீல நிறம்—ஆகியவை, ஒரு நிறுவனச் செயல்பாட்டைக் காட்டிலும் ஈடுபாட்டின் தோற்றத்தை உருவாக்குகின்றன.
Ember Pulse #ff8964 — ஒரு துணை மெருகூட்டல், இதமான வடதுருவ ஒளி மண்டலம், ஒரு அறிவிப்புப் புள்ளி, மற்றும் ஒரு சித்திர சிறப்பம்சம்—நீலத்தின் நிதானத்தை உடைத்து, ஒளிக்கற்றைக்கு இதத்தைச் சேர்க்கும் ஒரு செம்பழுப்புச் சாயல்.

நடுநிலை

Obsidian Canvas #303236 — பக்கத்தின் பிரதான மேற்பரப்பான பின்னணி, லேசான வெதுவெதுப்புச் சாயலுடன் கூடிய கிட்டத்தட்ட கருப்பு நிறத்தில் உள்ளது; இது அனைத்து உள்ளடக்கங்களுக்குமான ஒரு பொதுவான சூழலாகும்.
Void #090a0c — பிரதான திரையில் உள்ள வண்ணச்சாய்வுகள், மோடல் பின்னணிகள் மற்றும் கேன்வாஸுடன் ஒன்றிணைய வேண்டிய பிரேம்களுக்கான மிக ஆழமான மேற்பரப்பு அடுக்கு.
Charcoal Card #111111 — அட்டை மற்றும் பலகைகளால் ஆன உயர்த்தப்பட்ட மேற்பரப்புகள், கேன்வாஸுக்கு மேலே ஒரு படி உயரத்தில் அமைக்கப்பட்டுள்ளன.
Slate Edge #4a4b50 — அடர் நிறப் பரப்புகளில் நுட்பமான எல்லைகளும் பிரிப்பான்களும்
Iron Veil #6b6c6d — குறிச்சொற்கள், பட்டியல் உருப்படி நிரப்பல்கள் மற்றும் செயலிழந்த நிரப்பல்களுக்கான மங்கலான பின்னணி.
Smoke #95979e — சின்னங்களின் வெளிக்கோடுகள், கூடுதல் உரை மற்றும் செயலற்ற கட்டுப்பாடுகள் ஆகியவை நடுத்தர சாம்பல் நிறத்தில் உள்ள முதன்மைச் செயல்பாட்டுக் கூறுகளாகும்.

அச்சுக்கலை

11 முதல் 80px வரை · 8 படிகள்

Inter — மாற்று: DM Sans · வெளிப்புறங்கள் 300, 400, 500, 600, 700 · பயனர் இடைமுகத்தில் உள்ள அனைத்து செயல்பாட்டு உரைகளும்—முக்கிய உரை, வழிசெலுத்தல், பொத்தான்கள், பட்டியல் உருப்படிகள், லேபிள்கள் மற்றும் சிறிய தலைப்புகள்—முக்கியத்துவத்திற்காக 500–600 எழுத்துரு எடையுடனும், முக்கிய உரைக்கு 400 எடையுடனும், மற்றும் கவனத்தை ஈர்க்காத மெட்டாடேட்டாவிற்கு குறைவாக 300 எடையுடனும் பயன்படுத்தப்படுகின்றன.
Esbuild — மாற்று: Sora · வெளிப்புறங்கள் 400, 500, 600 · காட்சிக்கு மட்டும்: தொடக்கத் தலைப்புகள், பகுதித் தலைப்புகள் மற்றும் மெட்டாபிரெய்ன் கட்டுரைத் தலைப்புகள். இதன் சுருக்கமான வடிவமும் நெருக்கமான எழுத்து இடைவெளியும், SaaS திட்டங்களை விட தலையங்கப் பணிகளுக்கே 84px மிகவும் பொருத்தமானது என்ற தோற்றத்தை உருவாக்குகின்றன. 28px-க்குக் குறைவாக ஒருபோதும் பயன்படுத்த வேண்டாம்.

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

நோக்கம்	பொருள்
அடர்த்தி	விசாலமான
அடிப்படை படி	12px
பொத்தான் ஆரம்	9999px
அட்டை ஆரம்	12px
நிழல்கள்	மென்மையான நிழல்கள்
பிரிவுகளுக்கு இடையில்	96px
பக்க அகலம்	1200px

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

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

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

ஒத்த பாணிகள்

monday — வெளிர் நிற ஸ்டிக்கர்களுடன் கூடிய வெள்ளை பட்டறை
Slack — மேடை, வெள்ளை நிற ஸ்பாட்லைட்டுகளுடன் கத்தரிக்காய் நிறத்தில் உள்ளது. இருண்ட பகுதிகளில் அடர் பிளம் நிறம் மேலோங்கி நிற்க, வெளிறிய வெள்ளை நிறப் பின்னணியானது, பெரிய, புதுமையான தலைப்புகள் தடையின்றி வெளிப்பட வழிவிடுகிறது.
Base44 — சுண்ணாம்பு மார்க்கருடன் கூடிய சூரிய ஒளி நோட்புக்
Supahub — ஊதா நிற முகட்டின் மீது மென்மையான பகல் வெளிச்சம். பெரும்பாலும் வெள்ளை நிறமும் காற்றோட்டமும் நிறைந்த ஒரு ஓவியம், ஒற்றைப் பிரகாசமான ஊதா நிறச் சூரியனால் ஒளியூட்டப்படுகிறது; அதன் வெற்று வெளியில் அலங்கார வண்ணச் சரிவுக் கோளங்கள் வண்ணத்தைப் பரப்ப, தாராளமான வட்ட வடிவவியல் ஒவ்வொரு மேற்பரப்பிற்கும் ஒரு இனிமையான, தொட்டுணரக்கூடிய கனத்தை அளிக்கிறது.
Raycast — நள்ளிரவு கட்டளை மையம், கோரல் நியான்
Dimension — மங்கலான வெளிச்சம் கொண்ட, உறைந்த கண்ணாடித் தகடுகளுடன் கூடிய ஒரு பணித்தளம்
Wiza — அந்தி வேளையில், லாவெண்டர் நிறப் பனிமூட்டத்தால் சூழப்பட்ட ஒரு கனிம ஆய்வு ஆய்வகம்.
Paste — வெள்ளை பளிங்குக் கல்லின் மீது ஒரு செம்மஞ்சள் நிற விளக்கு—பனி மூடிய கட்டிடத்தில் ஒளிரும் ஒரே ஜன்னலைப் போல, அந்த பிராண்டின் இதமான வண்ணச் சாய்வு சின்னம் அந்தப் பரந்த வெள்ளை வெளியில் மிதக்கிறது.
Reworkd — தயாரிப்பு வரைபடத்தில் உள்ள மென்மையான பகல் வெளிச்சம் மட்டுமே தன்னைப்பற்றி எடுத்துரைக்கும் ஒரே நிறமாகும்; அதுவே செயல் பொத்தானும், அதற்கு மேலே உள்ள வண்ணச் சாய்வுத் தலைப்பும் ஆகும்.
Reflect Notes — விண்மீன் நிறைந்த ஊதா வெளி என்பது, கிட்டத்தட்ட கருநீல வெறுமையின் பின்னணியில் விண்மீன் கூட்டங்களைப் போல இசைக்குறிப்புகள் மிதக்கும் ஒரு இருண்ட வானாய்வகம் ஆகும்.
Ameba — நள்ளிரவில் கட்டுப்பாட்டு அறை – உறைந்த கண்ணாடித் தகடுகளுக்குள் ஒரு மின்னல் நீலத் துடிப்பு.
Todoist — சூரிய ஒளி படும் ஓர் வேலை செய்யும் இடம், அதனுடன் ஒரு காகித நாட்குறிப்பு – இதமான வெளிர் மஞ்சள் நிற மேசை, மை குறிப்புகள், ஒரு சிவப்புப் பேனா