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

Creative Giants

கிரீம் நிறத் தாளில் அச்சிடப்பட்ட பெரிய அளவிலான தலையங்கச் சுவரொட்டி

கிரியேட்டிவ் ஜயண்ட்ஸ், கோடில் உருவாக்கப்பட்ட ஒரு பெரிதாக்கப்பட்ட ஆர்ட்புக் பக்கத்தைப் போலத் தோற்றமளிக்கிறது: ஒரு இதமான, கிரீம் போன்ற பின்னணி, மெல்லிய ஓரங்கள், மற்றும் ஒரு தலைப்பை விட சுவரொட்டியைப் போலத் தோன்றும் அளவுக்குப் பெரிய எழுத்துரு. இந்த முழு அமைப்பும் நெகட்டிவ் ஸ்பேஸ் மற்றும் ஒரே, இலகுவான அளவில் (300) இயங்குகிறது—தலைப்புகள் தடித்த எழுத்துக்களில் தனித்துத் தெரிவதற்குப் பதிலாக, 64–84px அளவில் கேட்கவே முடியாதபடி உள்ளன, மேலும் எழுத்துரு அளவு அதிகரிக்கும்போது எழுத்துகளுக்கு இடையேயான இடைவெளி கூர்மையாகக் குறைகிறது (-0.04em), அதனால் வார்த்தைகள் உரிக்கப்பட்டதைப் போலத் தோன்றாமல் செதுக்கப்பட்டதைப் போலத் தெரிகின்றன. வண்ணத் திட்டம் சிறிய, செறிவான தூரிகை வரிகளாகப் பரப்பப்பட்டுள்ளது: துடிப்பான ஊதா, அடர் டர்க்கைஸ், வெளிர் நீலம், அடர் இளஞ்சிவப்பு, புதினா மற்றும் நேவி ஆகியவை பின்னணி நிரப்பிகளாக இல்லாமல், அட்டையின் மேற்பரப்புகளாக அல்லது சிறப்பம்சங்களாகத் தோன்றுகின்றன. ஊடாடும் கூறுகள், கிரீம் பின்னணியில் முழுமையாக வட்டமான (1440px) ஆரங்களைக் கொண்ட கருப்பு வடிவங்களாக உள்ளன, அதே சமயம் குரோம் கூறுகள் கிட்டத்தட்ட கண்ணுக்குத் தெரியாதவை—ஒற்றை வட்ட லோகோவும் "மெனு" பொத்தானும் வெள்ளை இடைவெளியில் மிதக்கின்றன. காட்சி வடிவமைப்பு என்பது ஒரு தயாரிப்பு ஸ்டுடியோவின் காண்டாக்ட் ஷீட் போன்றது: ஒரு பிரம்மாண்டமான தலைப்பு, ஒரு முழு அகலப் புகைப்படம், ஒரு அமைதியான மெட்டாடெக்ஸ்ட் வரி. மற்ற எல்லாப் பக்கங்களும் இதே சுருக்கமான பாணியைப் பின்பற்ற வேண்டும்.

