
Monad
வெதுவெதுப்பான தோல் காகிதம் குறித்த தலையங்க தொழில்நுட்ப இதழ்
மோனாட் அதன் முழு இடைமுகத்தையும் ஒரு இதமான பார்ச்மென்ட் கேன்வாஸில் (#f6f3f1) காட்டுகிறது, இது வழக்கமான தூய-வெள்ளை SaaS டெம்ப்ளேட்டிலிருந்து உடனடியாக அதை வேறுபடுத்துகிறது. தலைப்புகள் ஒரு தலையங்கத் தடிமனைக் கொண்டுள்ளன மற்றும் 400-வெயிட் எழுத்துருவான அன்டைட்டில்ட் செரிஃபில் (Untitled Serif) அமைக்கப்பட்டுள்ளன—ஒருபோதும் தடிமனாக (bold) இல்லை—அதே சமயம் அனைத்து முக்கிய உரை, வழிசெலுத்தல் மற்றும் UI கூறுகள் ஏபிசி டயாடைப் மோனோவில் (ABC Diatype Mono) அமைக்கப்பட்டுள்ளன, இது தளத்திற்கு ஒரு இலக்கிய இதழுக்காக அச்சிடப்பட்ட தொழில்நுட்ப கையேட்டின் அமைப்பை அளிக்கிறது. முக்கிய செயல்பாடுகளுக்கு ஒரே ஒரு பிரகாசமான நீல நிறம் (லேக்) மட்டுமே வண்ணச் சிறப்பம்சமாக வழங்கப்படுகிறது; மற்ற அனைத்தும் ஒரு இதமான சாம்பல் நிறத் தட்டில் வைக்கப்பட்டுள்ளன, எனவே பெரிவிங்கிள் அட்டை மேற்பரப்பு (#cfdaf5) மற்றும் மென்மையான பாஸ்டல் வண்ண மாற்றங்கள் (பவளம், வான நீலம், புதினா, தங்கம்) ஆகியவை இரைச்சலை விட வேண்டுமென்றே வைக்கப்பட்ட நிறுத்தற்குறிகள் போல் உணரப்படுகின்றன. கூறுகள் நிழல்களை விட நுட்பமான எல்லைகள் மற்றும் பில் கண்டெய்னர்களைச் சார்ந்துள்ளன, மேலும் அட்டை போன்ற உள்ளிழுப்புகள் மற்றும் பிரிவுகளுக்கு இடையில் ஏராளமான செங்குத்து இடைவெளி காரணமாக தாளம் அமைதியாகவும் விசாலமாகவும் வைக்கப்பட்டுள்ளது.
காட்சி மொழி, உருவாக்கப்பட்ட தரவுப் பைப்லைன் வரைபடத்தை அடிப்படையாகக் கொண்டது: மெல்லிய வளைந்த கோடுகளால் கோடிடப்பட்ட மாத்திரை வடிவ முனைகள், ஒவ்வொரு முனைக்குள்ளும் தரவு மூலங்களையும் (எந்த மூலமும், கிளவுட் பதிவுகள், பாதிப்புகள்) மற்றும் இலக்குகளையும் (SIEM, கிளவுட் சேமிப்பகம், தரவு ஏரி) குறிக்கும் சிறிய சின்னங்கள் உள்ளன. தரவு இயல்பாக்கத்தை வலியுறுத்த, இந்த வரைபடம் மையத்தில் ஒரு மென்மையான பச்சை நிற ஆர ஒளியைப் பயன்படுத்துகிறது. வலுவான மங்கலாக்கும் வடிப்பான்களுடன் கூடிய சாய்வு வளிமண்டல வண்ணங்கள் (பவளம் → வான நீலம், வான நீலம் → புதினா) முக்கிய மற்றும் செயல்பாட்டு உள்ளடக்கத்திற்குப் பின்னால் மென்மையான வண்ண ஒளிவட்டங்களை உருவாக்குகின்றன. சமூகத் தாக்கத்தை வலியுறுத்தும் வகையில், கூட்டாளர் சின்னங்கள் ஒரே வரிசையில் காட்டப்பட்டுள்ளன. "தரவு உருமாற்றங்கள் செயல்பாட்டில் உள்ளன" என்ற அட்டையில், ஒன்றுடன் ஒன்று மேற்பொருந்தும் ஒளிபுகும் வடிவியல் வடிவங்களைக் கொண்ட ஒரு பெரிய சாய்வு சித்திரம் இடம்பெற்றுள்ளது. புகைப்படங்கள் பயன்படுத்தப்படவில்லை—இந்த பிராண்ட், அச்சுக்கலை, வரைபடங்கள் மற்றும் வண்ணத் திட்டங்கள் மூலம் மட்டுமே தகவல்களைத் தெரிவிக்கிறது.
வண்ணத் தட்டு
பிராண்ட்
- Parchment
#f6f3f1— பக்கத்தின் கேன்வாஸ் மற்றும் அதன் பெரும்பாலான மேற்பரப்பு நிரப்பலில் உள்ள இந்த இதமான, கிரீம் போன்ற சாயல், அந்த பிராண்டின் அடையாள நிறமாகும். இது, முற்றிலும் வெள்ளையாக இருக்கும் SaaS டெம்ப்ளேட்களிலிருந்து இந்தத் தளத்தை உடனடியாக வேறுபடுத்திக் காட்டுகிறது. - Lake Blue
#2b59d1— பின்னணிகளை முன்னிலைப்படுத்தவும், அலங்காரப் பட்டைகளை வரையவும், உள்ளடக்கத்தின் பின்னால் ஒரு நுட்பமான சிறப்பம்சமாகவும் ஊதா நிறம் பயன்படுத்தப்படுகிறது. செயல் அழைப்புகளுக்கு இதை முதன்மை நிறமாகப் பயன்படுத்தக் கூடாது.
நடுநிலை
- Off-Black
#242424— வெளிச்சமான பரப்புகளில் உள்ள முதன்மை பொத்தான்களுக்கான அதிக மாறுபாடு கொண்ட நடுநிலை நிரப்பு வண்ணம். - Periwinkle Mist
#cfdaf5— செயலிழந்த கட்டுப்பாடுகள், குறைந்த முக்கியத்துவம் கொண்ட பேனல்கள் மற்றும் இடம்பிடிக்கும் தொகுதிகளுக்கான ஒரு அடக்கமான இடைமுகம். - Sky Blue
#a0b5eb— அலங்கார கிரேடியன்ட் ஸ்டாப் - பைப்பிங் வரைபடத்தில் அட்மாஸ்பியரிக் ஃபில்ஸ் மற்றும் ஃப்ளோ லைன்களில் தோன்றும், ஒருபோதும் UI ஃபில்லாகப் பயன்படுத்தப்படுவதில்லை. - Mint
#a7fccd— முதன்மை வண்ணத் தொகுப்பிற்கு மாறுபாடு தேவைப்படும்போது, சிறிய அலங்கார அம்சங்களுக்கான ஒரு துணை வண்ணத் தொகுப்பு. - Coral
#ff9473— முதன்மை வண்ணத் தொகுப்பிற்கு மாறுபாடு தேவைப்படும்போது, சிறிய அலங்கார அம்சங்களுக்கான ஒரு துணை வண்ணத் தொகுப்பு. - Gold
#ecda98— அலங்கார சாய்வுப் புள்ளி என்பது சாய்வு மாற்றங்களில் ஒரு இதமான சிறப்பம்சமாகும், இது செயல்பாட்டு பயனர் இடைமுகங்களில் ஒருபோதும் பயன்படுத்தப்படுவதில்லை.
அச்சுக்கலை
12 முதல் 80px வரை · 10 படிகள்
- ABC Diatype Mono — மாற்று: JetBrains Mono · வெளிப்புறங்கள் 400, 500 · முதன்மை உரை, வழிசெலுத்தல், பொத்தான்கள், சின்னங்கள், குறிச்சொற்கள் மற்றும் அனைத்து UI உரைகளும். அனைத்து செயல்பாட்டுக் கூறுகளிலும் ஒரே இடைவெளி கொண்ட எழுத்துரு பயன்படுத்தப்படுவதால், இந்த இடைமுகத்திற்கு ஒரு தொழில்நுட்பக் கையேட்டின் தோற்றம் கிடைக்கிறது—16-20px அளவிலான முதன்மை உரையானது சந்தைப்படுத்தல் தகவலாக அல்லாமல், தரவாகவே உணரப்படுகிறது. வழிசெலுத்தல் லேபிள்கள் மற்றும் சின்னங்கள், மிகவும் துல்லியமான எழுத்து இடைவெளியுடன் கூடிய 18px எழுத்துருவைப் பயன்படுத்துகின்றன; சிறிய எழுத்துருக்கள் மற்றும் மெட்டாடெக்ஸ்ட் ஆகியவை அனைத்தும் பெரிய எழுத்துக்களில் உள்ள 12px எழுத்துருவைப் பயன்படுத்துகின்றன. முக்கிய UI கூறுகளுக்கு 500px எழுத்துரு அளவு ஒதுக்கப்பட்டுள்ளது.
- Untitled Serif — மாற்று: Times New Roman · வெளிப்புறங்கள் 400 · தலைப்புகள் மற்றும் துணைத் தலைப்புகளுக்கு மட்டும்—80px (முதன்மை உரை), 48px (பிரிவு), 40px மற்றும் 32px (துணைப் பிரிவுகள்), மற்றும் 24px (விளக்க அட்டைத் தலைப்புகள்) ஆகிய அளவுகளில் பயன்படுத்தப்படுகிறது. அனைத்து அளவுகளுக்கும் எழுத்துருவின் தடிமன் 400 என நிலையாக வைக்கப்பட்டுள்ளது; தடித்த எழுத்துக்களுக்குப் பதிலாக, செரிஃப் எழுத்துருவின் இயல்பான மாறுபாடும் -0.02em எழுத்து இடைவெளியும் முக்கியக் கவனத்தை ஈர்க்கின்றன. இதுவே தலையங்கப் பாணி: தலைப்புகள் கனத்துடன் முழங்குவதற்குப் பதிலாக, அச்சுக்கலை நுட்பத்துடன் மென்மையாக வெளிப்படுகின்றன.
- Untitled Sans — மாற்று: Inter · வெளிப்புறங்கள் 400 · பெயரிடப்படாத சான்ஸ் எழுத்துரு - பிரித்தெடுக்கப்பட்ட தரவுகளில் காணப்பட்டது, ஆனால் செயற்கை நுண்ணறிவால் விவரிக்கப்படவில்லை.
இடைவெளிகள் மற்றும் வடிவம்
| நோக்கம் | பொருள் |
|---|---|
| அடர்த்தி | சராசரி |
| அடிப்படை படி | 16px |
| பொத்தான் ஆரம் | 100px |
| அட்டை ஆரம் | 40px |
| நிழல்கள் | நிழல்களுக்குப் பதிலாக எல்லைகள் இல்லை |
| பிரிவுகளுக்கு இடையில் | 64px |
| பக்க அகலம் | 1432px |
செயற்கை நுண்ணறிவு உங்கள் வலைத்தளத்தை Monad பாணியில் உருவாக்கி, அதை நிரப்பும்.
- Instagram, TikTok, Facebook இணைப்புகளின் வழியாக தயாரிப்புகளையும் பதிவுகளையும் நிரப்பவும்.
- உங்கள் பழைய தளத்திலிருந்து உள்ளடக்கத்தை மாற்றவும்—முகவரியைக் குறிப்பிட்டால் போதும்.
- சிறந்த இன்ஜினான React ( Next.js)-இல், சர்வர் ரெண்டரிங் மற்றும் உள்ளமைக்கப்பட்ட SEO மேம்படுத்தலுடன் கூடிய நவீன வடிவமைப்பு.
- தேடல் முடிவுகளுக்கான முழுமையாகத் தானியங்குபடுத்தப்பட்ட SEO உகப்பாக்கம் மற்றும் நியூரல் நெட்வொர்க் பரிந்துரைகள்.
ஒத்த பாணிகள்
- Mollie — காஷ்மீர் நிற கவுண்டர், அடர் நிற கணக்குப் புத்தகம். கருப்பு எழுத்துக்களைச் சுற்றி தலையங்க வடிவமைப்பிற்காகப் போதுமான வெள்ளை இடத்தை விட்டு, பின்னர் இதமான கிரீம், எஸ்பிரெசோ பழுப்பு நிறங்கள் மற்றும் உண்மையான பணம் செலுத்தும் முறைகளின் தொட்டுணரக்கூடிய புகைப்படங்கள் மூலம் தயாரிப்பு தொடர்பான அம்சங்களை வலுப்படுத்துங்கள்.
- Kagi — ஒரு தனி வாசிப்பு அறை. அடர்த்தியான கிராஃபைட் எழுத்துக்களைச் சுற்றி ஒரு திறந்த வெள்ளை வெளியை உருவாக்குங்கள்; அதன் அமைதியைக் குலைக்க, மென்மையான ஊதா நிறத் தீற்றல்களையும் இதமான பாஸ்டல் வண்ணப் பரப்புகளையும் பயன்படுத்துங்கள்.
- Milanote — மிலானோட் என்பது ஒரு பிரத்யேகமான படைப்பாக்க ஸ்டுடியோ ஆகும். மிதக்கும் காட்சிப் பலகைகளைப் பயன்படுத்தி தலையங்கக் காட்சிக்கூடப் பாணியிலான பக்கங்களை உருவாக்குங்கள்: அடர் நிறச் சட்டமிடப்பட்ட சுவர்கள், வெள்ளைக் காட்சி வெளி, மற்றும் மென்மையான ஆழத்துடன் உண்மையான பொருட்களைப் போலத் தோற்றமளிக்கும் ஸ்கிரீன்ஷாட்கள் ஆகியவை இதில் அடங்கும்.
- Co2 — குளிர்கால ஒளியில் ஒரு காலநிலை வரைபடத் தொகுப்பு. செரிஃப் தலைப்புகள், வகை வாரியாகக் குறியிடப்பட்ட தரவுகள் மற்றும் பனி படர்ந்த படங்கள் ஆகியவை அகன்ற வெள்ளை ஓரங்களை முன்னிலைப்படுத்தும் வகையில், வான்வழி ஆவண நிலப்பரப்பைப் போன்ற பக்கங்களை உருவாக்குங்கள்.
- GitButler — உரையின் இறுதியில் டர்க்கைஸ் நிறம். அதிக மாறுபாடு கொண்ட செரிஃப் தலைப்புகள், நுட்பமான தொழில்நுட்பக் கட்டங்கள், இதமான கிராஃபைட் மேற்பரப்புகள் மற்றும் கண்ணுக்குப் புலப்படாத டர்க்கைஸ் வண்ணச் சிறப்புக்கூறு ஆகியவற்றின் கலவை.
- ElevenLabs — மென்மையான தலைப்புகளுடன், இதமான கிரீம் வண்ணங்களில் அமைந்த ஒரு புகைப்படக் கட்டுரை. ஒரு பௌஹாஸ் பாணி நோட்டுப்புத்தகம்—முட்டை ஓட்டு நிறக் காகிதம், கருப்பு மை, மற்றும் பொருளைக் காட்சிப்படுத்த ஒற்றை ஊதா மற்றும் ஆரஞ்சு வண்ண அலங்காரம்.
- Awesomic — காகிதத் துண்டுகளை நினைவூட்டும் ஆரஞ்சு நிற நிறுத்தற்குறிகளுடன் கூடிய தலையங்க துத்தநாக வலை.
- Dub — லிங்கின் மேட் அரிசி காகித கட்டுப்பாட்டுப் பலகம்
- Seline Analytics — சூடான காகிதத்தில் ஒரு அமைதியான பகுப்பாய்வு அட்டவணை
- Notion — நண்பகல் வெயிலில் ஒரு சூடான காகித நோட்டுப்புத்தகம்
- Anthropic — வெதுவெதுப்பான தோல் தாளில் அச்சிடப்பட்ட ஒரு அறிவியல் கள ஆய்விதழ்—அமைதியான தந்த நிற மேற்பரப்புகள், செரிஃப் வடிவ தலையங்கத் தலைப்புகள், மற்றும் செயல்பாடு தேவைப்படும்போது மட்டும் தோன்றும் ஒரு களிமண் நிறச் சின்னம்.
- Calendly — குளிர்ந்த பளிங்குக் கல்லின் மீது அடர் நீல மை