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

Glossier

சூரிய ஒளி புகைப்படப் படப்பிடிப்பு - வெள்ளைக் காகிதம், கருப்பு மை, ஒரு பிரகாசமான மஞ்சள் நிறத் தொடுப்பு

க்ளாஸியர் ஒரு டிஜிட்டல் அழகு இதழ் போல செயல்படுகிறது: வெள்ளை மற்றும் கருப்பு நிறங்களால் ஆன ஏறக்குறைய ஒரே வண்ணத் தளம், அதன் நடுவில் பிராண்டின் சின்னமாகவும் ஒரே ஒரு செயலுக்கான அழைப்பாகவும் செயல்படும் ஒரு துடிப்பான மஞ்சள் நிறத் தீற்றல் உள்ளது. இந்த அமைப்பு தலையங்க ரீதியாகக் கட்டுப்படுத்தப்பட்டுள்ளது — பெரிய அளவிலான 'அபெர்கு' தலைப்புகள், தாராளமான உரை இடம், பெரும்பாலான உணர்ச்சிப்பூர்வமான தாக்கத்தைத் தாங்கும் முழுப் பக்க வாழ்க்கை முறைப் புகைப்படங்கள் — மேலும் செயல்படுத்தலில் பயன்பாட்டுக்கு உகந்ததாக உள்ளது: தட்டையான தயாரிப்பு அட்டைகள், மெல்லிய ஓரங்கள், மற்றும் அலங்காரங்கள் முற்றிலும் இல்லாத நிலை. மஞ்சள் ஒரு இரண்டாம் நிலை பிராண்ட் நிறம் அல்ல; அதுவே பிராண்ட், சிக்கனமாகப் பயன்படுத்தப்படுகிறது, அதனால் ஒவ்வொரு தோற்றமும் ஒரு கேமரா ஃபிளாஷ் போல உணர்த்துகிறது. மற்ற அனைத்தும் பின்னணியில் மங்கிப்போகும் வகையில் அமைக்கப்பட்டுள்ளன: நடுநிலை நிறங்கள் மென்மையான இளஞ்சிவப்பு சாயலுடன் கூடிய வெதுவெதுப்பான சாம்பல் நிறங்களாகவும், ஓரங்கள் நுட்பமாகவும், எழுத்துக்கள் அடர்த்தியாகவும் சுருக்கமாகவும் உள்ளன. இதன் விளைவாக, ஒரு கடை முகப்பு தன்னம்பிக்கையுடனும், அடக்கமாகவும், சமரசமற்ற நவீனத் தன்மையுடனும் காட்சியளிக்கிறது.

இந்தப் பக்கத்தில், செங்குத்தாக அமைக்கப்பட்ட முழுத்திரை பிரிவுகளின் தொடர் இடம்பெற்றுள்ளது; ஒவ்வொன்றும் ஒரு தனித்த தலையங்கப் பக்கமாக வடிவமைக்கப்பட்டுள்ளது. முக்கியப் பிரிவு, மிதக்கும் வெள்ளை மேலடுக்குடன் கூடிய ஒரு முழு அகலப் புகைப்படம் (மேல் இடது) மற்றும் பக்கத்தின் கீழ்ப்பகுதி முழுவதையும் ஆக்கிரமித்துள்ள ஒரு பிரம்மாண்டமான மஞ்சள் இலச்சினையைக் கொண்டுள்ளது. முக்கியப் பிரிவுக்குக் கீழே, முழுத்திரை படங்கள் மற்றும் தனித்தனி அட்டைகளின் கட்டங்கள் என மாறி மாறி வரும் பிரிவுகள் உள்ளன. சருமப் பராமரிப்பு/அலங்காரம் போன்ற வகைகளை, சம விகிதத்தில் (50/50) படங்களைக் கொண்ட இரண்டு பத்திகளாகப் பிரிப்பது, கண்ணுக்குத் தெரியும் எல்லையின்றி அமைந்துள்ளது—படங்களை இணைக்கும் ஒரு கோடு மட்டுமே அவற்றைப் பிரிக்கிறது. தயாரிப்புப் பட்டியல், #f7f7f7 கேன்வாஸில் சதுர அட்டைகளின் நான்கு-பத்திக் கட்டத்தைப் பயன்படுத்துகிறது. வழிசெலுத்தல் என்பது, அதற்கு மேலே ஒரு இரண்டாம் நிலை விளம்பரப் பட்டையுடன் கூடிய ஒரு எளிமையான மேல் பட்டையாகும். பிரிவுகளுக்கு இடையேயான இடைவெளிகள் ஓரளவு பெரியவை (64px), ஆனால் பிரிவுகளுக்கு இடையேயான மாற்றங்கள் மென்மையாக உள்ளன—வெப்பமான அடிக்குறிப்பைத் தவிர, பிரிப்பான்களோ அல்லது மாறி மாறி வரும் பின்னணி வண்ணங்களோ இல்லை. ஒட்டுமொத்த தாள அமைப்பு: புகைப்படம், உரை, புகைப்படம், கட்டம், புகைப்படம் – ஒரு ஃபேஷன் பத்திரிகையைப் புரட்டுவதைப் போல உள்ளது.

