Column
ઠંડી સવાર નીચે ઘેરા વાદળી ખાતાવહી
કૉલમ લગભગ સફેદ પૃષ્ઠભૂમિ પર ઊંડા, સંસ્થાકીય નેવી વાદળી રંગનો ઉપયોગ કરે છે: પૃષ્ઠ પહેલા મજબૂત બેંકિંગ પ્રોડક્ટ સપાટી જેવું લાગે છે અને બીજામાં ડેવલપર પ્લેગ્રાઉન્ડ. બ્રાન્ડ રંગ એકલ નથી, પરંતુ એક સંકલિત જોડી છે - ગંભીર રચના માટે નેવી વાદળી #111a4a, ડેટા અને કોડ માટે મિન્ટ લીલો #44b48b - બ્રેક્સ કાર્ડ જેવી ઉચ્ચ-તીવ્રતા ઉચ્ચાર સપાટીઓ માટે અનામત એક ગરમ નારંગી (#ec652b) સાથે. ટાઇપોગ્રાફીમાં SuisseIntlનું પ્રભુત્વ છે, જે 300 (લિંક્સ) થી 600 (ડિસ્પ્લે) સુધીના સમગ્ર વજન શ્રેણીમાં ઉપયોગમાં લેવાતું ભૌમિતિક સેન્સ સેરીફ છે, જે સિસ્ટમને એક શુદ્ધ, સંપાદકીય શૈલી આપે છે જેનો મોટાભાગની ફિનટેક કંપનીઓમાં અભાવ છે. કાર્ડ્સ સૂક્ષ્મ, સ્તરવાળી પડછાયાઓ સાથે મોટી સફેદ સપાટીઓ પર તરતા હોય છે; મોટાભાગના ઇન્ટરફેસ તત્વો સપાટ હોય છે, ઊંડાઈ ફક્ત ત્યાં જ દેખાય છે જ્યાં કાર્ડ ભૌતિક પદાર્થ જેવું લાગવું જોઈએ (ટ્રાન્ઝેક્શન વિજેટ્સ, પ્રોડક્ટ મોકઅપ્સ). કોડ અને નાણાકીય ડેટા મોનોક્રોમ, સીફોમ-રંગીનમાં રજૂ કરવામાં આવે છે - એક દ્રશ્ય સંકેત કે આ ઇજનેરો દ્વારા ઇજનેરો માટે બનાવેલ બેંક છે.
પૃષ્ઠ માળખું પૂર્ણ-પહોળાઈનું છે, પહોળા બાજુના માર્જિન સાથે કેન્દ્રિત છે (ડેસ્કટોપ પર 64-15 સે.મી.). મુખ્ય સ્ક્રીન એક વિભાજિત લેઆઉટ છે: હેડલાઇન અને કૉલ્સ ટુ એક્શન 25 સે.મી. પર ડાબી બાજુ ગોઠવાયેલ છે, જ્યારે ફ્લોટિંગ ટ્રાન્ઝેક્શન વિજેટ જમણી બાજુએ 55 સે.મી. પર હાફટોન નકશા પૃષ્ઠભૂમિ સામે સ્થિત છે. મુખ્ય સ્ક્રીનની નીચે, સફેદ (4 સે.મી.) અને હળવા કેનવાસ (5 સે.મી.) વચ્ચે 6 સે.મી. વર્ટિકલ ગટર સાથે વૈકલ્પિક વિભાગો. સામગ્રી એકલ 6-કૉલમ ગ્રીડ અનુસાર ગોઠવાયેલ છે: ટેક્સ્ટ બ્લોક્સ 4 કૉલમ (7 સે.મી.) ધરાવે છે, છબી/ઉત્પાદન કાર્ડ્સ 5-6 કૉલમ ધરાવે છે, ગ્રીડમાંથી ઇરાદાપૂર્વક ઓફસેટ સાથે. સુવિધાઓનું વર્ણન કરતા વિભાગો 2-કૉલમ લેઆઉટનો ઉપયોગ કરે છે: ડાબી બાજુ ટેક્સ્ટ, જમણી બાજુ ઉત્પાદન. ટ્રસ્ટ સ્ટેટિસ્ટિક્સ વિભાગ પૃષ્ઠની સંપૂર્ણ પહોળાઈમાં 4-કૉલમ ગ્રીડમાં વિભાજિત થયેલ છે. ગ્રાહક લોગો 48px ગટર સાથે એકલ કેન્દ્રિત પંક્તિમાં સ્થિત છે. ફૂટરમાં કોમ્પેક્ટ બે-કૉલમ લેઆઉટ છે. નેવિગેશન એ મુખ્ય સ્ક્રીન પર એક સ્થિર, 62px-ઊંચો, પારદર્શક ટોચનો બાર છે જેમાં ઝાંખો બેકગ્રાઉન્ડ છે જે તમે સ્ક્રોલ કરો છો તેમ સફેદ થઈ જાય છે. તેમાં કોઈ સાઇડબાર કે મેગા-મેનૂ નથી—ડ્રોપડાઉન્સ સરળ તીર-શૈલીના મેનુ છે.
દ્રશ્ય શૈલી ન્યૂનતમ અને કાર્યાત્મક છે—કૉલમ સ્ટોક ફોટોગ્રાફીને સંપૂર્ણપણે ટાળે છે. દ્રશ્ય ભાષા ત્રણ સ્ત્રોતો પર બનેલી છે: (1) SVG ડેટા ચિત્રો, ખાસ કરીને ડોટેડ હાફટોન વિશ્વ નકશો, જે ઈન્ડિગોથી નારંગીથી પીરોજ સુધીના ગ્રેડિયન્ટ સાથે રેન્ડર કરવામાં આવે છે, જે મુખ્ય તત્વ પાછળ વૈશ્વિક સ્તરે વાતાવરણ બનાવે છે; (2) ઉત્પાદન કાર્ડ લેઆઉટ—નાટકીય પડછાયાઓવાળા સફેદ કાર્ડમાં એકાઉન્ટ બેલેન્સ, ટ્રાન્સફર વિગતો અને JSON કોડ સ્નિપેટ્સ દર્શાવતા ફ્લોટિંગ વિજેટ્સ; (3) ચાર્ટ વિઝ્યુલાઇઝેશન—ટ્રસ્ટ/સ્ટેટિસ્ટિક્સ વિભાગમાં ઉપયોગમાં લેવાતી પાતળી કનેક્ટિંગ લાઇનો સાથે પીરોજ કૅન્ડલસ્ટિક અથવા બાર ચાર્ટ. હાફટોન નકશો એક સિગ્નેચર વિઝ્યુઅલ એલિમેન્ટ છે—તેનું ગ્રેડિયન્ટ #d65620 (નારંગી) થી વાયોલેટ, વાદળી, નીલમ, પીરોજ અને પીળા રંગ સુધી સંક્રમણ, એક સ્પેક્ટ્રમ બનાવે છે જે સમગ્ર બ્રાન્ડ પેલેટને એક જ સુશોભન સપાટી પર એક કરે છે. #232730 અથવા #a9acb6 વેરિઅન્ટમાં ચિહ્નોની સમાન રૂપરેખા જાડાઈ 1.5–2px છે, જેમાં સક્રિય સ્થિતિઓ માટે ભરણ છે. કોઈ જીવનશૈલીના ફોટા નથી, કોઈ અમૂર્ત 3D રેન્ડર નથી - આ પ્રતિબંધ ઉત્પાદન અને ડેટા પર ધ્યાન કેન્દ્રિત કરવા માટે ઇરાદાપૂર્વક છે.
પેલેટ
બ્રાન્ડ
- Indigo Navy
#111a4a— પ્રાથમિક બ્રાન્ડ રંગનો ઉપયોગ ભરેલા કોલ ટુ એક્શન, સક્રિય નેવિગેશન સ્ટેટ્સ, હેડર અને લોગો માટે થાય છે. ઘેરો વાયોલેટ-વાદળી રંગ સાઇટને એક મજબૂત છતાં સમૃદ્ધ કાળો રંગ આપે છે; સફેદ ટેક્સ્ટ સાથે જોડીને, તે સાઇટ પર સૌથી વધુ અડગ બટન બનાવે છે. - Seafoam 600
#44b48b— કોડ સ્નિપેટ્સમાં JSON કી, ઓળખકર્તાઓ અને નાણાકીય મૂલ્યો માટે કોડ અને ડેટા રંગ બ્રાન્ડ રંગ છે. તેનો ઉપયોગ ચાર્ટ અને વૃદ્ધિ વિઝ્યુલાઇઝેશનમાં ડેટા પોઈન્ટ માટે પણ થાય છે. - Seafoam 700
#167e6c— ડેટા સંદર્ભમાં રૂપરેખા, ચાર્ટ રેખાઓ અને આઇકોન ઉચ્ચારો માટે સીફોમનો ઘાટો છાંયો. આ ઘાટા પૃષ્ઠભૂમિ સામે સીફોમ સ્કેલને એન્કર કરે છે. - Seafoam 400
#94efb7— હાઇલાઇટ કરેલા કોડ ફ્રેગમેન્ટમાં કોડ બ્લોક્સમાં સ્ટ્રિંગ વેલ્યુ, URL અને API એન્ડપોઇન્ટ્સ હોય છે. સૌથી હળવો સીફોમ રંગ લીલાશ પડતા રંગ સાથે મોનોસ્પેસ્ડ ફોન્ટ તરીકે વાંચવામાં આવે છે. - Deep Sea
#023247— ચાર્ટની સુશોભન રૂપરેખા અને ઉચ્ચારણ રંગ એ સમૃદ્ધ પીરોજ રંગ છે જેનો ઉપયોગ SVG ચિત્રો અને ડેટા વિઝ્યુલાઇઝેશનમાં સીફોમ કલર સ્કેલ સાથે થાય છે.
તટસ્થ
- Midnight Ink
#011821— ઘેરી સપાટી અને હાઇલાઇટ કરેલ ટેક્સ્ટ - પ્રોડક્ટ કાર્ડ બેકગ્રાઉન્ડ, હાઇ-કોન્ટ્રાસ્ટ મુખ્ય ટેક્સ્ટ. ગ્રે રંગની નજીક, ઠંડા વાદળી-લીલા રંગ સાથે; જ્યારે કોઈ વિભાગને ઉલટાવી દેવાની જરૂર હોય ત્યારે ડાર્ક મોડ માટે આધાર તરીકે ઉપયોગ થાય છે. - Slate Ink
#3b3e47— ગૌણ શીર્ષક અને મુખ્ય લખાણ મિડનાઈટ ઇન્ક કરતાં થોડું ગરમ છે, જ્યાં શુદ્ધ કાળો રંગ હળવા કેનવાસ પર ખૂબ કઠોર લાગે છે ત્યાં વપરાય છે. - Steel
#7c7f88— મુખ્ય ટેક્સ્ટ અને લિંક ટેક્સ્ટમાં મ્યૂટ રંગનું પ્રભુત્વ છે (મુખ્ય ટેક્સ્ટમાં 245 વખત વપરાયેલ છે). એક તટસ્થ રાખોડી-વાદળી રંગ જે શાંત માનવામાં આવે છે, ક્યારેય અસ્પષ્ટ છબી નહીં. - Fog
#a9acb6— આઇકન આઉટલાઇન, તૃતીય કિનારીઓ અને પ્લેસહોલ્ડર ટેક્સ્ટ. એક મધ્યમ રાખોડી રંગ જે ટેક્સ્ટ સાથે સ્પર્ધા કર્યા વિના તેને અલગ કરે છે. - Mist
#cbcccf— મુખ્ય લખાણ - સહીઓ, અસ્વીકરણ અને નાના અક્ષરો - સફેદ પૃષ્ઠભૂમિ પર સુવાચ્ય છે, પરંતુ દૃષ્ટિની રીતે ઓછું ધ્યાનપાત્ર છે. - Silver Lining
#e3e4e8— કાર્ડ બોર્ડર્સ, ઇનપુટ ફીલ્ડ બોર્ડર્સ, વિભાજન રેખાઓ. આ માળખાકીય, સૂક્ષ્મ રંગનો ઉપયોગ ત્યાં થાય છે જ્યાં બે સપાટીઓને પડછાયા વિના અલગ કરવાની જરૂર હોય છે.
ટાઇપોગ્રાફી
૧૦ થી ૬૦ પિક્સેલ સુધી · ૧૦ પગલાં
- SuisseIntl — રિપ્લેસમેન્ટ: Inter · રૂપરેખા 300, 400, 500, 600 · પ્રાથમિક ફોન્ટ - બધા હેડિંગ, બોડી ટેક્સ્ટ, બટનો, નેવિગેશન, લિંક્સ અને કાર્ડ ટેક્સ્ટ માટે વપરાય છે. અનોખા ભૌમિતિક સેન્સ સેરીફ કોલમને એક વિશિષ્ટ સંપાદકીય શૈલી આપે છે, જે તેને ઇન્ટર-ઓન્લી સાથે વિશિષ્ટ રીતે કામ કરતી અન્ય ફિનટેક કંપનીઓથી અલગ પાડે છે. હેડિંગ માટે 52–60px પર વજન 600, સબહેડિંગ માટે 500, બોડી ટેક્સ્ટ માટે 400 અને ઓછા ભારવાળી લિંક્સ માટે 300 છે.
- SuisseIntlMono — રિપ્લેસમેન્ટ: JetBrains Mono · રૂપરેખા 400 · SuisseIntl જેવો જ મોનોસ્પેસ્ડ ફોન્ટ, જેનો ઉપયોગ ટેકનિકલ લેબલ્સ, API ઓળખકર્તાઓ અને UI તત્વોમાં એમ્બેડેડ ડેટા માટે થાય છે. તે SuisseIntl જેવા જ પ્રમાણને જાળવી રાખે છે, તેથી મોનોસ્પેસ્ડ અને પ્રમાણસર ટેક્સ્ટ મિશ્ર સંદર્ભોમાં યોગ્ય રીતે ગોઠવાય છે.
- SFMono — રિપ્લેસમેન્ટ: Fira Code · રૂપરેખા 400 · કોડ સ્નિપેટ ડિસ્પ્લે - JSON ઉદાહરણો અને API દસ્તાવેજીકરણ બ્લોક્સમાં પ્રદર્શિત થાય છે. UI ટેક્સ્ટથી કોડને દૃષ્ટિની રીતે અલગ પાડવા માટે સીફોમ શેડનો ઉપયોગ થાય છે.
અંતરાલો અને સ્વરૂપ
| હેતુ | અર્થ |
|---|---|
| ઘનતા | સરેરાશ |
| મૂળભૂત પગલું | 8px |
| બટન ત્રિજ્યા | 8px |
| કાર્ડ ત્રિજ્યા | 8px |
| પડછાયાઓ | પડછાયાને બદલે ના - સરહદો |
| વિભાગો વચ્ચે | 72px |
| પૃષ્ઠ પહોળાઈ | 1200px |
AI તમારી વેબસાઇટ Column શૈલીમાં બનાવશે અને તેને ભરી દેશે.
- લિંક દ્વારા ઉત્પાદનો અને પોસ્ટ્સ ભરો - Instagram, TikTok, Facebook.
- તમારી જૂની સાઇટ પરથી સામગ્રી ટ્રાન્સફર કરો—ફક્ત સરનામું સ્પષ્ટ કરો.
- શ્રેષ્ઠ એન્જિન પર આધુનિક ડિઝાઇન: સર્વર રેન્ડરિંગ અને SEO ઑપ્ટિમાઇઝેશન સાથે React ( Next.js).
- શોધ પરિણામો અને ન્યુરલ નેટવર્ક ભલામણો માટે સંપૂર્ણપણે સ્વચાલિત SEO ઑપ્ટિમાઇઝેશન.
સમાન શૈલીઓ
- dope.security — જાંબલી દીવાદાંડીઓ સાથે મધ્યરાત્રિ ટર્મિનલ
- Leonardo — એક ઊંધી સંપાદકીય ગેલેરી. કાળી દિવાલોવાળું એક સંગ્રહાલય જ્યાં જાંબલી હેડલાઇન્સ દિવાલ સ્થાપનો તરીકે કાર્ય કરે છે, અને AI-જનરેટેડ પોટ્રેટ નીચે ગાઢ ગ્રીડમાં લટકાવેલા છે.
- VEED — નિયોન લીલા પ્રકાશના બટનો સાથે સફેદ ગેલેરી દિવાલ
- Craft Docs — સ્ક્રેપબુકિંગ માટે ડિજિટલ કોલાજ. આ ડિઝાઇન એક વિચારશીલ, સ્પર્શેન્દ્રિય સ્ક્રેપબુક જેવી લાગે છે, જ્યાં સ્ટ્રક્ચર્ડ ડિજિટલ નોટ્સ નરમ, કાર્બનિક ટેક્સચર સાથે જોડાય છે.
- Letter — સ્ટોરેજમાંથી ચમકતી કલાકૃતિઓ દર્શાવતી એક ખાનગી ગેલેરી. કાળી દિવાલોવાળી પ્રદર્શન જગ્યા જ્યાં ગેલેરીની રંગીન દિવાલો પર ક્રોમ શિલ્પો ઉપર સેરિફ્ડ હેડલાઇન્સ તરતી રહે છે.
- Railway — કોસ્મિક મિડનાઈટ એક્સપ્રેસ. સ્પષ્ટ સંકેતો દ્વારા સંચાલિત, અંધારાવાળી, તારાઓથી પ્રકાશિત અવકાશમાં એક શાંત, રોમાંચક સફર.
- Garden Eight — ક્રીમ રંગના કાગળ પર એક ભવ્ય સંપાદકીય લેખ. 215px સેરીફ હેડલાઇન ગરમ ચર્મપત્ર પર એકલી બેઠી છે, જે તરતા શિલ્પ સ્વરૂપો અને દરિયાઈ હવાની યાદ અપાવે તેવી નકારાત્મક જગ્યાથી ઘેરાયેલી છે - આ પૃષ્ઠ ડેશબોર્ડ કરતાં કલા મોનોગ્રાફના કવર જેવું વધુ લાગે છે.
- Steep — ગરમ કાગળ પર સેરીફ ફોન્ટ્સનું વિશ્લેષણ
- ElevenLabs — ગરમ ક્રીમ ટોનમાં સૂક્ષ્મ હેડલાઇન્સ સાથે ફોટો નિબંધ. બૌહાઉસ-શૈલીની નોટબુક - ઇંડાના રંગનો કાગળ, કાળી શાહી, અને ઉત્પાદન પ્રદર્શન માટે એક જ જાંબલી અને નારંગી ઉચ્ચાર.
- Awesomic — નારંગી વિરામચિહ્નો સાથે સંપાદકીય ઝીંક મેશ જે કોન્ફેટીની યાદ અપાવે છે
- Monad — ગરમ ચર્મપત્ર પર સંપાદકીય ટેકનિકલ જર્નલ
- AI for Business — ગરમ ગ્રે ટોનમાં ક્રૂર સંપાદકીય શોરૂમ