முழு-நிரப்பு பக்க வடிவமைப்பு: அதிகபட்ச அகலக் கொள்கலன் எதுவும் இல்லை; உள்ளடக்கம் பக்கத்தின் முழு அகலத்தையும் எடுத்துக்கொள்கிறது, இடது மற்றும் வலதுபுறத்தில் சமமான ஓரங்களுடன் (மொபைலில் 16–32px, டெஸ்க்டாப்பில் 32px+). முக்கியத் தலைப்பு, பார்வைப் பரப்பில் சுமார் 40% இடத்தை எடுத்துக்கொள்ளும் ஒரு பெரிய ஒற்றைத் தலைப்புச் செய்தியாகும் (“கிரியேட்டிவ் ஜயண்ட்ஸ்” 84px அளவில்). இதைத் தொடர்ந்து, கீழ் இடது மூலையில் ஒரு மெட்டா குறிச்சொல் மற்றும் ஒரு தலைப்பு மேலடுக்குடன் கூடிய முழு-நிரப்பு புகைப்படம் உடனடியாக இடம்பெறுகிறது. பிரிவுகளின் அமைப்பு ஒற்றைப்படையானது: ஒவ்வொரு புதிய பிரிவும், 48–64px வெள்ளை இடைவெளியால் பிரிக்கப்பட்ட, சிறிய அளவிலான முழு-பெரிய எழுத்து உரை மற்றும் ஒரு விளக்கத்துடன் தொடங்குகிறது—ஒரு தலைகீழான நேவி இங்க் உச்சரிப்பு அட்டையைத் தவிர, மாறி மாறி வரும் அடர்/வெளிர் பட்டைகள் எதுவும் இல்லை. உள்ளடக்கம் இடதுபுறமாக சீரமைக்கப்பட்டுள்ளது; முக்கியத் தலைப்பைத் தவிர வேறு மையப்படுத்தப்பட்ட தொகுதிகள் எதுவும் இல்லை. செய்திகள்/வழக்கு ஆய்வுகள் பிரிவு, வலதுபுறத்தில் மிதக்கும் அம்புத் தொகுதியுடன் கூடிய மூன்று-நெடுவரிசை அட்டைகளின் கட்டத்தைப் பயன்படுத்துகிறது. வழிசெலுத்தல், ஒரு பக்கப் பட்டி அல்லது தலைப்பைத் தவிர வேறு எந்த நங்கூரமிடப்பட்ட கூறுகளும் இல்லாமல், ஒரே ஒரு மேல் தலைப்பின் மூலம் செய்யப்படுகிறது. ஒட்டுமொத்த வடிவமைப்பு விசாலமாகவும் தலையங்கப் பாணியுடன் ஒத்திசைவாகவும் உள்ளது: ஒவ்வொரு பகுதியும் உயிரோட்டத்துடன் காணப்படுகிறது, மேலும் வெற்று இடமே முதன்மைக் கட்டமைப்பு அம்சமாக விளங்குகிறது.

தலையங்கப் புகைப்படக்கலை வடிவமைப்பில் ஆதிக்கம் செலுத்துகிறது: படங்கள் பக்கத்தின் முழு அகலத்தையும், கூர்மையான கோணங்களையும் கொண்டுள்ளன; ஒன்றுடன் ஒன்று மேற்பொருந்துதல் அல்லது வட்டமான மறைப்புகள் இல்லை. திட்டமிடப்பட்ட தயாரிப்புப் புகைப்படங்கள் ஒருபோதும் பயன்படுத்தப்படாமல், சுருக்கமான கைகள், பொது நிறுவல்கள் மற்றும் மக்களின் இயல்பான காட்சிகள் போன்ற ஆவணப்பட மற்றும் சூழல் சார்ந்த பாணிகளை இது கொண்டுள்ளது. படங்கள் எப்போதும் பெரிய அளவில் (முழு அகலக் காட்சிப் பகுதி அல்லது முழு அட்டையையும் நிரப்பும் வகையில்) வழங்கப்படுகின்றன, எனவே வடிவமைப்பின் அலகு புகைப்படமே தவிர, பயனர் இடைமுகம் அல்ல. விளக்கப்படங்கள், 3D மாதிரிகள் அல்லது தயாரிப்பு முன்மாதிரிகள் எதுவும் இல்லை. சின்னங்கள் மிகக் குறைவாகவே உள்ளன: ஒரு சிறிய வட்ட வடிவ இலச்சினை, சுழல் கட்டுப்பாடுகளில் வெளிப்புற செவ்ரான்கள் மற்றும் 1px வெளிப்புறக் கோடு கொண்ட இலகுவான UI சின்னங்கள். படத்தின் அடர்த்தி, அந்தப் படத்தாலேயே தீர்மானிக்கப்படுகிறது, மேலும் உரை, புகைப்படத்திற்குக் கீழேயோ அல்லது மேலேயோ ஒரு நுட்பமான விளக்க அடுக்காகச் செயல்படுகிறது.

வண்ணத் தட்டு