புகைப்படக்கலையே இங்கு பிரதானமான காட்சி மொழியாகும். பார்க்கும் பகுதி முழுவதும் வாழ்க்கைமுறைப் படங்கள் மற்றும் உருவப்படங்களால் நிரம்பியுள்ளது—இதமான பொன்னிற மாலை நேர ஒளி, சருமத்தின் மென்மையான நெருக்கப் படங்கள், சூரியனின் கண்ணைக்கூசும் பின்னணியில் தயாரிப்புப் புட்டிகளைப் பிடித்திருக்கும் கைகள். புகைப்படங்களில் உள்ள வண்ணங்களின் தொகுப்பு இதமாகவும், நிறம் மங்கலாகவும் உள்ளது: பீச் நிற வானம், சுடுமண் சரும நிறங்கள், ஆழ்கடல் நீலம். வெள்ளை உரை அட்டைகள் அல்லது மஞ்சள் இலச்சினையைத் தவிர, படங்கள் எப்போதும் வளைந்த மூலைகள், சட்டங்கள் அல்லது மேலடுக்குகள் இல்லாமல், பக்கத்தின் முழுப் பரப்பையும் ஆக்கிரமித்துள்ளன. பட்டியல் அட்டைகளில் உள்ள தயாரிப்புப் புகைப்படங்கள், தட்டையான, சீரான ஒளியுடன், முற்றிலும் வெள்ளை நிறத் தடையற்ற பின்னணியில் எடுக்கப்பட்டுள்ளன. படத்திற்கும் உரைக்கும் இடையிலான விகிதம் தோராயமாக 70/30 ஆகும்—படங்கள் உணர்வையும், உரை அதன் செயல்பாட்டையும் வெளிப்படுத்துகின்றன. விளக்கப்படங்கள் இல்லை, அருவ வரைகலைகள் இல்லை, முப்பரிமாணப் படங்கள் இல்லை.

வண்ணத் தட்டு

பிராண்ட்

  • Glossier Yellow #fff116 — மஞ்சள் நிறம், அலங்கார விவரங்களுக்கு ஒரு துணை நிறமாகவும், குறைவாகப் பயன்படுத்தப்படும் தேடல் வினவல்களை முன்னிலைப்படுத்தவும் பயன்படுத்தப்படுகிறது. ஒரு செயலழைப்பிற்கு இதை முதன்மை நிறமாகப் பயன்படுத்தக் கூடாது.

