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

Bang & Olufsen

பீங்கான் மீதான ஸ்காண்டிநேவிய கலைக்கூடம். கருப்பு-வெள்ளை பக்கம் இருட்டாக இருக்கும்போது, நள்ளிரவு மாடத்தில் உள்ள ஒரு சிற்பத்தைப் போல அந்தப் படைப்பு ஒளிர்கிறது; அது ஒளியூட்டப்படும்போது, அதன் கவனத்தைத் திசை திருப்ப வேறு எதுவும் இல்லாமல், அந்தப் படைப்பு வெண்பட்டுப் பரப்பின் மீது மிதப்பது போல் தோன்றுகிறது.

பேங் & ஓலுஃப்சன் ஒரு கலைக்கூட-அருங்காட்சியகக் கொள்கையின் அடிப்படையில் செயல்படுகிறது: கிட்டத்தட்ட வெண்மையான பீங்கான் திரைகளில், பொருட்கள் சிற்பப் பொருட்களைப் போல மிதக்கின்றன. இவற்றின் இடையே, திரையின் முழு அகலத்தையும் ஆக்கிரமிக்கும் அடர் நீல ஊதா, சில சமயங்களில் செழுமையான சுடுமண் சிவப்பு போன்ற உணர்ச்சிப்பூர்வமான அழுத்தங்களுக்காக அவ்வப்போது வண்ணச் செருகல்கள் இடம்பெறுகின்றன. அச்சுக்கலையானது, தனக்கெனத் தானே பேசிக்கொள்ளும் ஒரு தனித்துவமான, பிரத்யேகமாக வடிவமைக்கப்பட்ட நியோ-க்ரோடெஸ்க் எழுத்துரு (BeoSupreme) ஆகும்: பெரிய திரைகளில் அரிதாகவே கவனிக்கப்படும், சிறிய லேபிள்களில் தாராளமாக நிரப்பப்பட்ட பெரிய எழுத்துக்கள், வேறு எந்த எழுத்துருக்களும் தேவையில்லை. கூறுகள் மிகக் குறைந்தபட்சத்திற்குக் குறைக்கப்பட்டுள்ளன: ஒளி ஊடுருவும் மாத்திரை வடிவக் கட்டுப்பாடுகள், மெல்லிய ஓரங்கள், அலங்கார நிழல்கள் இல்லை, வண்ணச் சாய்வு பொத்தான்கள் இல்லை, சின்னங்கள் இல்லை. கட்டமைப்பு தாராளமானது, வெற்றிடம் ஒரு ஆடம்பரமாகும். ஒவ்வொரு தயாரிப்புக்கும் அதற்கென ஒரு மிதக்கும் பீடம் கொடுக்கப்பட்டுள்ளது; சுற்றியுள்ள வெண்மை வெற்றிடமாகும். வண்ணம் ஒரு விலைமதிப்பற்ற பொருளைப் போல விநியோகிக்கப்பட்டுள்ளது—அது தோன்றும் போது, முழு சட்டகத்தையும் ஆக்கிரமிக்கிறது.

1440px அதிகபட்ச அகலம் கொண்ட கண்டெய்னர் மையப்படுத்தப்பட்டுள்ளது, மேலும் அதன் ஓரங்களில் 25px கிடைமட்ட மார்ஜின்கள் உள்ளன. ஹீரோ எலிமென்ட் பக்கத்தின் முழு அகலத்தையும் எடுத்துக்கொள்கிறது (கண்டெய்னரை உடைக்கிறது), மற்றும் அல்ட்ராமெரின் கேமரா ஓரத்திலிருந்து ஓரம் வரை நீண்டுள்ளது. தயாரிப்புக் கட்டங்கள் 25px இடைவெளிகளுடன் 4-5 நெடுவரிசைகளில் சமமாக அமைக்கப்பட்டுள்ளன, மேலும் மொபைல் சாதனங்களில் கிடைமட்டமாக ஸ்க்ரோல் ஆகும். பிரிவுகள் வெள்ளை பின்னணிக்கும் முழு அகல வண்ண கேமராக்களுக்கும் இடையில் மாறி மாறி வருகின்றன—அதன் வரிசைமுறை பின்வருமாறு: வெள்ளை தயாரிப்புக் கட்டம் → அல்ட்ராமெரின் ஹீரோ எலிமென்ட் → வெள்ளை தயாரிப்புக் கட்டம் → அடர் சிவப்பு எடிட்டோரியல் பேனர் → வெள்ளை தயாரிப்புக் கட்டம் → அல்ட்ராமெரின் ஃபூட்டர். நேவிகேஷன் என்பது வெள்ளை மற்றும் வண்ணப் பிரிவுகளுக்கு மேலே மிதக்கும் ஒரு எளிமையான மேல் பட்டையாகும் (உரை, அடர் பின்னணியில் வெள்ளையாகத் தலைகீழாக மாற்றப்பட்டுள்ளது). இந்தப் பக்கம் "சுவாசிப்பது போல்" உள்ளது—பிரிவுகளுக்கு இடையிலான இடைவெளிகள் 60-80px ஆகும், தனிப்பட்ட தயாரிப்புகள் அந்தந்த செல்களுக்குள் தங்களுக்குரிய இடத்தைக் கொண்டுள்ளன, மேலும் தகவல் அடர்த்தி எதுவும் இல்லை.

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

