
Linear
நள்ளிரவு துல்லியமான கருவி
லீனியர் வடிவமைப்பு அமைப்பானது, கிட்டத்தட்ட கருப்பு நிறப் பரப்புகளில் (#08090a) கட்டமைக்கப்பட்ட ஒரு இரவு நேரக் கட்டளை மையமாகும். இதில் தெளிவான வெள்ளை நிற எழுத்துக்களும், ஒரு செயல்பாட்டு கைவிளக்காகச் செயல்படும் ஒற்றை சுண்ணாம்பு-பச்சை நிறத் தீற்றலும் (#e4f222) உள்ளன—இது சிறியதாகவும், அதிக மாறுபாடு கொண்டதாகவும், செயல்களைக் குறிக்க அளவோடு பயன்படுத்தப்படுவதாகவும் இருக்கிறது. இந்த இடைமுகம் இருளை ஒரு கருப்பொருளாகக் கருதாமல், ஒரு அடித்தளமாகவே கருதுகிறது: எழுத்துக்கள் நெருக்கமான எழுத்து இடைவெளியுடன் (-0.022em) தெளிவான வெள்ளை நிறத்தில் உள்ளன, எழுத்துருவின் தடிமன் தடித்ததாக இல்லாமல் 400–510 என்ற குறைந்த வரம்பில் உள்ளது, மேலும் நிழல்கள் செய்யும் வேலையை வடிவியல் செய்ய அனுமதிக்கும் வகையில் ஓரங்கள் மிக மெல்லியதாக (0.5px) உள்ளன. இதன் கூறுகள் துல்லியமாக வடிவமைக்கப்பட்டுள்ளன—6px மற்றும் 12px ஆரங்கள், கச்சிதமான 8–12px ஓரங்கள், மற்றும் அலங்காரக் கூறுகள் கிட்டத்தட்ட இல்லாதது—இது அமைதியான இந்த அமைப்பில் தயாரிப்பின் பயனர் இடைமுகத்தை (பணி அட்டைகள், கன்பன் பலகைகள், AI முகவர் பேனல்கள்) மட்டுமே ஒரே காட்சி அமைப்பாக இருக்க அனுமதிக்கிறது.
இந்த தளவமைப்பு, மையப்படுத்தப்பட்டு, சுமார் 1200px அதிகபட்ச அகலத்தைக் கொண்டுள்ளது, மேலும் இதன் அடர் பின்னணி காட்சிப் பகுதியின் விளிம்புகள் வரை நீண்டுள்ளது. இதன் முக்கிய அம்சம், இடதுபுறம் சீரமைக்கப்பட்ட (64–72px) ஒரு பெரிய தலைப்பு ஆகும். இது வலதுபுறம் சீரமைக்கப்பட்ட ஒரு செயலுக்கான அழைப்புடன் (CTA) இணைக்கப்பட்டுள்ளது. இதைத் தொடர்ந்து, அதிகபட்ச அகலத்தை விட சற்றே நீண்டுள்ள ஒரு பெரிய தயாரிப்புத் திரைப்பிடிப்பு இடம்பெற்றுள்ளது. பிரிவுகளின் வரிசைமுறை, இடதுபுறத்தில் உரையும் வலதுபுறத்தில் படமும் கொண்ட இரு-பத்தி அமைப்புகளுக்கும், 96px செங்குத்து இடைவெளிகளால் பிரிக்கப்பட்ட முழு-அகல தயாரிப்புக் காட்சிப் பட்டைகளுக்கும் இடையில் மாறி மாறி அமைந்துள்ளது. வாடிக்கையாளரின் சின்னம் கொண்ட பட்டை ஒரு ஒற்றை கிடைமட்ட வரிசையாக உள்ளது. இந்தப் பக்கம் ஒருபோதும் மூன்று-பத்தி அட்டை கட்டங்களையோ அல்லது ஓடு போன்ற அமைப்புகளையோ பயன்படுத்துவதில்லை—தகவல் அடர்த்தி குறைவாகவே உள்ளது, பெரும்பாலான பிரிவுகள் போதுமான வெள்ளை இடத்தையும் திரையில் ஒரே ஒரு மையக் கூறையும் பயன்படுத்துகின்றன. வழிசெலுத்தல் என்பது, பக்கவாட்டுப் பட்டி அல்லது மெகா-மெனு இல்லாமல், இடதுபுறம் சீரமைக்கப்பட்ட சின்னம் மற்றும் வலதுபுறம் சீரமைக்கப்பட்ட இணைப்புகளுடன் கூடிய ஒரு நிலையான மேல் பட்டையாகும்.
லீனியரின் காட்சி மொழி, தயாரிப்பு ஸ்கிரீன்ஷாட்களை அடிப்படையாகக் கொண்டது: தொடக்கத்திலும் பிரிவுகளிலும் உள்ள விளக்கப்படங்கள், லீனியர் செயலியின் பயனர் இடைமுகத்தின் உண்மையான படங்களாகும். அவை அதிகபட்ச விவரங்களுடன் படம்பிடிக்கப்பட்டு—பணி அட்டைகள், கன்பன் பலகைகள், AI ஏஜென்ட் டாஷ்போர்டுகள், கட்டளைத் தட்டுகள்—மெல்லிய சட்டங்களுக்குள் வைக்கப்பட்டுள்ளன. ஸ்டாக் புகைப்படங்களோ, வாழ்க்கைமுறைப் படங்களோ, அருவ விளக்கப்படங்களோ இல்லை. வாடிக்கையாளர்களுக்காக, லோகோக்கள் ஒரே சீரான அளவில், நடுநிலையான சாம்பல் நிறப் பட்டையாக (#8a8f98) காட்டப்படுகின்றன. ஐகான்கள், ஒரே வண்ண சாம்பல் நிறத்தில் உள்ள எளிமையான நேரியல் SVG படங்களாகும். பக்கத்தின் மேற்பகுதியில் உள்ள ஸ்கிரீன்ஷாட், ஒரு நுட்பமான நேரியல் சாய்வில் (இருளிலிருந்து வெளிச்சத்திற்கு) மிதக்கிறது; இது உண்மையான நிலப்பரப்புகளைப் பயன்படுத்தாமலேயே ஒருவித சூழலை உருவாக்கும் ஆழத்தைக் கொடுக்கிறது. ஒவ்வொரு காட்சி உறுப்பும், தயாரிப்பின் ஒரு செயல்பாட்டு உறுப்பாகும்.
வண்ணத் தட்டு
பிராண்ட்
- Acid Lime
#e4f222— பிரதான கட்டுப்பாட்டுப் பொத்தான்களும், இயங்கும் வழிசெலுத்தல் குறிகாட்டிகளும், ஒற்றை வண்ணத் திட்டத்தை உடைக்கும் ஒரு பிரகாசமான சிறப்பம்சமாக அமைந்துள்ளன.
நடுநிலை
- Mist
#d0d6e0— இருண்ட பரப்புகளில் துணைத் தலைப்புகள், பொத்தான் உரை - Void
#08090a— பக்கக் காட்சித்திரை, முழு அகலப் பின்னணிப் படம் - இயல்பாக, அனைத்துக் கூறுகளும் இந்தப் பின்னணியில் அமைக்கப்படுகின்றன. - Carbon
#0f1011— கார்டுகளுக்குள் உள்ளடக்கத்தை வைப்பதற்கு, கார்டு பரப்புகளும் வழிசெலுத்தல் பட்டிகளும் கேன்வாஸை விட ஒரு படி மேம்பட்டவையாகும். - Obsidian
#161718— உயர்த்தப்பட்ட மேற்பரப்புகள், ஆழமான அட்டைப் பலகைகள் - Graphite
#23252a— நுட்பமான ஓரங்கள், பிரிப்பான்கள், நுட்பமான பொத்தான் கோடுகள் – குறைந்த மாறுபாடு கொண்ட இழையமைப்பு விளிம்புகள் - Smoke
#383b3f— கிராஃபைட் பிரிவு பிரிப்பான்களை விட மெல்லிய ஓரங்கள் அதிக ஒளி வேறுபாட்டைக் கொண்டுள்ளன.
அச்சுக்கலை
13 முதல் 72px வரை · 8 படிகள்
- Inter Variable — மாற்று: Inter (variable) · வெளிப்புறங்கள் 300, 400, 510, 590 · முதன்மை பயனர் இடைமுகம் மற்றும் தலைப்பு எழுத்துரு - வழிசெலுத்தல், முக்கிய உரை, தலைப்புகள், பொத்தான்கள் மற்றும் அட்டைகளில் பயன்படுத்தப்படுகிறது.
- Berkeley Mono — மாற்று: JetBrains Mono · வெளிப்புறங்கள் 400 · குறியீட்டிற்கு அருகிலுள்ள பயனர் இடைமுக உரை - வெளியீட்டு அடையாளங்காட்டிகள் (ENG-2703), விசைப்பலகை குறுக்குவழிகள், மோனோஸ்பேஸ் எழுத்துரு மெட்டாடேட்டா
இடைவெளிகள் மற்றும் வடிவம்
| நோக்கம் | பொருள் |
|---|---|
| அடர்த்தி | விசாலமான |
| அடிப்படை படி | 8px |
| பொத்தான் ஆரம் | 6px |
| அட்டை ஆரம் | 12px |
| நிழல்கள் | நிழல்களுக்குப் பதிலாக எல்லைகள் இல்லை |
| பிரிவுகளுக்கு இடையில் | 96px |
| பக்க அகலம் | 1200px |
செயற்கை நுண்ணறிவு உங்கள் வலைத்தளத்தை Linear பாணியில் உருவாக்கி, அதை நிரப்பும்.
- Instagram, TikTok, Facebook இணைப்புகளின் வழியாக தயாரிப்புகளையும் பதிவுகளையும் நிரப்பவும்.
- உங்கள் பழைய தளத்திலிருந்து உள்ளடக்கத்தை மாற்றவும்—முகவரியைக் குறிப்பிட்டால் போதும்.
- சிறந்த இன்ஜினான React ( Next.js)-இல், சர்வர் ரெண்டரிங் மற்றும் உள்ளமைக்கப்பட்ட SEO மேம்படுத்தலுடன் கூடிய நவீன வடிவமைப்பு.
- தேடல் முடிவுகளுக்கான முழுமையாகத் தானியங்குபடுத்தப்பட்ட SEO உகப்பாக்கம் மற்றும் நியூரல் நெட்வொர்க் பரிந்துரைகள்.
ஒத்த பாணிகள்
- Aaru — நள்ளிரவில் துகள் புல ஆய்வகம்
- Atlas Card — ஒற்றை நீலக்கல் கதிரைக் கொண்ட மிட்நைட் வால்ட், ஆழ்ந்த மின்னல் நீல நிறம் மட்டுமே முக்கியத்துவம் பெறும் ஓர் கும்மிருட்டுப் பரப்பாகும்.
- Checkly — ஆழ் சுற்றுப்பாதை திட்டக் கட்டுப்பாட்டு மையம்
- Savee — காட்சி கண்காணிப்பாளர்களுக்கான கருப்பு கேன்வாஸ்
- Inngest — கருவிகளுடன் பணிபுரிவதற்காகப் பொருத்தப்பட்ட, ஒற்றை மஞ்சள் நிற வழிகாட்டி விளக்கால் ஒளியூட்டப்பட்ட, இருண்ட, அமைதியான ஓர் வானாய்வகம்.
- Dala — கருப்பு வெல்வெட்டின் மீது மிதக்கும் ஒரு விண்மீன் கூட்டம்
- Origin Financial — அமைதியான செழுமையின் ஓர் நள்ளிரவுக் கலைக்கூடம். பெரிய செரிஃப் எழுத்துருக்களும், ஒளியூட்டப்பட்ட சில வண்ணப் பலகைகளும் நிதித்துறை என்பது கவனமாகத் தொகுக்கப்பட்ட ஒரு கலைப்படைப்பு என்ற உணர்வை உருவாக்கும் ஓர் அமைதியான, கிட்டத்தட்ட இருண்ட அறை.
- Hyperstudio — அந்த வடிவமைப்பு கருங்கற் பாறையில் கீறப்பட்டுள்ளது. எழுத்துக்களும் மெல்லிய கோடுகளும், தூய கருப்பு நிறத்திலான ஒரு வெற்று வெளியைச் சூழ்ந்துள்ளன; அதில் ஆங்காங்கே காணப்படும் பொன்னிற திசைகாட்டிக் குறிகள் வழியைக் காட்டுகின்றன.
- Air — "கண்ணாடி வழியே நள்ளிரவு வானம்" என்ற சிற்பம்
- Resend — ஊதா நியான் நிறத்துடன் கூடிய கருப்பு வெல்வெட்
- Raycast — நள்ளிரவு கட்டளை மையம், கோரல் நியான்
- Dimension — மங்கலான வெளிச்சம் கொண்ட, உறைந்த கண்ணாடித் தகடுகளுடன் கூடிய ஒரு பணித்தளம்