நடுநிலை

  • Ink #000000 — உள்ளடக்க உரை, வழிசெலுத்தல் இணைப்புகள், முதன்மை உரை, அடிக்குறிப்பு உரை, சின்னங்களின் வெளிக்கோடுகள், மெல்லிய ஓரங்கள்; பிரதான அச்சுக்கலை மற்றும் கட்டமைப்பு நிறம்.
  • Paper #ffffff — தயாரிப்பு அட்டையின் மேற்பரப்புகள், நிரப்புப் பகுதிகள், உயர்த்தப்பட்ட பலகைகள்; அடுக்கில் உள்ள மிகவும் பிரகாசமான மேற்பரப்பு நிலை.
  • Fog #f7f7f7 — பக்கக் களம், பகுதிப் பின்னணிகள், பக்கத்தில் உள்ள படங்களுக்கு இடையேயான இணைப்பு மாற்றங்கள்; முழு வலைத்தளமும் அமைந்திருக்கும் அடிப்படைத் தளம்.
  • Blush #faf2f4 — அடிக்குறிப்புப் பின்னணி, மென்மையான இதமான பகுதிப் பிரிப்பான்கள்; நுட்பமான இளஞ்சிவப்பு-வெள்ளை சாயல் பக்கங்களின் கீழ்ப்பகுதிக்கு இதத்தைச் சேர்க்கிறது.
  • Mist #f0f0f0 — கண்ணுக்கு உறுத்தாத பின்னணியை உருவாக்கவும் பிரிவுகளைப் பிரிக்கவும் உதவும் ஒரு இலகுவான துணைப் பரப்பு. இதைச் செயலழைப்புக்கான முதன்மை நிறமாகப் பயன்படுத்தக் கூடாது.
  • Ash #e8e8e8 — உள்ளீட்டுப் புல எல்லைகள், ஐகான் பின்னணிகள், மெல்லிய பிரிப்பான் கோடுகள்; அட்டைகள் மற்றும் படிவக் கூறுகளுக்கான கட்டமைப்பு எல்லை வண்ணம்.

அச்சுக்கலை

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

  • Apercu — மாற்று: Inter · வெளிப்புறங்கள் 400, 500, 700 · பயனர் இடைமுகம் முழுவதும் முதன்மை எழுத்துரு பயன்படுத்தப்படுகிறது—உரைப்பகுதி 16px/400 அளவிலும், வழிசெலுத்தல் மற்றும் தலைப்புகள் 12–14px/500 அளவிலும், துணைத் தலைப்புகள் 20px/500 அளவிலும், மற்றும் தலையங்கத் தலைப்புகள் 32px/700 அளவிலும் பயன்படுத்தப்படுகின்றன. அப்பெர்குவின் வடிவியல், மனிதநேய வடிவமைப்பு அந்த பிராண்டிற்கு ஒரு செறிவான, நவீன பாணியை அளிக்கிறது; கிட்டத்தட்ட பூஜ்ஜியமான எழுத்து இடைவெளி (0.002–0.003em), இந்த எழுத்துருவை காற்றோட்டமானதாகவோ அல்லது நட்பானதாகவோ இல்லாமல், கச்சிதமானதாகவும் பத்திரிகை போன்றதாகவும் ஆக்குகிறது. 700 எடை கொண்ட எழுத்துரு, பயனர் இடைமுகக் கூறுகளுக்கு அல்லாமல், தலையங்கங்களில் உள்ள காட்சி கூறுகளுக்காக ஒதுக்கப்பட்டுள்ளது.
  • Apercu Mono — மாற்று: JetBrains Mono or IBM Plex Mono · வெளிப்புறங்கள் 400 · ஆர்டர் மெட்டாடேட்டா, கண்காணிப்பு எண்கள் மற்றும் குறியீட்டிற்கு அடுத்துள்ள லேபிள்களுக்கான நுண்-பயன்பாட்டு அச்சுக்கலை; இதன் மோனோஸ்பேஸ்டு பதிப்பு, விகிதாசார பாடி டைப்பிற்கு எதிராக ஒரு தொழில்நுட்பத் தோற்றத்தை உருவாக்குகிறது.
  • GTStandard-M — மாற்று: Inter · வெளிப்புறங்கள் 400 · GTStandard-M - பிரித்தெடுக்கப்பட்ட தரவுகளில் காணப்பட்டது, ஆனால் செயற்கை நுண்ணறிவால் விவரிக்கப்படவில்லை.

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

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

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

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

