
Dala
கருப்பு வெல்வெட்டின் மீது மிதக்கும் ஒரு விண்மீன் கூட்டம்
டாலா ஒரு இருண்ட வெளியை வழங்குகிறது, அங்கு கருமையான வெற்றிடங்கள், அம்பர் நிறப் பொறிகளால் குறுக்கிடப்பட்ட ஒரு துடிப்பான ஊதா நிறத் தீற்றலுடன் இணைகின்றன. எழுத்துரு அமைப்பு ஒற்றைக்கல் போன்றும் எடையற்றதாகவும் உள்ளது—PPNeueMontreal என்ற 400-எடை எழுத்துரு, ஒவ்வொரு தலைப்பையும் மிகப் பெரிய அளவில் (78–113px) தீவிரமான எதிர்மறை எழுத்து இடைவெளியுடன் ஆக்கிரமித்துள்ளது, இது தலைப்புகளைத் தகவல் தருவதை விட சிற்பம் போன்று உணர வைக்கிறது. காட்சி மையம், சிறிய, பலவண்ண முக்கோணத் துகள்களின் ஒரு விண்மீன் கூட்டமாகும், இது ஒரு இயற்கையான மூளை வடிவத்தை உருவாக்குகிறது, இது அந்த பிராண்டின் தனித்துவமான அடையாளமாகச் செயல்படுகிறது: அறிவை படிநிலைத் தரவுகளாகக் கருதாமல், பரவலாக்கப்பட்ட நுண்ணறிவாகக் காட்சிப்படுத்துதல். தளவமைப்பு ஒரு விசாலமான இரு-பத்தி தாளத்தைப் பின்பற்றுகிறது—மிகப் பெரிய, இடதுபுறம் சீரமைக்கப்பட்ட தலைப்புகள் விரிவான முக்கிய உரையுடன் இணைக்கப்பட்டு, பேனல்கள், சட்டங்கள் அல்லது அட்டைகள் இல்லாமல் ஒரு சுத்தமான கருப்புப் பின்னணியில் மிதக்கின்றன. கூறுகள் வேண்டுமென்றே அவற்றின் மிக அத்தியாவசிய வடிவத்திற்குக் குறைக்கப்பட்டுள்ளன: ஒரு ஊதா நிற மாத்திரை பொத்தான், மறைக்கப்பட்ட உரை இணைப்புகள் மற்றும் பெரிய உரைத் தொகுதிகள்.
முழு அகலப் பிரிவுகள் முற்றிலும் கருப்புத் திரையில் அமைக்கப்பட்டுள்ளன, மையப்படுத்தப்பட்ட நிலையில் அதிகபட்ச உள்ளடக்க அகலம் சுமார் 1280px ஆகும். முக்கியப் பிரிவானது சமச்சீரற்ற இரு-பத்தி அமைப்பைக் கொண்டுள்ளது: இடது பாதியில் முக்கிய உரை மற்றும் செயலுக்கான அழைப்புடன் கூடிய ஒரு பெரிய இடதுபுறம் சீரமைக்கப்பட்ட தலைப்பு (113px), அதே நேரத்தில் வலது பாதியில் ஒரு "துகள் மூளை" காட்சிப்படுத்தல் மிகப்பெரிய அளவில் இடம்பெற்றுள்ளது. அடுத்தடுத்த பிரிவுகள் இரண்டு பத்திகளுக்கு இடையில் மாறி மாறி வருகின்றன (காட்சி இடது/உரை வலது, பின்னர் உரை இடது/காட்சி வலது), இது ஒரு வளைந்து நெளிந்த வாசிப்பு முறையை உருவாக்குகிறது. பிரிவுகளுக்கு இடையேயான இடைவெளிகள் தாராளமானவை (செங்குத்தாக 60–120px). கார்டு கட்டங்கள், விலை அட்டவணைகள் அல்லது பல-பத்தி அம்ச விளக்கங்கள் எதுவும் இல்லை—உள்ளடக்கம் விசாலமான இரு-பத்தி உரை-காட்சித் தொகுதிகளில் அமைக்கப்பட்டுள்ளது. வழிசெலுத்தல் என்பது ஒரு பக்கப் பட்டி அல்லது மெகா-மெனு இல்லாத, எளிமையான, ஒளிபுகும் மேல் பட்டையாகும். கூறுகளின் அடர்த்தி மிகவும் அதிகமாக உள்ளது - ஒவ்வொரு காட்சிப் பகுதிக்கும் ஒன்று அல்லது இரண்டு கூறுகள் மட்டுமே உள்ளன, அவை ஒருபோதும் தகவல்களால் நிரம்பி வழியவில்லை.
காட்சி வடிவமைப்பு முற்றிலும் செயல்முறை சார்ந்ததாகவும், அருவமானதாகவும் உள்ளது—குழுப் புகைப்படங்களைத் தவிர வேறு புகைப்படங்கள் இல்லை. பிராண்டின் காட்சி அடையாளம் என்பது, முழுமையான, துடிப்பான நிறமாலையில் (ஊதா, அம்பர், டர்க்கைஸ், கருநீலம், நீலம்) உருவாக்கப்பட்ட ஆயிரக்கணக்கான சிறிய, கோடிட்ட முக்கோணத் துகள்களின் அடர்த்தியான மேகமாகும், இது ஒரு இயற்கையான மூளை/நியூரான் வடிவத்தை உருவாக்குகிறது. இந்தத் துகள் புலம் அசைவூட்டப்பட்டு, பிரதான படமாகவும் பிராண்ட் அடையாளக் கூறாகவும் செயல்படுகிறது. சுற்றியுள்ள துகள்கள், குறைந்த அடர்த்தியில், பக்கத்தின் பின்னணியில் நகர்கின்றன. முக்கோணங்கள் கோடிட்ட வடிவங்கள், 1–2px கோட்டுத் தடிமன், கூர்மையான விளிம்புகள் மற்றும் செழுமையான, வண்ணமயமான நிறங்களைக் கொண்டுள்ளன—ஒருபோதும் சாம்பல் நிறத்தில் இருப்பதில்லை. குழுப் புகைப்படங்கள், எல்லைகளோ அல்லது ஒன்றுடன் ஒன்று மேற்பொருந்தலோ இல்லாத பெரிய, வட்டமான செவ்வகங்களாக (124px ஆரம்) காட்டப்படுகின்றன. தயாரிப்பு ஸ்கிரீன்ஷாட்கள் இல்லை, வாழ்க்கை முறைப் புகைப்படங்கள் இல்லை, 3D ரெண்டர்கள் இல்லை—இந்தத் துகள் அமைப்பே காட்சி பிராண்டாக உள்ளது.
வண்ணத் தட்டு
பிராண்ட்
- Electric Iris
#8052ff— கருப்புப் பின்னணியில், ஊடாட்டத்தையும் பிராண்ட் அடையாளத்தையும் உணர்த்தும் வகையில், பிரதான செயல்பாட்டுப் பொத்தான்கள், லோகோ மற்றும் பிராண்ட் சிறப்பம்சங்கள் அனைத்தும் ஒரே அடர் ஊதா நிறத்தில் அமைந்துள்ளன.
நடுநிலை
- Void
#000000— பக்கத் தளம், பகுதிப் பின்னணிகள், வெற்றிடம்—இவற்றில் ஆதிக்கம் செலுத்தும் மேற்பரப்பு அடர் சாம்பல் நிறமாக இல்லாமல், தூய கருப்பாக உள்ளது; இது வண்ணச் சாயல்கள் தடையின்றி மிதக்க அனுமதிக்கும் ஒரு வெற்றிடத்தை உருவாக்குகிறது. - Bone White
#ffffff— தலைப்புகள், உள்ளடக்க உரை, ஐகான் நிரப்புதல், செயலில் உள்ள வழிசெலுத்தல் நிலை - கருப்புப் பின்னணியில் அதிகபட்ச படிநிலையை வழங்கும் ஒரே அச்சுக்கலை நிறம். - Ash Gray
#9a9a9a— மங்கலான வழிசெலுத்தல் உரை, ஒளி ஊடுருவும் இணைப்பு வண்ணம் மற்றும் கூடுதல் குறிச்சொற்கள் ஆகியவை கண்ணுக்குத் தெரியாமல் போகாமல், முதன்மை உரைக்குப் பின்னால் மறைக்கப்பட்டுள்ளன. - Silver Mist
#bdbdbd— கூடுதல் உரை, தலைப்பு மட்டத்திலான தகவல் - சூழலை விளக்குவதற்காக, மிகவும் அமைதியான மற்றும் எளிதில் படிக்கக்கூடிய சாம்பல் நிறம். - Saffron Spark
#ffb829— உரையை முன்னிலைப்படுத்துதல், இணைப்புகளை வலியுறுத்துதல், மற்றும் நிறுத்தற்குறிகளைக் கொண்டு கவனத்தை ஈர்த்தல்—ஊதாப் பின்னணியில் வெதுவெதுப்பான மஞ்சள் நிறம் அந்த பிராண்டிற்கு ஒரு வண்ண முரண்பாட்டை உருவாக்குகிறது. - Deep Verdant
#15846e— இரண்டாம் நிலை மேற்பரப்பு வண்ணமூட்டலான கிரேடியன்ட் லோகோ ஸ்டாப், பிராண்ட் கிரேடியன்ட்டின் அடர் நிற விளிம்பாகவும், கண்ணுக்குப் புலப்படாத அழுத்த மாறுதல்களின் வடிவத்திலும் வெளிப்படுகிறது.
அச்சுக்கலை
12 முதல் 113px வரை · 10 படிகள்
- PPNeueMontreal — மாற்று: Inter · வெளிப்புறங்கள் 200, 400, 600, 700 · அனைத்து UI சூழல்களிலும் ஒரே மாதிரியான எழுத்துரு பயன்படுத்தப்படுகிறது. காட்சி அளவுகளில் (78–113px) உள்ள தலைப்புகள், -0.04em எழுத்து இடைவெளியுடன் கூடிய 400 எடை கொண்ட எழுத்துருவைப் பயன்படுத்துகின்றன—இது முக்கிய உரையின் அதே எடைதான், ஆனால் இந்த பெரிய அளவு ஒரு படிநிலையை உருவாக்குகிறது. 18px முக்கிய உரைக்காக 200 எடை கொண்ட (மிகவும் மெல்லிய எழுத்துரு) எழுத்துரு ஒதுக்கப்பட்டுள்ளது; இது ஒரு பிராண்ட் சார்ந்த முடிவு: பெரும்பாலான AI/SaaS தளங்கள் முக்கிய உரைக்கு 400 எடையைப் பயன்படுத்துகின்றன, ஆனால் பத்திகளை காற்றோட்டமாகவும் ஆக்ரோஷமற்றதாகவும் வைத்திருக்க டாலா அதன் எடையைக் குறைக்கிறது. வழிசெலுத்தல் மற்றும் சிறிய தலைப்புகளுக்கு 14px எழுத்து இடைவெளி, 0.025em எழுத்து இடைவெளி மற்றும் அனைத்து பெரிய எழுத்துக்களுடன் கூடிய 600 எடை கொண்ட எழுத்துரு பயன்படுத்தப்படுகிறது. 113px தலைப்புகள் மற்றும் 15px முக்கிய உரை ஆகிய இரண்டிற்கும் 400 எடையைப் பயன்படுத்துவது வழக்கத்திற்கு மாறானது—இது படிநிலையை உருவாக்க பிராண்ட் எடையை அல்ல, அளவையே நம்பியுள்ளது என்பதைக் காட்டுகிறது.
இடைவெளிகள் மற்றும் வடிவம்
| நோக்கம் | பொருள் |
|---|---|
| அடர்த்தி | அடர்த்தியான |
| அடிப்படை படி | 6-18px |
| பொத்தான் ஆரம் | 24px |
| அட்டை ஆரம் | 24px |
| நிழல்கள் | நிழல்களுக்குப் பதிலாக எல்லைகள் இல்லை |
| பிரிவுகளுக்கு இடையில் | 60-120px |
| பக்க அகலம் | 1280px |
செயற்கை நுண்ணறிவு உங்கள் வலைத்தளத்தை Dala பாணியில் உருவாக்கி, அதை நிரப்பும்.
- Instagram, TikTok, Facebook இணைப்புகளின் வழியாக தயாரிப்புகளையும் பதிவுகளையும் நிரப்பவும்.
- உங்கள் பழைய தளத்திலிருந்து உள்ளடக்கத்தை மாற்றவும்—முகவரியைக் குறிப்பிட்டால் போதும்.
- சிறந்த இன்ஜினான React ( Next.js)-இல், சர்வர் ரெண்டரிங் மற்றும் உள்ளமைக்கப்பட்ட SEO மேம்படுத்தலுடன் கூடிய நவீன வடிவமைப்பு.
- தேடல் முடிவுகளுக்கான முழுமையாகத் தானியங்குபடுத்தப்பட்ட SEO உகப்பாக்கம் மற்றும் நியூரல் நெட்வொர்க் பரிந்துரைகள்.
ஒத்த பாணிகள்
- Linear — நள்ளிரவு துல்லியமான கருவி
- Resend — ஊதா நியான் நிறத்துடன் கூடிய கருப்பு வெல்வெட்
- Ciridae — கனன்று கொண்டிருக்கும் தணல்களின் துடிப்புடன் கூடிய ஒரு வெற்று அறை - துருவின் மெல்லிய கீற்றின் ஓசை மட்டுமே கேட்கும், கிட்டத்தட்ட இருண்ட ஓர் தேவாலயம்; அங்கு ஒவ்வொரு பரப்பும் நிழலால் அல்லாமல் மெல்லிய கோடுகளால் வரையறுக்கப்படுகிறது.
- Dovetail — கருநிலவின் கீழ் ஒரு வரைபடம்—கிட்டத்தட்டத் தெரியாத வரைபடக் கோடுகள், வெள்ளை எழுத்துரு, ஒரு ஊதா நிறப் பொறி.
- Neon — இருட்டிய பிறகு ஒரு சர்வர் அறை. முழுமையான இருள், அங்கு தரவுகளிலிருந்தும் பயனர் செயல்பாடுகளிலிருந்தும் மட்டுமே ஒளி வருகிறது.
- Discord — விளையாட்டு உலகம் ஒரு பாப்-அப் அரட்டை சாளரத்தின் பின்னால் மறைக்கப்பட்டுள்ளது - ஒவ்வொரு பகுதியும் அதற்கே உரிய ஒளி அமைப்பு மற்றும் கதாபாத்திரங்களைக் கொண்ட ஒரு தன்னிறைவு பெற்ற சூழலாகும்.
- Aaru — நள்ளிரவில் துகள் புல ஆய்வகம்
- Atlas Card — ஒற்றை நீலக்கல் கதிரைக் கொண்ட மிட்நைட் வால்ட், ஆழ்ந்த மின்னல் நீல நிறம் மட்டுமே முக்கியத்துவம் பெறும் ஓர் கும்மிருட்டுப் பரப்பாகும்.
- Midjourney — ஆழ்கடலில் உள்ள ஒரு உயிரிஒளி முனையம். நுண்ணறிவு, ஆஸ்கி (ASCII) தரவுத் தொடர்களில் காட்சிரீதியாகத் தன்னைத்தானே உருவாக்கிக்கொள்ளும், கட்டுப்பாடுகள் மங்கலாக ஒளிரும் வடிவங்களாகத் தோன்றும் ஓர் ஆழ்கடல் உலகம்.
- Checkly — ஆழ் சுற்றுப்பாதை திட்டக் கட்டுப்பாட்டு மையம்
- Krea — நள்ளிரவில் கேலரி நொயர்
- Wope — வோப் என்பது ஒரு ஊதா நிற அடிவான இடைமுகம். கண்ணாடியின் கீழிருந்து ஊதா நிற ஒளி பாய்வது போன்ற ஒரு இருண்ட வானியல் ஆய்வக மேசையைக் கற்பனை செய்து பாருங்கள்.