Ui
மேட் காகிதத்தில் மருத்துவத் திட்டம்
shadcn/ui என்பது ஒரு மோனோக்ரோம் வடிவமைப்பு அமைப்பை உருவாக்குவதற்கான ஒரு பட்டறை ஆகும்: ஒரு தூய்மையான வெள்ளைத் தளம், மென்மையான வெதுவெதுப்பான சாம்பல் நிறப் பரப்புகள், மற்றும் மிக நுட்பமான எல்லைகளில் நிலைநிறுத்தப்பட்ட பெரிய ஆரம் கொண்ட கார்டுகள். இந்த இடைமுகம் கிட்டத்தட்ட முழுவதுமாக நிறமற்றது—கருப்பு எழுத்துக்கள், வெள்ளை பரப்புகள், சாம்பல் நிற இரண்டாம் நிலை சாயல்கள்—பிழை நிலைகளுக்காக மட்டுமே ஒதுக்கப்பட்ட, கவனத்தை ஈர்க்கும் ஒரே ஒரு சிவப்பு நிறத்தைத் தவிர வேறு எதற்கும் பயன்படுத்தப்படுவதில்லை. இதன் அச்சுக்கலையானது, திரைகளில் இறுக்கமான எழுத்து உயரத்துடன் கூடிய கெய்ஸ்ட்டின் வடிவியல் நடுநிலைத்தன்மையைச் சார்ந்துள்ளது. இது ஒரு நுகர்வோர் தயாரிப்பை விட, டெவலப்பர் உள்கட்டமைப்பு போலத் தோன்றும் ஒரு அமைதியான, நிரல் போன்ற உணர்வை உருவாக்குகிறது.
குறைந்தபட்ச படங்கள்—இந்த அமைப்பு கிட்டத்தட்ட முழுவதுமாக பயனர் இடைமுகத்தையே கொண்டுள்ளது. முக்கிய புகைப்படங்கள், விளக்கப்படங்கள் அல்லது அலங்கார வரைகலைகள் எதுவும் இல்லை. தயாரிப்பு செயல்விளக்கங்கள், ஆவணப்படுத்தல் மற்றும் காட்சி உள்ளடக்கம் ஆகிய இரண்டிற்கும் பயன்படும் வகையில், ஒரு கட்டத்தில் கூறு மாதிரிகளாக (கார்டுகள், உள்ளீட்டுப் புலங்கள், பொத்தான்கள்) வழங்கப்படுகின்றன. சின்னங்கள், #0a0a0a அல்லது #737373 வண்ணங்களில், 1.5–2px தடிமன் கொண்ட மெல்லிய வடிவியல் கோடுகளாக (லூசைடிலிருந்து பெறப்பட்டிருக்கலாம்) உள்ளன; இவை செயல்பாட்டுக் குறிப்புகளாக அளவோடு பயன்படுத்தப்படுகின்றன. காட்சி மொழி என்பது பயனர் இடைமுகக் கூறுகளே ஆகும்—இந்தப் பக்கம் ஒரு உயிருள்ள பாணி வழிகாட்டியாகச் செயல்படுகிறது, இதில் கண்ணுக்குத் தெரியும் ஒவ்வொரு உறுப்பும் ஒரு வடிவமைப்பு உறுப்பாக விளங்குகிறது.
வண்ணத் தட்டு
நடுநிலை
- Canvas
#f5f5f5— பக்கப் பின்னணி, மங்கலான மேற்பரப்பு நிரப்பு, கூடுதல் பொத்தான்கள். - Paper
#ffffff— அட்டை மேற்பரப்புகள், பாப்-அப் பின்னணிகள், முதன்மை பொத்தான் நிரப்பல்கள் - Surface Alt
#fafafa— பக்கவாட்டுப் பட்டிப் பின்னணி, இடையூறு செய்யாத அட்டைத் தேர்வு, உள்ளீட்டுப் புலத்தின் செயலற்ற நிலை. - Ink
#0a0a0a— முதன்மை உரை, தலைப்புகள், பொத்தான் பெயர்கள், சின்னங்களின் வெளிக்கோடுகள். - Ink Soft
#171717— பொத்தான் பின்னணிப் படங்கள், நிரப்புதலுடனும், ஒளி மிகுந்த பரப்புகளில் கூடுதல் உரையுடனும். - Mid Gray
#737373— முதன்மை உரை, இடம்பிடிக்கும் உரை, துணை லேபிள்கள் மற்றும் ஓய்வில் இருக்கும்போது ஐகான் நிரப்புதல் ஆகியவை அனைத்தும் ஒலியடக்கப்பட்டுள்ளன.
அச்சுக்கலை
12 முதல் 48px வரை · 8 படிகள்
- Geist — மாற்று: Inter · வெளிப்புறங்கள் 400, 500, 600 · அனைத்து இடைமுக உரைகளும்—முக்கிய உரை 14px/400 வரி தடிமனுடனும், தலைப்புகள் 24–48px/600 வரி தடிமனுடனும், மற்றும் பொத்தான்கள் 13–14px/500 வரி தடிமனுடனும் இருக்கும். Geist-இன் வடிவியல் எழுத்து வடிவங்களும் சீரான வரி தடிமனும் டெவலப்பர் கருவிகளுக்கு ஒரு நடுநிலையான தோற்றத்தை அளிக்கின்றன; 600 வரி தடிமன், 48px எழுத்து இடைவெளி மற்றும் -0.05em எழுத்து இடைவெளி ஆகியவை, திருத்தப்பட்டதாகத் தோன்றுவதற்குப் பதிலாக, ஆழ்ந்து சிந்திக்கப்பட்டதாகத் தோன்றும் தெளிவான, நம்பிக்கையான தலைப்புகளை உறுதி செய்கின்றன.
இடைவெளிகள் மற்றும் வடிவம்
| நோக்கம் | பொருள் |
|---|---|
| அடர்த்தி | அடர்த்தியான |
| அடிப்படை படி | 8px |
| பொத்தான் ஆரம் | 18px |
| அட்டை ஆரம் | 24px |
| நிழல்கள் | நிழல்களுக்குப் பதிலாக எல்லைகள் இல்லை |
| பிரிவுகளுக்கு இடையில் | 48-80px |
| பக்க அகலம் | 1280px |
செயற்கை நுண்ணறிவு உங்கள் வலைத்தளத்தை Ui பாணியில் உருவாக்கி, அதை நிரப்பும்.
- Instagram, TikTok, Facebook இணைப்புகளின் வழியாக தயாரிப்புகளையும் பதிவுகளையும் நிரப்பவும்.
- உங்கள் பழைய தளத்திலிருந்து உள்ளடக்கத்தை மாற்றவும்—முகவரியைக் குறிப்பிட்டால் போதும்.
- சிறந்த இன்ஜினான React ( Next.js)-இல், சர்வர் ரெண்டரிங் மற்றும் உள்ளமைக்கப்பட்ட SEO மேம்படுத்தலுடன் கூடிய நவீன வடிவமைப்பு.
- தேடல் முடிவுகளுக்கான முழுமையாகத் தானியங்குபடுத்தப்பட்ட SEO உகப்பாக்கம் மற்றும் நியூரல் நெட்வொர்க் பரிந்துரைகள்.
ஒத்த பாணிகள்
- Ventriloc — சூடான காகிதத்தில் உள்ள தரவுகளின் ஒரு தலையங்க கண்காணிப்பகம் - ஒற்றை நிறத் துல்லியத்தை எடுத்துக்காட்டும் ஒரு தனி ஆரஞ்சு நிறத் தீக்கனல்.
- Geniestudio — ஒரு மென்மையான பகல்நேர நோட்டுப்புத்தகம்—அகலமான ஓரங்களையும் ஒரே தடித்த பேனாக்கோட்டையும் கொண்ட வகை.
- xAI — கருப்பு மாத்திரையுடன் கூடிய வெதுவெதுப்பான கிரீம் ஆய்வகம்
- Cal — ஒற்றை வண்ண நடைமுறைத்தன்மை, ஒரு மனிதநேய அணுகுமுறை. கண்டிப்பான கருப்பு-வெள்ளை வண்ணத் தொகுப்பின் மூலம் தெளிவுக்கும் செயல்பாட்டிற்கும் முன்னுரிமை அளித்து, அதே சமயம் இனிமையான அச்சுக்கலை மற்றும் வட்டமான வடிவங்களால் அதனை மென்மையாக்கும் ஒரு அமைப்பு.
- Scale — ஒரு தொழில்நுட்பத் திட்டத்துடன் இணைந்த உயர்தர அருங்காட்சியகத் தரத்திலான புகைப்பட ஆய்வகம்
- Contractbook — அடர் நீல வானத்தின் கீழ் கிரீம் காகித ஒப்பந்தங்கள்
- AutoSend — ஒற்றை ஊதா விளக்குடன் கூடிய ஒரு வசதியான கல் ஸ்டுடியோ — அங்கு செரிஃப் தலைப்புகளும் பிரகாசமான கருநீல நிறச் செயல் அழைப்புகளும், கிட்டத்தட்ட வெள்ளை நிறத்தில் உள்ள அந்த அமைதியான ஒரே இடத்தில் ஒருங்கே அமைந்துள்ளன.
- Air — "கண்ணாடி வழியே நள்ளிரவு வானம்" என்ற சிற்பம்
- SpatialChat — வெள்ளைத் தோல் தாளில் ஊதா நிறத் துடிப்பு
- Squarespace — சினிமா மோனோக்ரோம் கேலரி
- Giga — உறைந்த கருங்கற்பாறையின் மீது நள்ளிரவு அடிவானம்
- Supabase — நள்ளிரவில் ஒரு நிரல் திருத்தி, ஒளிரும் பச்சை நிறப் புள்ளியுடன்—நிலக்கரித் தூள் கடலில் ஒரு ஒற்றை வண்ணத் துடிப்பு.