Stripe
હિમાચ્છાદિત કાચ પર ઈન્ડિગો શાહીથી લખાયેલ હિસાબ પુસ્તક
Stripe નાણાકીય સાધનો માટે લગભગ મોનોક્રોમ ભાષાનો ઉપયોગ કરે છે: ઘેરા વાદળી હેડિંગ સાથે નરમ, ઠંડી સફેદ કેનવાસ, લગભગ કોઈ સુશોભન ક્રોમ તત્વો નથી, અને એક તેજસ્વી ઈન્ડિગો (#533afd) જેનો ઉપયોગ કાયદેસર રીતે બટન, લિંક અથવા આઇકોન આઉટલાઇન તરીકે થઈ શકે છે. ટાઇપોગ્રાફી અપવાદરૂપે પાતળી છે, 300-પોઇન્ટ વજન સાથે - 56px પર પણ - જે સ્પષ્ટ રીતે કોર્પોરેટ કરતાં આત્મવિશ્વાસપૂર્વક અલ્પોક્તિ કરે છે; વધતા કદ સાથે અક્ષરોનું અંતર ઝડપથી ઘટે છે. બટનો નાના, ચોરસ (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— ફૂટર બેકગ્રાઉન્ડ અને સેક્શન ડિવાઇડર એક સૂક્ષ્મ કૂલ શેડ છે જે દૃશ્યમાન બોર્ડર વિનાના વિસ્તારોને અલગ કરે છે.
ટાઇપોગ્રાફી
૧૨ થી ૫૬ પિક્સેલ સુધી · ૯ પગલાં
- sohne-var — રિપ્લેસમેન્ટ: Inter Tight (variable · રૂપરેખા 300, 400 · સમગ્ર ઇન્ટરફેસમાં ઉપયોગમાં લેવાતો એકમાત્ર ફોન્ટ હેડિંગ, બોડી ટેક્સ્ટ, નેવિગેશન, બટનો અને લેબલ્સ માટે છે. 300 વજન 56px ના સ્ક્રીન કદ પર પણ પ્રવર્તે છે, જે એક વિશિષ્ટ લક્ષણ છે: હેડિંગ બૂમ પાડવાને બદલે બબડાટ કરે છે, વોલ્યુમને બદલે સંયમ દ્વારા સત્તા સ્થાપિત કરે છે. 400 વજન નેવિગેશન અને બટન ટેક્સ્ટ માટે ફક્ત 14-16px પર દેખાય છે, જ્યાં નાના કદમાં સુવાચ્યતા માટે વધારાનો સ્ટ્રોક જરૂરી છે.
અંતરાલો અને સ્વરૂપ
| હેતુ | અર્થ |
|---|---|
| ઘનતા | જગ્યા ધરાવતું |
| મૂળભૂત પગલું | 8px |
| બટન ત્રિજ્યા | 4px |
| કાર્ડ ત્રિજ્યા | 4px |
| પડછાયાઓ | પડછાયાને બદલે ના - સરહદો |
| વિભાગો વચ્ચે | 96px |
| પૃષ્ઠ પહોળાઈ | 1320px |
AI તમારી વેબસાઇટ Stripe શૈલીમાં બનાવશે અને તેને ભરી દેશે.
- લિંક દ્વારા ઉત્પાદનો અને પોસ્ટ્સ ભરો - Instagram, TikTok, Facebook.
- તમારી જૂની સાઇટ પરથી સામગ્રી ટ્રાન્સફર કરો—ફક્ત સરનામું સ્પષ્ટ કરો.
- શ્રેષ્ઠ એન્જિન પર આધુનિક ડિઝાઇન: સર્વર રેન્ડરિંગ અને SEO ઑપ્ટિમાઇઝેશન સાથે React ( Next.js).
- શોધ પરિણામો અને ન્યુરલ નેટવર્ક ભલામણો માટે સંપૂર્ણપણે સ્વચાલિત SEO ઑપ્ટિમાઇઝેશન.
સમાન શૈલીઓ
- Ui — મેટ પેપર પર ક્લિનિકલ પ્લાન
- monopo saigon — સંપાદકીય મૌન પાછળ એક પ્રવાહી, મેઘધનુષી ચમક - પીગળેલા પ્રકાશ પર તરતી એક મોનોક્રોમ સંપાદકીય ગેલેરી
- Ventriloc — ગરમ કાગળ પર ડેટાની સંપાદકીય વેધશાળા - એક જ નારંગી રંગનો અંગારો જે મોનોક્રોમ ચોકસાઇને પ્રકાશિત કરે છે.
- Hyer Aviation — કોકપીટમાં સાંજ પડી ગઈ છે. પરોઢનું નિસ્તેજ આકાશ ફ્યુઝલેજ-કદના સેરીફ લોગોને મળે છે, અને એક ગરમ માટીનો ઉચ્ચાર મોનોક્રોમ સંયમ તોડે છે.
- Family — ક્રીમ ચર્મપત્ર પર એક પરીકથામાંથી એક સ્પ્રેડ
- OFF+BRAND. — ગરમ ચર્મપત્ર પર મેઘધનુષી ગોળો
- Geniestudio — એક નરમ ડેલાઇટ નોટબુક - પહોળા માર્જિન અને એક જાડા પેન સ્ટ્રોકવાળી નોટબુક
- xAI — બ્લેક પિલ સાથે ગરમ ક્રીમ લેબ
- Seed — પ્રયોગશાળાના કાચ નીચે એક જીવંત જીવ
- Cosmos — લિનનથી લાઇન કરેલી અને પોલરોઇડ્સથી લટકાવેલી ગેલેરી દિવાલ
- Cal — મોનોક્રોમ વ્યવહારિકતા, એક માનવીય અભિગમ. એક સિસ્ટમ જે કડક કાળા અને સફેદ પેલેટ દ્વારા સ્પષ્ટતા અને કાર્યક્ષમતાને પ્રાથમિકતા આપે છે, પરંતુ મૈત્રીપૂર્ણ ટાઇપોગ્રાફી અને ગોળાકાર આકારોથી તેને નરમ બનાવે છે.
- T1 Energy — ગરમ ચર્મપત્ર પર ઉત્પાદન સુવિધાનું ચિત્ર એક શાંત, મોનોક્રોમ દ્રશ્ય છે જ્યાં ઔદ્યોગિક સ્કેલ અને સૂક્ષ્મ ટાઇપોગ્રાફી સમગ્ર બ્રાન્ડને મૂર્ત સ્વરૂપ આપે છે.