ஒத்த பாணிகள்

  • Lightship — திறந்த சாலையின் ஒரு திரைப்படக் காட்சிப் படிமம். இதமான கிரீம் நிறக் காட்சிக்கூடச் சுவர்கள், நெருக்கமான இடைவெளிகளில் பொருத்தப்பட்ட பெரிய நிலக்காட்சிப் புகைப்படங்களால் அலங்கரிக்கப்பட்டிருந்தன; சட்டங்களில் மெல்லிய கருப்பு எழுத்துக்கள் மங்கலாகத் தெரிந்தன; புல்வெளியில் எரியும் பெருநெருப்பைப் போல, அந்த ஒற்றை வண்ணத்தை ஓர் பிரகாசமான ஆரஞ்சு நிறத் தீக்குச்சி உடைத்தது.
  • Faire ES — வெதுவெதுப்பான கிரீமின் மொத்த விற்பனைப் பட்டியல்
  • Adanola — வெள்ளைக் காகிதத்தில் ஒரு எடிட்டோரியல் லுக்புக். பிராண்டின் ஒட்டுமொத்த பாணியைப் பிரதிபலிக்கும் வகையில், எழுத்துருவிற்கு கருப்பு மையும், நுட்பமான தனித்துவமான சான்ஸ்-செரிஃப் எழுத்துருவும் (ஃபேவரிட்) கொண்டு, தூய்மையான வெள்ளை பரப்புகளில் அச்சுக்கலையும் புகைப்படக்கலையும் உயிர்ப்புடன் மிளிரும் ஒரு ஃபேஷன் படப்பிடிப்பு.
  • Oura Ring — மென்மையான பகல் ஒளியில் நனைந்த, இதமான ஓட்ஸ் கஞ்சி தயாரிக்கும் பட்டறை.
  • Stykka — வெள்ளை ஒளியில் ஒரு ஸ்காண்டிநேவியப் பட்டறை – புகைப்படம் மட்டுமே குரலாக ஒலிக்கும் ஓர் அமைதியான, கைவினைப் பொருட்கள் நிறைந்த காட்சியகம்.
  • DJI — ஒற்றை மின்னல் நீல ஹைலைட்டுடன் கூடிய விண்வெளி கருப்பு கேன்வாஸ்.
  • Altitude Beverages — ஒற்றை வண்ணப் பத்திரிகைப் பக்கம். அசைவற்ற புகைப்படங்களைத் தவிர மற்ற எல்லா வண்ணங்களும் நீக்கப்பட்ட ஒரு ஃபேஷன் பத்திரிகையின் பக்கத்தைக் கற்பனை செய்து பாருங்கள்—அதிலுள்ள எழுத்துக்களும் வெற்று இடமும் முழு கதையையும் சொல்லிவிடும்.
  • AATHER — திறந்த உள்ளங்கை, ஒற்றைச் சுடர் - நிசப்தத்தில் அடங்கிய ஓர் அமைதியான சுகம்.
  • Cowboy — பனி போன்ற வெண்மையான பீங்கான் பின்னணியில் அமைந்த ஒரு பெல்ஜிய மிதிவண்டிக் காட்சியகம். மங்கலான மேற்பரப்புகள், தலையங்கப் பொருட்களில் பயன்படுத்தப்பட்டுள்ள பெரிய எழுத்துருக்கள், மற்றும் அலங்காரங்கள் கிட்டத்தட்ட இல்லாத சூழல் ஆகியவை மிதிவண்டியையும் அதன் உள்ளடக்கங்களையும் நோக்கிப் பார்வையை ஈர்க்கும் ஒரு காட்சியகம்.
  • Refero — வெள்ளை பளிங்குக் கல்லில் வரையப்பட்ட தலையங்க வடிவமைப்பு - ஒரு அச்சுக்கலைஞரால் உருவாக்கப்பட்ட தயாரிப்புப் பக்கம், இதில் செரிஃப் தலைப்பு அந்த பிராண்டின் அடையாளமாக விளங்குகிறது, மற்ற அனைத்தும் கவனத்தை ஈர்க்காத வகையில் அமைந்துள்ளன.
  • Face Formula — ஒரு ஸ்காண்டிநேவிய தலையங்கப் புகைப்படம். குளிர்ச்சியான, மூடுபனி சூழ்ந்த பின்னணியில், மாடலின் பார்வையும், அடர்த்தியான செரிஃப் எழுத்துருவில் எழுதப்பட்ட தலைப்பும் தாமாகவே பேசிக்கொள்ளும் ஒரு அமைதியான, பத்திரிகை பாணியிலான பக்கம்.
  • Shupatto — வெள்ளை பளிங்குக் கல்லில் அருங்காட்சியகக் காட்சிப் பெட்டி