பிராண்ட்

  • Magenta Bloom #8a0467 — இளஞ்சிவப்பு நிறம், அலங்கார விவரங்களுக்கு ஒரு துணை நிறமாகவும், குறைவாகப் பயன்படுத்தப்படும் தேடல் வினவல்களை முன்னிலைப்படுத்தவும் பயன்படுத்தப்படுகிறது. ஒரு செயலழைப்பிற்கு இதை முதன்மை நிறமாகப் பயன்படுத்தக் கூடாது.
  • Forest Teal #03624c — அட்டை சட்டங்கள் மற்றும் அலங்கார வேலைப்பாடுகளுக்கான ஒரு செழுமையான பிராண்ட் நிறம்; இது மெஜந்தா ப்ளூமுடன் இணைந்து இரு-வண்ணத் தோற்றத்தை அளிக்கிறது.

நடுநிலை

  • Bone White #fffef7 — பக்கத் தளம், அட்டைப் பரப்புகள் மற்றும் அடர் நிறங்களிலுள்ள எழுத்துக்கள் ஆகியவை, தூய #ffffff நிறத்திற்குப் பதிலாக ஒரு இதமான, கிரீம் போன்ற சாயலைக் கொண்டு, முழு அமைப்புக்கும் காகிதம் போன்ற, அச்சிடப்பட்ட ஒரு தோற்றத்தை அளிக்கின்றன.
  • Ink Black #000000 — அடர் நிறம், நடுநிலையான எழுத்துக்கள் மற்றும் சின்னங்களுக்குப் பொருத்தமாக இருப்பதுடன், வலுவான வேறுபாட்டையும் உருவாக்குகிறது. செயலழைப்புகளுக்கு இதை முதன்மை நிறமாகப் பயன்படுத்துவதைத் தவிர்க்கவும்.
  • Graphite #666666 — முதன்மை உரை முன்னிலை பெறுவதற்கு, இரண்டாம் நிலை உரை, தலைப்புகள், தரவு விவரங்கள் மற்றும் துணை உரைகள் போன்றவை பின்னணிக்குத் தள்ளப்படுகின்றன.
  • Ash #aaaaaa — உள்ளீட்டுப் புல எல்லைகள், செயலற்ற இணைப்பு நிறம், மூன்றாம் நிலை பிரிப்பான்கள் - தேவைப்படாதபோது மறைந்துவிடும் ஒரு மென்மையான கட்டமைப்புச் சாம்பல் நிறம்.
  • Charcoal Scale #4d4c4a — பட்டியலின் ஓரங்களுக்கு மிதமான நடுநிலை நிறத்தையும், அடர் வண்ணச் சரிவுப் பாதையில் நீல-சாம்பல் நிறத்திற்குப் பதிலாக வெதுவெதுப்பான சாம்பல் நிறத்தையும் கொண்டு நுட்பமான வண்ண வேறுபாட்டை அதிகரிக்கலாம்.
  • Powder Blue #a5c8eb — அஞ்சல் அட்டைப் பின்னணிகள், மங்கலான பின்னணிகள், மென்மையான சித்திர நிரப்பல்கள் போன்ற மென்மையான வண்ணத் தொனிகள், ஒரு சூடான பின்னணியுடன் போட்டியை உருவாக்காமல் அதனை குளிர்விக்கின்றன.

அச்சுக்கலை