வண்ணத் தட்டு

பிராண்ட்

  • Ultramarine Velvet #060daa — பக்கங்களின் மேலேயும் கீழேயும் உள்ள பின்னணிப் படங்கள், பக்கத்தின் முழு அகலத்தையும் உள்ளடக்கிய வியத்தகு பகுதிகள், மற்றும் அடிக்குறிப்பு நிரப்பிகள்—இவை அனைத்தும் முழு சட்டகங்களையும் சூழ்ந்து, ஒரே தயாரிப்புக்கு ஒரு நாடகத்தன்மை வாய்ந்த உணர்வைக் கொடுக்கப் பயன்படுத்தப்படும் செறிவான, ஏறக்குறைய கருப்பு-நீலம்-ஊதா நிறமாகும்.

நடுநிலை

  • Porcelain Canvas #ffffff — பக்கப் பின்னணிப் படங்கள், தயாரிப்பு அட்டை வடிவமைப்பு மற்றும் வழிசெலுத்தல் பட்டைகள் ஆகியவை ஒவ்வொரு தயாரிப்பும் கட்டமைக்கப்படும் அடிப்படை அடித்தளமாகும்.
  • Bone #fcfaee — வெதுவெதுப்பான நடுநிலை நிறத்திலான கட்டங்கள், அடர் பின்னணியில் உள்ள பொத்தான் உரை, வெள்ளை நிறம் உயிரற்றதாகத் தோன்றும் போது ஒரு மாற்றுத் தளம் ஆகியவற்றுக்கான ஒரு இரண்டாம் நிலை மேற்பரப்பு.
  • Obsidian #191817 — வெள்ளை பின்னணியில், முதன்மை உரை மற்றும் தயாரிப்பு விவர உரை ஆகியவை, தூய #000000-ஐ விட மென்மையாகத் தோற்றமளிக்கும் ஒரு இதமான, கிட்டத்தட்ட கருப்பு நிறத்தில் உள்ளன.
  • Pure Ink #000000 — சின்னங்களின் வெளிக்கோடுகள், நுண்குறிச்சொற்கள், நுட்பமான ஓரங்கள் மற்றும் மிகத் துல்லியமான எழுத்து வேறுபாடுகள்.
  • Graphite #555555 — இரண்டாம் நிலை உரை, மெட்டாடேட்டா, விலைக் குறியீடுகள், அமைதியான துணை உரை
  • Mist #e5e5e5 — மெல்லிய உள்ளீட்டுத் தரவு எல்லைகள் மற்றும் அமைப்பில் உள்ள ஒரே கட்டமைப்புப் பிரிப்பான்.

அச்சுக்கலை

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

  • BeoSupreme — மாற்று: Neue Haas Grotesk Display Pro (closest) · வெளிப்புறங்கள் 400, 500, 700 · முழுமையான பிராண்ட் அடையாளத்தைப் பிரதிபலிக்கும் ஒரே எழுத்துரு. தலைப்புகள் மற்றும் துணைத் தலைப்புகளுக்கு: 500–700 தடிமன், 24–36px அளவுடன், நம்பிக்கையான, சுருக்கமான தலைப்புகளுக்காக நெருக்கமான எழுத்து இடைவெளி (-0.056em → -0.014em). முக்கிய உரை மற்றும் பயனர் இடைமுகத்திற்கு: 400 தடிமன், 14–16px அளவுடன், இயல்பான எழுத்து இடைவெளி, வரி இடைவெளி 1.5–1.7. நுண்குறியீடுகள் (வழிசெலுத்தல், சின்னங்கள், "1925-இல் நிறுவப்பட்டது" என்ற வாசகம்): 500 தடிமன், 9–12px அளவுடன், +0.143em வரை அகலமான எழுத்து இடைவெளி, கவனத்தை ஈர்க்காத கட்டமைப்பு விளக்கங்களாகப் பயன்படுத்துவதற்காக அனைத்தும் பெரிய எழுத்துக்களில் காட்டப்படும். இதற்குப் போட்டியிடும் வேறு எழுத்துரு இல்லை.
  • object-fit: cover; object-position: center; — மாற்று: Inter · வெளிப்புறங்கள் 400 · object-fit: cover; object-position: center; - பிரித்தெடுக்கப்பட்ட தரவுகளில் காணப்பட்டது, ஆனால் செயற்கை நுண்ணறிவால் விவரிக்கப்படவில்லை.

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

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

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

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

