Stripe
உறைந்த கண்ணாடியில் கருநீல மையில் எழுதப்பட்ட ஒரு கணக்குப் புத்தகம்
Stripe நிதிசார் கருவிகளுக்காக ஏறக்குறைய ஒரே வண்ண மொழியைப் பயன்படுத்துகிறது: மென்மையான, குளிர்ச்சியான வெள்ளைப் பின்னணி, அடர் நீலத் தலைப்புகள், அலங்கார குரோம் கூறுகள் கிட்டத்தட்ட இல்லை, மற்றும் ஒரு பொத்தான், இணைப்பு அல்லது சின்னத்தின் வெளிக்கோடாகப் பயன்படுத்தக்கூடிய ஒரே ஒரு பிரகாசமான கருநீல நிறம் (#533afd). எழுத்துரு அமைப்பு மிகவும் மெல்லியதாக, 56px அளவில்கூட 300-புள்ளி தடிமனுடன் உள்ளது. இது வெளிப்படையாக ஒரு பெருநிறுவனத் தோற்றத்தைத் தராமல், நம்பிக்கையுடன் கூடிய அடக்கமான உணர்வைத் தருகிறது; அளவு அதிகரிக்கும்போது எழுத்துகளுக்கு இடையேயான இடைவெளி வேகமாக குறைகிறது. பொத்தான்கள் சிறியதாகவும், சதுரமாகவும் (4px) உள்ளன, மேலும் ஊதா நிற நிரப்பிகளையோ அல்லது மிக மெல்லிய ஊதா நிற வெளிக்கோடுகளையோ பயன்படுத்துகின்றன. இந்த அமைப்பு நிழல்களை முற்றிலுமாகத் தவிர்க்கிறது; உயரத்தைக் காட்டுவதற்குப் பதிலாக, பின்னணியின் வண்ணங்களை (வெள்ளை → #f8fafd → #e5edf5 → ஊதா நிறங்கள்) மாற்றுவதன் மூலம் ஆழம் அடையப்படுகிறது. முழு இடைமுகமும் ஒரு கணக்குப் பதிவேடு அல்லது முனையம் போல செயல்படுகிறது: அடர்த்தியான தகவல்கள், தெளிவான கோடுகள், பிரிவுகளுக்கு இடையே போதுமான இடைவெளி, மற்றும் ஒரு செயல் தேவைப்படும்போது மட்டுமே வண்ணம் தோன்றும்.
ஒரு வெள்ளைத் திரையில் மையப்படுத்தப்பட்ட உள்ளடக்கப் பத்தியின் அதிகபட்ச அகலம் சுமார் 1320px ஆகும். ஹீரோ என்பது முழு அளவில் (56px) இடதுபுறமாக சீரமைக்கப்பட்ட ஒரு உரைத் தொகுதியாகும், அதன் கீழே இரண்டு செயல் அழைப்புகள் உள்ளன; ஹீரோ படம் இல்லை—அச்சுக்கலையே ஹீரோ. பிரிவுகள் சமமான 96px இடைவெளிகள் மற்றும் 1px #e5edf5 பிரிப்பான்களுடன் செங்குத்தாக அமைக்கப்பட்டுள்ளன; மாறி மாறி வரும் அடர்/வெளிர் பட்டைகள் இல்லை. ஒவ்வொரு பிரிவும் ஒரு தொடர் வடிவத்தைப் பின்பற்றுகிறது: அனைத்தும் பெரிய எழுத்துக்களில் (புகை நிறம், 12px) ஒரு சிறிய பிரிவுத் தலைப்பு, பின்னர் 32-48px தலைப்பு, பின்னர் 22px பத்தி, பின்னர் தயாரிப்பு அட்டைகளின் கட்டம் (டெஸ்க்டாப்பில் 3 பத்திகள்) அல்லது காட்சிக்கலையுடன் கூடிய 2-பத்தி உரைத் தொகுதி. வாடிக்கையாளர் சின்னங்கள் இடதுபுறமாக சீரமைக்கப்பட்ட ஒரு குறுகிய செங்குத்துப் பட்டையில் தோன்றும். அடிக்குறிப்பு என்பது பல-பத்தி இணைப்புப் பட்டியல்களைக் கொண்ட ஒரு அகலமான #f8fafd பட்டையாகும். ஒட்டுமொத்த தாளம் மெதுவாகவும், அளவிடப்பட்டதாகவும், பெரும்பாலும் உரை சார்ந்ததாகவும் உள்ளது—நீண்ட ஸ்க்ரோல் நீளம் இருந்தபோதிலும், தகவல் அடர்த்தி குறைவாக உள்ளது.
படங்கள் அடக்கமாகவும் ஆவணப்படப் பாணியிலும் உள்ளன. முழுப் பக்கப் புகைப்படங்கள், நிகழ்வு ஆய்வுகளைக் கொண்ட பிரிவுகளில் (எ.கா., ஹெர்ட்ஸிற்கான வான்வழிப் போக்குவரத்துப் புகைப்படம்) மட்டுமே இடம்பெறுகின்றன; அவை மேலிருந்து அல்லது வியத்தகு கோணங்களில், இயற்கையான வண்ணங்களைப் பயன்படுத்தி எடுக்கப்பட்டுள்ளன—டூடோன் அல்லது வண்ணச் செயலாக்கம் இல்லை. தயாரிப்பின் பயனர் இடைமுகத்தின் திரைப்பிடிப்புகள், சாதனச் சட்டங்கள் இல்லாமல், கூர்மையான கோணங்கள் மற்றும் தெளிவான எல்லைகளுடன் சிறப்புக் குறிப்புகளுக்குள் பயன்படுத்தப்படுகின்றன. கூட்டாளர் சின்னங்கள் எந்தக் கொள்கலன்களும் இல்லாமல், அவற்றின் சொந்த வண்ணங்களில் காட்டப்படுகின்றன. விளக்கப்படங்கள், 3D ரெண்டர்கள் அல்லது அலங்கார அருவ வரைகலைக் கூறுகள் எதுவும் இல்லை. சின்னங்கள் சீரானவை: வெள்ளை பின்னணியில் கோட்டுத் தடிமன் 1, கோட்டுத் தடிமன் 2, வடிவியல் கோட்டு ஓவியங்களுடன் (செவ்ரான்கள், அம்புகள், சரிக்குறிகள், ஆவணச் சின்னங்கள்). பக்கம் முதன்மையாக உரை மற்றும் வெற்று இடத்தைக் கொண்டுள்ளது; படங்கள் மொத்தக் காட்சிப் பரப்பில் 3%க்கும் குறைவாகவே இடத்தைப் பிடிக்கின்றன.
வண்ணத் தட்டு
பிராண்ட்
- Indigo Ink
#533afd— நிரப்பப்பட்ட பொத்தான்கள், தேர்ந்தெடுக்கப்பட்ட வழிசெலுத்தல் நிலைகள் மற்றும் கவனம் சார்ந்த மாற்றத் தருணங்களுக்கு ஊதா நிறம் பயன்படுத்தப்படுகிறது. - Indigo Hover
#7389ff— இணைப்புகள், குறிச்சொற்கள் மற்றும் சிறு சொற்றொடர்களை முன்னிலைப்படுத்த ஊதா நிறம் பயன்படுத்தப்படுகிறது. செயல் அழைப்புகளுக்கு இதை முதன்மை நிறமாகப் பயன்படுத்தக் கூடாது.
நடுநிலை
- Midnight Ink
#061b31— முதன்மைத் தலைப்பும் உள்ளடக்க உரையும், குளிர்ச்சியான நீல நிறச் சாயலுடன் கூடிய அடர் கருப்பு நிறத்தில் உள்ளன; இதுவே முழு எழுத்துரு அமைப்புக்கும் அடிப்படையாக அமைகிறது. - Slate
#64748d— சாம்பல் நிற உரை, இணைப்புகள், குறிச்சொற்கள் மற்றும் சிறு சொற்றொடர்களை முன்னிலைப்படுத்துகிறது. - Steel
#50617a— துணை உரிமங்களில் பயன்படுத்தப்படும் சிலேட் மற்றும் மங்கிய ஊதா நிறங்களுக்கு இடையில் கூடுதல் உரையும் துணைப் பொருட்களும் அமைக்கப்பட்டுள்ளன. - Smoke
#839bc8— பெரிய அலங்காரத் தலைப்புகளுக்கும் அதனுடன் வரும் உரைக்கும் மங்கலான ஊதா நிறம் பயன்படுத்தப்படுகிறது - மையப் பத்திகளில் ஒருபோதும் பயன்படுத்தப்படுவதில்லை. - Pure White
#ffffff— பக்கத்தின் கேன்வாஸ் மற்றும் அட்டைகளின் உயர்த்தப்பட்ட பரப்புகள்; மற்ற அனைத்தும் அளவிடப்படும் இயல்புநிலை பின்னணி. - Mist
#f8fafd— அடிக்குறிப்புப் பின்னணியும் பகுதிப் பிரிப்பானும், புலப்படும் எல்லை இல்லாமல் பகுதிகளைப் பிரிக்கும் ஒரு மென்மையான குளிர்ச்சியான வண்ணத்தில் அமைந்துள்ளன.
அச்சுக்கலை
12 முதல் 56px வரை · 9 படிகள்
- sohne-var — மாற்று: Inter Tight (variable · வெளிப்புறங்கள் 300, 400 · முழு இடைமுகத்திலும் தலைப்புகள், முக்கிய உரை, வழிசெலுத்தல், பொத்தான்கள் மற்றும் லேபிள்களுக்கு மட்டுமே ஒரே எழுத்துரு பயன்படுத்தப்படுகிறது. 56px திரை அளவிலும் 300 தடிமன் கொண்ட எழுத்துருவே தொடர்கிறது, இது ஒரு தனித்துவமான அம்சமாகும்: தலைப்புகள் உரக்கக் கத்துவதற்குப் பதிலாக மென்மையாக ஒலித்து, சத்தத்தின் மூலம் அல்லாமல் நிதானத்தின் மூலம் அதிகாரத்தை நிலைநாட்டுகின்றன. 400 தடிமன் கொண்ட எழுத்துரு, வழிசெலுத்தல் மற்றும் பொத்தான் உரைகளுக்கு 14–16px அளவில் மட்டுமே தோன்றுகிறது, அங்கு சிறிய அளவுகளில் தெளிவாகப் படிப்பதற்கு ஒரு கூடுதல் கோடு தேவைப்படுகிறது.
இடைவெளிகள் மற்றும் வடிவம்
| நோக்கம் | பொருள் |
|---|---|
| அடர்த்தி | விசாலமான |
| அடிப்படை படி | 8px |
| பொத்தான் ஆரம் | 4px |
| அட்டை ஆரம் | 4px |
| நிழல்கள் | நிழல்களுக்குப் பதிலாக எல்லைகள் இல்லை |
| பிரிவுகளுக்கு இடையில் | 96px |
| பக்க அகலம் | 1320px |
செயற்கை நுண்ணறிவு உங்கள் வலைத்தளத்தை Stripe பாணியில் உருவாக்கி, அதை நிரப்பும்.
- Instagram, TikTok, Facebook இணைப்புகளின் வழியாக தயாரிப்புகளையும் பதிவுகளையும் நிரப்பவும்.
- உங்கள் பழைய தளத்திலிருந்து உள்ளடக்கத்தை மாற்றவும்—முகவரியைக் குறிப்பிட்டால் போதும்.
- சிறந்த இன்ஜினான React ( Next.js)-இல், சர்வர் ரெண்டரிங் மற்றும் உள்ளமைக்கப்பட்ட SEO மேம்படுத்தலுடன் கூடிய நவீன வடிவமைப்பு.
- தேடல் முடிவுகளுக்கான முழுமையாகத் தானியங்குபடுத்தப்பட்ட SEO உகப்பாக்கம் மற்றும் நியூரல் நெட்வொர்க் பரிந்துரைகள்.
ஒத்த பாணிகள்
- Ui — மேட் காகிதத்தில் மருத்துவத் திட்டம்
- monopo saigon — தலையங்க மௌனத்திற்குப் பின்னால் ஒரு திரவ, வானவில் போன்ற ஒளிர்வு—உருகிய ஒளியில் மிதக்கும் ஓர் ஒற்றை வண்ணத் தலையங்கக் காட்சியகம்.
- Ventriloc — சூடான காகிதத்தில் உள்ள தரவுகளின் ஒரு தலையங்க கண்காணிப்பகம் - ஒற்றை நிறத் துல்லியத்தை எடுத்துக்காட்டும் ஒரு தனி ஆரஞ்சு நிறத் தீக்கனல்.
- Hyer Aviation — காக்பிட்டில், காகிதத்தோலின் மீது அந்திப் பொழுது. வெளிறிய விடியல் வானம், விமானத்தின் உடல் அளவுள்ள செரிஃப் சின்னத்தைச் சந்திக்கிறது; ஒற்றை வண்ணக் கட்டுப்பாட்டை ஒரு இதமான களிமண் நிறத் தீற்றல் உடைக்கிறது.
- Family — ஒரு தேவதைக் கதையின் ஒரு பக்கம், வெண்ணிறத் தோல் தாளில்.
- OFF+BRAND. — வெதுவெதுப்பான தோல்தாளின் மீது வானவில் நிறக் கோளம்
- Geniestudio — ஒரு மென்மையான பகல்நேர நோட்டுப்புத்தகம்—அகலமான ஓரங்களையும் ஒரே தடித்த பேனாக்கோட்டையும் கொண்ட வகை.
- xAI — கருப்பு மாத்திரையுடன் கூடிய வெதுவெதுப்பான கிரீம் ஆய்வகம்
- Seed — ஆய்வகக் கண்ணாடியின் கீழ் ஒரு உயிருள்ள உயிரினம்
- Cosmos — லினன் துணியால் மூடப்பட்டு, போலராய்டு புகைப்படங்கள் தொங்கவிடப்பட்ட ஒரு கலைக்கூடச் சுவர்.
- Cal — ஒற்றை வண்ண நடைமுறைத்தன்மை, ஒரு மனிதநேய அணுகுமுறை. கண்டிப்பான கருப்பு-வெள்ளை வண்ணத் தொகுப்பின் மூலம் தெளிவுக்கும் செயல்பாட்டிற்கும் முன்னுரிமை அளித்து, அதே சமயம் இனிமையான அச்சுக்கலை மற்றும் வட்டமான வடிவங்களால் அதனை மென்மையாக்கும் ஒரு அமைப்பு.
- T1 Energy — வெதுவெதுப்பான தோல்தாளில் வரையப்பட்ட ஒரு உற்பத்தி ஆலையின் ஓவியம், அமைதியான, ஒற்றை வண்ணக் காட்சியாகும்; அதில் தொழிற்சாலை அளவும் நுட்பமான அச்சுக்கலையும் அந்த வர்த்தக முத்திரையை முழுமையாகப் பிரதிபலிக்கின்றன.