12 முதல் 84px வரை · 7 படிகள்

  • Switzer — மாற்று: Inter (300 · வெளிப்புறங்கள் 300, 400 · ஒற்றை எழுத்துரு அமைப்பு: அனைத்து காட்சி உறுப்புகள் மற்றும் தலைப்புகளுக்கு (12–84px) 300 எடை, முக்கிய உரை, மெட்டாடேட்டா மற்றும் UI கட்டுப்பாடுகளுக்கு 400 எடை. 64–84px அளவுகளில் 300 எடையைப் பயன்படுத்துவதே விரும்பத்தக்க தேர்வாகும்—பெரும்பாலான அமைப்புகள் இங்கு 700–800 தடித்த எழுத்துருவைப் பயன்படுத்துகின்றன; இலேசான நிறமுடைய ஸ்விட்சர் எழுத்துரு மெல்லிய கோடுகளைப் பராமரித்து, ஒரு கிரீம் நிறத் திரையில் ஏர்பிரஷ் செய்யப்பட்ட எழுத்துகள் போன்ற தோற்றத்தை உருவாக்குகிறது. அளவு அதிகரிக்கும்போது இறுக்கமான எழுத்து இடைவெளி (84px-ல் -0.04em, 14px-ல் -0.018em) இடைவெளியற்ற உணர்வை ஏற்படுத்தாமல், உள்வெளிகளைத் திறந்த நிலையில் வைத்திருக்கிறது.

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

நோக்கம்பொருள்
அடர்த்திசராசரி
அடிப்படை படி8px
பொத்தான் ஆரம்1440px
அட்டை ஆரம்0px
நிழல்கள்நிழல்களுக்குப் பதிலாக எல்லைகள் இல்லை
பிரிவுகளுக்கு இடையில்64px

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

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

ஒத்த பாணிகள்

  • ElevenLabs — மென்மையான தலைப்புகளுடன், இதமான கிரீம் வண்ணங்களில் அமைந்த ஒரு புகைப்படக் கட்டுரை. ஒரு பௌஹாஸ் பாணி நோட்டுப்புத்தகம்—முட்டை ஓட்டு நிறக் காகிதம், கருப்பு மை, மற்றும் பொருளைக் காட்சிப்படுத்த ஒற்றை ஊதா மற்றும் ஆரஞ்சு வண்ண அலங்காரம்.
  • monopo saigon — தலையங்க மௌனத்திற்குப் பின்னால் ஒரு திரவ, வானவில் போன்ற ஒளிர்வு—உருகிய ஒளியில் மிதக்கும் ஓர் ஒற்றை வண்ணத் தலையங்கக் காட்சியகம்.
  • Awesomic — காகிதத் துண்டுகளை நினைவூட்டும் ஆரஞ்சு நிற நிறுத்தற்குறிகளுடன் கூடிய தலையங்க துத்தநாக வலை.
  • Monad — வெதுவெதுப்பான தோல் காகிதம் குறித்த தலையங்க தொழில்நுட்ப இதழ்
  • Dub — லிங்கின் மேட் அரிசி காகித கட்டுப்பாட்டுப் பலகம்
  • Seline Analytics — சூடான காகிதத்தில் ஒரு அமைதியான பகுப்பாய்வு அட்டவணை
  • Notion — நண்பகல் வெயிலில் ஒரு சூடான காகித நோட்டுப்புத்தகம்
  • Hyer Aviation — காக்பிட்டில், காகிதத்தோலின் மீது அந்திப் பொழுது. வெளிறிய விடியல் வானம், விமானத்தின் உடல் அளவுள்ள செரிஃப் சின்னத்தைச் சந்திக்கிறது; ஒற்றை வண்ணக் கட்டுப்பாட்டை ஒரு இதமான களிமண் நிறத் தீற்றல் உடைக்கிறது.
  • Anthropic — வெதுவெதுப்பான தோல் தாளில் அச்சிடப்பட்ட ஒரு அறிவியல் கள ஆய்விதழ்—அமைதியான தந்த நிற மேற்பரப்புகள், செரிஃப் வடிவ தலையங்கத் தலைப்புகள், மற்றும் செயல்பாடு தேவைப்படும்போது மட்டும் தோன்றும் ஒரு களிமண் நிறச் சின்னம்.
  • Calendly — குளிர்ந்த பளிங்குக் கல்லின் மீது அடர் நீல மை
  • Augen Pro — ஆப்பிளின் வெள்ளை நிறக் காட்சியமைப்பில், ஒரே வண்ணமுடைய இடத்தில், நேர்த்தியான, எடையற்ற, மின்னல் நீல நிறம் மட்டுமே தனிச்சிறப்பாக இடம்பெற்றுள்ளது.
  • OFF+BRAND. — வெதுவெதுப்பான தோல்தாளின் மீது வானவில் நிறக் கோளம்