Allbirds

வெள்ளை லினன் துணியில் இயற்கை பொருட்கள்

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

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

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

ஆன்லைன் ஸ்டோர்மோனோக்ரோம்குறைந்தபட்சவாதம்தலையங்கம்

https://allbirds.com

வண்ணத் தட்டு

நடுநிலை

Canvas White #ffffff — பக்கப் பின்னணிப் படங்கள், அட்டை மேற்பரப்புகள், தயாரிப்பு அட்டைப் பின்னணிப் படங்கள்.
Charcoal #212121 — இரண்டாம் நிலை UI கூறுகள், பிரிப்பான்கள் மற்றும் மங்கலான லேபிள்களுக்கு நடுநிலை நிறம் ஆதரிக்கப்படுகிறது. அதைச் செயல் அழைப்புகளுக்கான முதன்மை நிறமாகப் பயன்படுத்தக் கூடாது.
True Black #000000 — தலைப்புகள், சின்னங்கள், அதிக மாறுபாடுள்ள சட்டங்கள், வழிசெலுத்தல் உரை.
Warm Sand #e0dacf — முதன்மைப் பகுதிப் பின்னணி, கூடுதல் மேற்பரப்பு நிழல், பெரிய தலையங்கப் பலகைகள்.
Olive Char #222519 — இரண்டாம் நிலை UI கூறுகள், பிரிப்பான்கள் மற்றும் மங்கலான லேபிள்களுக்கு நடுநிலை நிறம் ஆதரிக்கப்படுகிறது. அதைச் செயல் அழைப்புகளுக்கான முதன்மை நிறமாகப் பயன்படுத்தக் கூடாது.
Iron Gray #525252 — இரண்டாம் நிலை உரை, துணை உரை, கவனத்தை ஈர்க்காத சட்டகங்கள்.

அச்சுக்கலை

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

Self Modern — மாற்று: Playfair Display · வெளிப்புறங்கள் 400 · முக்கிய சொற்றொடர்களையும் தொகுப்புத் தலைப்புகளையும் முன்னிலைப்படுத்தும் வகையில், தலைப்புச் செய்திகளும் தலையங்கமும் குறைவாகவே பயன்படுத்தப்படுகின்றன. செரிஃப் மற்றும் இட்டாலிக் எழுத்துருக்கள், சான்ஸ்-செரிஃப் எழுத்துருக்களின் ஒரே மாதிரியான தன்மையை உடைத்து, "இதுதான் கதையின் சாராம்சம்" என்ற செய்தியை உணர்த்துகின்றன.
Geograph — மாற்று: Inter · வெளிப்புறங்கள் 400, 500, 700 · பயனர் இடைமுகத்திற்கான முதன்மை எழுத்துருவில் முக்கிய உரை, வழிசெலுத்தல் குறிச்சொற்கள், பொத்தான்கள், தயாரிப்புத் தலைப்புகள், அடிக்குறிப்புகள், உள்ளீட்டுப் புலங்கள் மற்றும் சின்னங்கள் ஆகியவை அடங்கும். சிறப்பித்துக் காட்டப்பட்ட தலைப்புகளுக்கு 500, தயாரிப்புப் பெயர்களுக்கு 700. வழிசெலுத்தல் குறிச்சொற்கள் மற்றும் வகைகளில் பெரிய எழுத்துக்களில் உள்ள அகலமான எழுத்து இடைவெளி (0.025em–0.10em) ஒரு சீரான பிராண்ட் பாணியை நிறுவுகிறது.
HurmeGeometricSans3 — மாற்று: Inter · வெளிப்புறங்கள் 400 · ஒரு பொத்தானுக்கான மாற்று அல்லது பிரத்யேக அடையாளமாக இது அரிதாகவே பயன்படுத்தப்படுகிறது. ஜியோகிராஃப் இந்த அமைப்பைத் தினமும் பயன்படுத்துகிறது.

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

நோக்கம்	பொருள்
அடர்த்தி	அடர்த்தியான
அடிப்படை படி	8-16px
பொத்தான் ஆரம்	9999px (pill)
அட்டை ஆரம்	16px
நிழல்கள்	நிழல்களுக்குப் பதிலாக எல்லைகள் இல்லை
பிரிவுகளுக்கு இடையில்	40-56px
பக்க அகலம்	1200px

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

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

இந்த பாணியில் ஒரு வலைத்தளத்தை உருவாக்கவும்

ஒத்த பாணிகள்

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