டெலிகிராம், WhatsApp+380637610482
வலேரி டான்யுக்
வலேரி டான்யுக்டெவலப்பர்வணிகங்களுக்கான செயற்கை நுண்ணறிவு கருவிகளை உருவாக்குகிறோம். உயர் தரம். மலிவு விலை.Telegram இல் எழுதவும்
ElevenLabs — இந்த பாணியிலான ஒரு தளத்தின் முன்னோட்டம்

ElevenLabs

மென்மையான தலைப்புகளுடன், இதமான கிரீம் வண்ணங்களில் அமைந்த ஒரு புகைப்படக் கட்டுரை. ஒரு பௌஹாஸ் பாணி நோட்டுப்புத்தகம்—முட்டை ஓட்டு நிறக் காகிதம், கருப்பு மை, மற்றும் பொருளைக் காட்சிப்படுத்த ஒற்றை ஊதா மற்றும் ஆரஞ்சு வண்ண அலங்காரம்.

எலவன்லேப்ஸ் ஒரு இதமான, வெள்ளை மினிமலிஸ்ட் பாணியில் இயங்குகிறது: முட்டை ஓடு நிறத் தளம் (#fdfcfc), கருப்பு எழுத்துருக்கள் மற்றும் இதமான பழுப்பு நிற மேற்பரப்புகளின் (#f5f3f1) ஒற்றை அடுக்கு. இந்த பிராண்டின் அடையாளம் அமைதியாகவும் நம்பிக்கையுடனும் உள்ளது—மிகக் குறைந்த வேறுபாடு கொண்ட வால்டன்பர்க் 300 எழுத்துரு, தலைப்புச் செய்திகளை மிகத் தெளிவுடன் (-0.02em) எடுத்துக்காட்டுகிறது, அதே சமயம் இன்டர் 400/500 மற்ற எல்லாவற்றிற்கும் ஒரு அமைதியான நடுநிலையை அளிக்கிறது. இரண்டு முக்கிய வண்ணங்களான—துடிப்பான ஊதா #0447ff மற்றும் துடிப்பான ஆரஞ்சு #ff4704—தயாரிப்பின் காட்சி கூறுகளுக்குள் (ஆடியோஸ்பியர்கள், தயாரிப்பு சின்னங்கள்) மட்டுமே தனித்துத் தெரிகின்றன, பயனர் இடைமுகத்தில் (UI) குரோம் போல ஒருபோதும் தெரிவதில்லை. கூறுகள் மெல்லிய 1px ஓரங்கள், கார்டுகளில் அகலமான 20px ஆரங்கள் மற்றும் முழுமையாக நிரப்பப்பட்ட 9999px பொத்தான்களுடன் தட்டையாகவோ அல்லது சற்றே உயர்த்தப்பட்டோ இருக்கின்றன. இந்த அமைப்பு, கிரீம் நிறத் தாளில் வரையப்பட்ட ஒரு பௌஹாஸ் ஸ்டுடியோவை நினைவூட்டுகிறது: அடக்கமான, தலையங்கப் பாணியிலான மற்றும் தொழில்நுட்ப ரீதியாகத் துல்லியமானது.

முழு அகலப் பிரிவுகள், 1280px வெளிப்புற இடைவெளிகளுடன், அதிகபட்ச அகலம் கொண்ட ஒரே மையப் பத்தியில் செங்குத்தாக அமைக்கப்பட்டுள்ளன. முக்கியப் பிரிவு சமச்சீரற்றது: தலைப்பு 48px வால்டன்பர்க் மட்டத்தில் இடதுபுறமாகவும், விளக்க உரை வலதுபுறமாகவும் சீரமைக்கப்பட்டுள்ளன, மேலும் தலைப்பிற்குக் கீழே இரண்டு மாத்திரை வடிவ பொத்தான்கள் அமைந்துள்ளன. முக்கியப் பிரிவிற்குக் கீழே, உள்ளடக்கத்தின் முழு அகலத்திற்கும் பரவியிருக்கும் ஒரு பெரிய தாவல் வழிசெலுத்தல் பட்டி உள்ளது. பிரிவுகள், 96–125px செங்குத்து இடைவெளிகளுடன், முட்டை ஓட்டு நிறம் மற்றும் பழுப்பு நிறப் பின்னணிகளுக்கு இடையில் மாறி மாறி வருகின்றன. அடிக்குறிப்பு ஒரு கச்சிதமான, ஒற்றைப் பட்டையாக உள்ளது. வழிசெலுத்தல் என்பது ஒரு எளிமையான மேல் பட்டியாகும்—நிலையான செயல்பாடு இல்லை, மெகா-மெனுக்கள் இல்லை. உள்ளடக்கத்தின் தாள அமைப்பு தலையங்கப் பாணியுடன் பொருந்துகிறது: ஏராளமான வெற்று இடம், ஒவ்வொரு பிரிவிற்கும் ஒரு முக்கிய காட்சி உறுப்பு, மற்றும் "நம்பிக்கை" பிரிவின் கீழ் அட்டை கட்டங்கள் இல்லை.

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

வண்ணத் தட்டு

பிராண்ட்

  • Violet Spark #0447ff — தயாரிப்பு காட்சி முக்கியத்துவம் - ஒலி சார்ந்த விளக்கப்படங்களிலும் அலங்காரத் தயாரிப்பு சின்னங்களிலும் மட்டுமே தோன்றும்; இடைமுகக் கூறுகளுக்கு ஒருபோதும் பயன்படுத்தப்படுவதில்லை.

நடுநிலை

  • Eggshell #fdfcfc — டிஜிட்டல் கண்ணைக்கூச்சத்தைத் தவிர்த்து, தளத்திற்கு காகிதத்தின் அமைதியை அளிப்பதற்காக, பக்கத் தளம், பொத்தான் பரப்புகள் மற்றும் அட்டைப் பரப்புகள் ஆகியவை பளிச்சிடும் வெள்ளை நிறத்திற்குப் பதிலாக, இதமான, சற்றே கிரீம் போன்ற நிறத்தில் உள்ளன.
  • Warm Taupe #f5f3f1 — பிரிப்பான் பட்டைகள், அலங்கார அட்டைகள் மற்றும் மங்கலான மேற்பரப்பை விட ஒரு படி ஆழமான கூடுதல் மேற்பரப்பு ஆகியவை அமைதியான, எல்லையற்ற பிரிப்பை உருவாக்குகின்றன.
  • Stone #ebe8e4 — மெல்லிய ஓரங்கள், பிரிப்பான்கள் மற்றும் ஐகான் பின்னணிகள், பழுப்பு மற்றும் நடுத்தர சாம்பல் நிறங்களுக்கு இடையில், குளிர்ச்சியான உணர்வைத் தராத ஒரு இதமான சாம்பல் நிறத்தில் உள்ளன.
  • Ink #000000 — முக்கிய உரை, நிரப்பப்பட்ட பொத்தான்கள், வழிசெலுத்தல் அல்லது இணைப்புகள் என எதுவாக இருந்தாலும், தூய கருப்பு நிறம் ஒரு இதமான வண்ணத் தொகுப்பிற்கு அடித்தளமாகச் செயல்படுவதோடு, இந்த அமைப்பில் உள்ள ஒரே கூர்மையான வேறுபாட்டையும் உருவாக்குகிறது.
  • Graphite #44403b — உரைப்பகுதி, பிரிவுத் தலைப்புகள் - கருப்பின் கடுமை இல்லாமல், கவனத்தை ஈர்க்க வேண்டிய உரைகளுக்கு, மென்மையான, இதமான அடர் சாம்பல் நிறம்.
  • Smoke #777169 — முக்கிய உரை, நுட்பமான விளக்கங்கள் மற்றும் தலைப்புகள் மிதமான இதமான சாம்பல் நிறத்தில் உள்ளன; அட்டைகள் மற்றும் கருப்பொருள் உரைகளின் பாணியே மேலோங்கி, வாசிக்கக்கூடியதாகவும், அதே சமயம் அமைதியானதாகவும் இருக்கிறது.

அச்சுக்கலை

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

  • Waldenburg — மாற்று: Inter (300) or Söhne Light · வெளிப்புறங்கள் 300 · தலைப்புகள் மற்றும் வடிவமைப்பு கூறுகளுக்கு மட்டும். 48/36/32px வடிவங்களில் 300 எழுத்துரு எடையுடன் பயன்படுத்தப்படுகிறது—மிகவும் மெல்லிய எழுத்துரு என்பது வழக்கத்திற்கு மாறானது; பெரும்பாலான வலைத்தளங்கள் 600-700 எடையைப் பயன்படுத்துகின்றன; இந்த நுட்பமான எழுத்துரு, நிதானத்தின் மூலம் அதிகாரத்தை வெளிப்படுத்துகிறது. -0.02em என்ற இறுக்கமான எழுத்து இடைவெளி, பெரிய அளவுகளில் எழுத்துக்களுக்கு இடையே நெருக்கமான பொருத்தத்தை உருவாக்குகிறது. மாற்றுகள்: 300 எடையில் "Inter" அல்லது ஒரு பிரீமியம் மாற்றாக மெல்லிய எடையில் "Söhne".
  • Inter — மாற்று: Inter or system-ui · வெளிப்புறங்கள் 400, 500 · அனைத்தும் திரைக்கு வெளியே: முக்கிய உரை, வழிசெலுத்தல், பொத்தான்கள், இணைப்புகள், லேபிள்கள், உள்ளீட்டுப் புலங்கள், கார்டுகள். 400 என்பது இயல்புநிலை தடிமன்; 500 பொத்தான்கள் மற்றும் சிறப்பித்துக் காட்டப்பட்ட இணைப்புகளுக்காக ஒதுக்கப்பட்டுள்ளது. அளவுகள் 10 முதல் 10 வரை இருக்கும், குறைக்கப்பட்ட வரி இடைவெளியுடன் (1.47–1.6), பத்திகளுக்கு சுவாசிக்க இடம் அளிக்கிறது. 14 முதல் 3 வரையிலான அளவுகளில் +1 (2) என்ற சிறிய எழுத்து இடைவெளி, சிறிய அளவுகளில் வாசிப்புத்திறனை மேம்படுத்துகிறது.
  • Geist Mono — மாற்று: JetBrains Mono or IBM Plex Mono · வெளிப்புறங்கள் 400 · குறியீடு அல்லது தொழில்நுட்ப உரைக்கு அருகில் அமைந்துள்ள நுண்உரை, 13px இடைவெளியில் நிலைநிறுத்தப்பட்டுள்ளது — தொழில்நுட்பக் குறியீடுகள் அல்லது மெட்டாடேட்டாவிற்கு இது அரிதாகவே பயன்படுத்தப்படுகிறது (அதிர்வெண் = 28). ஒற்றை அடுக்கு, 1.69 என்ற பெரிய வரி உயரம்.

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

நோக்கம்பொருள்
அடர்த்திஅடர்த்தியான
அடிப்படை படி8-16px
பொத்தான் ஆரம்9999px
அட்டை ஆரம்20px
நிழல்கள்நிழல்களுக்குப் பதிலாக எல்லைகள் இல்லை
பிரிவுகளுக்கு இடையில்96-125px
பக்க அகலம்1280px

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

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

ஒத்த பாணிகள்

  • Awesomic — காகிதத் துண்டுகளை நினைவூட்டும் ஆரஞ்சு நிற நிறுத்தற்குறிகளுடன் கூடிய தலையங்க துத்தநாக வலை.
  • Monad — வெதுவெதுப்பான தோல் காகிதம் குறித்த தலையங்க தொழில்நுட்ப இதழ்
  • Dub — லிங்கின் மேட் அரிசி காகித கட்டுப்பாட்டுப் பலகம்
  • Seline Analytics — சூடான காகிதத்தில் ஒரு அமைதியான பகுப்பாய்வு அட்டவணை
  • Notion — நண்பகல் வெயிலில் ஒரு சூடான காகித நோட்டுப்புத்தகம்
  • Anthropic — வெதுவெதுப்பான தோல் தாளில் அச்சிடப்பட்ட ஒரு அறிவியல் கள ஆய்விதழ்—அமைதியான தந்த நிற மேற்பரப்புகள், செரிஃப் வடிவ தலையங்கத் தலைப்புகள், மற்றும் செயல்பாடு தேவைப்படும்போது மட்டும் தோன்றும் ஒரு களிமண் நிறச் சின்னம்.
  • Calendly — குளிர்ந்த பளிங்குக் கல்லின் மீது அடர் நீல மை
  • Augen Pro — ஆப்பிளின் வெள்ளை நிறக் காட்சியமைப்பில், ஒரே வண்ணமுடைய இடத்தில், நேர்த்தியான, எடையற்ற, மின்னல் நீல நிறம் மட்டுமே தனிச்சிறப்பாக இடம்பெற்றுள்ளது.
  • Antimetal — வெளிர் நிறத் தாளில் ஒரு தலையங்கக் குறிப்பு—ஒரு அறிவியல் இதழில் ஓர் அமைதியான காலைப் பொழுது; அங்கே நிதானம் தன்னம்பிக்கையை வெளிப்படுத்த, செரிஃப் எழுத்துருக்கள் கடினமான வேலையைச் செய்கின்றன.
  • Perk — சூடான காகிதத்தோல் மீது மின்சார சுண்ணாம்பு
  • Ditto — சூரிய ஒளி நிறைந்த ஒரு பட்டறையில் காட்டுப்பூ மாதிரிகள் உருவாக்கப்படுகின்றன. வெதுவெதுப்பான கிரீம் நிறப் பரப்புகள், துடிப்பான மஞ்சள் நிற அடிப்பூ, அடர் கடற்படை நீல மைகள், படைப்பிற்குப் பின்னால் மலரும் இயற்கையான வண்ண வடிவங்கள்.
  • Officevibe — வெதுவெதுப்பான கிரீம் நிறக் காகிதத்தில் ஒரு தலையங்க இதழ். மனிதவள மேலாண்மை குறித்த ஒரு சிந்தனைமிக்க கட்டுரையை, ஒரு தயாரிப்பாக முன்வைக்கப்படுவதைக் கற்பனை செய்து பாருங்கள்—ஒரு நவீன நீல இடைமுகத்தின் வழியே மெல்லிய செரிஃப் எழுத்துரு மென்மையாக ஒலிப்பது போல.