ஒத்த பாணிகள்

  • Structured — பிளாஸ்டிசின் போன்ற காகிதத்தில் மறுமலர்ச்சிக் கால கலைக்கூடம்
  • Apple (España) — மென்மையான பகல் ஒளியில், அருங்காட்சியகக் காட்சிக்கூடம், இலேசான வண்ணம் பூசப்பட்ட சுவரில் ஒவ்வொரு காட்சிப்பொருளும் ஒரு ஸ்பாட்லைட்டால் ஒளிரூட்டப்பட்ட, வசீகரிக்கும், பாரமற்ற ஒற்றை வெண்மை வெளியாகக் காட்சியளிக்கிறது.
  • Apple (España) — அப்சிடியன் கேலரி காட்சிக்கூடம் என்பது, கும்மிருட்டுப் பின்னணியில் ஒற்றை டைட்டானியம் பொருள் ஒன்று ஒளிரும் ஒரு இருண்ட கண்காட்சி அரங்கம் ஆகும்.
  • 099 SUPPLY — கருப்பு வெள்ளை பொருட்களால் நிரப்பப்பட்ட ஒரு கலைக்கூடச் சுவர்
  • Custo — பிரம்மாண்டமான எழுத்துருவைக் கொண்ட, உலோகத் துப்பாக்கி நிறத்திலான ஒரு கலைக்கூடம். மங்கிய சாம்பல்-பச்சை வண்ணங்களில் அமைந்த ஒரு காட்சியகம், அங்கு ஒற்றைக் கருமையான பொருளும் 57px எழுத்துருவும் தங்களுக்குத் தாங்களே பேசிக்கொள்கின்றன.
  • Apple (España) — நண்பகலில் வெள்ளை அருங்காட்சியகக் கலைக்கூடம்
  • VITURE — நள்ளிரவுக் கண்ணாடிக்குப் பின்னால் ஒரு நியான் தயாரிப்புக் காட்சி – இருள் சூழ்ந்த ஒரு காட்சி அறையில், ஒற்றை ஆரஞ்சு நிறக் கற்றை ஒன்று அந்த இருளைக் கிழித்துக்கொண்டு, ஒரு மேடையில் உள்ள கண்ணாடிகளை ஒளிரச் செய்கிறது.
  • HNST Studio — துருக்கறை படிந்த லினன் துணிகளைக் கொண்ட ஒரு வசதியான ஸ்டுடியோ, ஒரு ஸ்லோ ஃபேஷன் கேலரியாகச் செயல்படுகிறது; அங்கு, கிரீம் மற்றும் கரிய நிறங்களால் ஆன, மற்றபடி துறவறம் போன்ற தோற்றமளிக்கும் உட்புறத்திற்கு, அடர் ஆரஞ்சு நிறத்தின் ஒற்றைத் தீற்றல் இதமளிக்கிறது.
  • OFFFICE : — பிரம்மாண்டமான எழுத்துருவால் சூழப்பட்ட ஒரு இருண்ட கலைக்கூடம்
  • ARTU — வெள்ளைக் காகிதத்தில் ஒரு கலைக்கூடச் சுவர். ARTU, பார்வையிடும் இடத்தை ஒரு அருங்காட்சியகத்தின் காட்சியமைப்பு போல வடிவமைத்துள்ளது—பெரிய அளவிலான தயாரிப்புப் புகைப்படங்கள், நுட்பமான குறியீடுகள், மற்றும் அந்த அமைப்பை முழுமையாக்கும் வகையில் அடிப்பகுதியில் ஒரு சிறிய சுண்ணாம்பு வண்ணம் தீட்டப்பட்டுள்ளது.
  • Specht Studio — நுட்பமான ஆர்வத்தால் நிரம்பிய ஒரு கலைக்கூடச் சுவர். அந்த ஸ்டுடியோவின் சொந்த குரோம் பூச்சு, ஒரு வெள்ளைப் பரப்பாகவும் கருப்பு எழுத்துக்களாகவும் உள்ளது; கண்கவர் காட்சிகளின் பிரம்மாண்டம் முழுவதுமாக இந்தத் திட்டத்தின் ஓடு வேலைப்பாடுகளுக்குள் குவிந்துள்ளது.
  • MindMarket — வெளிர் மஞ்சள் நிறக் காகிதத்தில் அச்சிடப்பட்ட ஒரு இதமான தேவதைக் கதைப் புத்தகம் - சூரிய ஒளி பட்டு மிருதுவான, ஸ்டிக்கர்கள் ஒட்டிய மேற்பரப்பில், பெரிய 'இன்டர்' தலைப்புகளும் வெட்டி எடுக்கப்பட்ட காகிதக் கதாபாத்திரங்களும் ஒருங்கே காணப்படும் ஒரு நட்பான தலையங்கக் களம்.