Dub

પેલેટ

બ્રાન્ડ

• Electric Blue #2563eb — પ્રાથમિક બ્રાન્ડ રંગ - લોગો, લિંક્સ, મુખ્ય પ્રદર્શન સૂચકાંકો, સક્રિય સ્થિતિઓ અને ચિહ્ન ઉચ્ચારો - નો ઉપયોગ થાય છે. સફેદ પૃષ્ઠભૂમિ પર ઘેરો વાદળી રંગ સિસ્ટમનું એકમાત્ર દ્રશ્ય આકર્ષણ બનાવે છે.
• Deep Sapphire #1e40af — એક્શન બટનની મુખ્ય પૃષ્ઠભૂમિ, કોલ ટુ એક્શનનો બોલ્ડ ભરણ - જે એક્શન દર્શાવતો એકમાત્ર રંગ છે - ધ્યાન આકર્ષિત કરવા માટે ભાગ્યે જ ઉપયોગમાં લેવાય છે.

તટસ્થ

• Canvas White #ffffff — પેજ બેકગ્રાઉન્ડ, કાર્ડ સપાટી, પોપ-અપ પેનલ્સ એ દરેક સ્ક્રીનનો સંપૂર્ણ પાયો છે.
• Paper Mist #f5f5f5 — નેસ્ટેડ કાર્ડ્સ, વધારાના પેનલ્સ અને ફિલ્સ માટે સૂક્ષ્મ હોવર રંગ ફેરફારો.
• Ash #e5e5e5 — કાર્ડ્સ, ઇનપુટ કનેક્ટર્સ અને ડિવાઇડર પરની પાતળી કિનારીઓ એ માળખાકીય રેખા છે જે સિસ્ટમને એકસાથે રાખે છે.
• Smoke #d4d4d4 — પસંદ કરેલા કન્ટેનર અને વધારાના બટન આઉટલાઇન માટે તીક્ષ્ણ કિનારીઓ.
• Pebble #c8c8c8 — મધ્યમ કોન્ટ્રાસ્ટ સાથે બોર્ડર્સ, કંટ્રોલ આઉટલાઇન અને સ્ટ્રક્ચરલ ડિવાઇડર. કોલ ટુ એક્શન માટે આ રંગનો ઉપયોગ પ્રાથમિક રંગ તરીકે થવો જોઈએ નહીં.
• Midnight Ink #0a0a0a — મહત્તમ કોન્ટ્રાસ્ટ માટે બટનોનો મુખ્ય ટેક્સ્ટ, હાઇલાઇટ કરેલા બટનો અને નેવિગેશન ટેક્સ્ટ લગભગ કાળા છે.

ટાઇપોગ્રાફી

૧૧ થી ૪૮ પિક્સેલ સુધી · ૯ પગલાં

• Satoshi — રિપ્લેસમેન્ટ: Inter (weight 500 · રૂપરેખા 500 · ડિસ્પ્લે હેડિંગ્સ - હેડિંગ અને સેક્શન ટાઇટલ માટે ફક્ત 36–48px લાઇનમાં વપરાય છે. ફોન્ટ વજન - 500 (મધ્યમ, બોલ્ડ નહીં): હેડિંગ આત્મવિશ્વાસપૂર્ણ અને આધુનિક લાગે છે, પરંતુ ક્યારેય વધુ પડતા નથી. સાતોશીના ભૌમિતિક પ્રમાણ ટાઇપફેસને થોડો સંપાદકીય, આધુનિક અનુભવ આપે છે જે ઇન્ટરની બોડી કોપી નકલ કરી શકતી નથી.
• Inter — રિપ્લેસમેન્ટ: Inter (native) · રૂપરેખા 400, 500, 600 · બોડી કોપી, UI લેબલ્સ, નેવિગેશન, સબહેડિંગ્સ અને માઇનોર હેડિંગ. ઇન્ટર એ પ્રાથમિક વર્કહોર્સ છે, જે 11px માઇક્રો-લેબલ્સથી લઈને 30px સેકન્ડરી હેડિંગ સુધી બધું જ હેન્ડલ કરે છે. બોડી કોપી માટે 400 નું વજન ડિફોલ્ટ છે, હાઇલાઇટ કરેલા તત્વો અને બટન લેબલ્સ માટે 500 છે, અને 600 મહત્વપૂર્ણ UI લેબલ્સ માટે આરક્ષિત છે. 1.5 ની લાઇન ઊંચાઈ સાથે 16px એ સૌથી વધુ વારંવાર જોવા મળતું સિંગલ-સ્ટેપ કદ (1220 ઘટનાઓ) છે, જે પુષ્ટિ કરે છે કે 16px એ કેનોનિકલ બોડી કોપી કદ છે.
• Geist Mono — રિપ્લેસમેન્ટ: JetBrains Mono or IBM Plex Mono · રૂપરેખા 400, 500 · કોડ સ્નિપેટ્સ, ટેકનિકલ મેટાડેટા અને એમ્બેડેડ મોનોસ્પેસ્ડ ટોકન્સનો ઉપયોગ કોડ બ્લોક્સમાં 12–14px પર અને મોટા કોડ ડિસ્પ્લે એલિમેન્ટ્સમાં 24px પર થાય છે. આ ડેવલપર ટૂલની વિશ્વસનીયતાને સુનિશ્ચિત કરે છે, જે ડબના પ્રોડક્ટ પોઝિશનિંગ સાથે સુસંગત છે.

અંતરાલો અને સ્વરૂપ

સમાન શૈલીઓ

• ElevenLabs — ગરમ ક્રીમ ટોનમાં સૂક્ષ્મ હેડલાઇન્સ સાથે ફોટો નિબંધ. બૌહાઉસ-શૈલીની નોટબુક - ઇંડાના રંગનો કાગળ, કાળી શાહી, અને ઉત્પાદન પ્રદર્શન માટે એક જ જાંબલી અને નારંગી ઉચ્ચાર.
• Awesomic — નારંગી વિરામચિહ્નો સાથે સંપાદકીય ઝીંક મેશ જે કોન્ફેટીની યાદ અપાવે છે
• Monad — ગરમ ચર્મપત્ર પર સંપાદકીય ટેકનિકલ જર્નલ
• Seline Analytics — ગરમ કાગળ પર એક શાંત વિશ્લેષણાત્મક ટેબલ
• Notion — બપોરના તડકામાં ગરમ કાગળની નોટબુક
• Anthropic — ગરમ વેલ્મ પર એક વૈજ્ઞાનિક ક્ષેત્ર જર્નલ - શાંત હાથીદાંતની સપાટીઓ, સેરિફ્ડ સંપાદકીય શીર્ષકો, અને એક જ માટીનો ઉચ્ચાર જે ફક્ત ત્યારે જ દેખાય છે જ્યારે ક્રિયાની જરૂર હોય.
• Calendly — ઠંડા આરસપહાણ પર ઘેરા વાદળી શાહી
• Augen Pro — એપલના સફેદ રંગમાં મોનોક્રોમ જગ્યામાં એકમાત્ર ઉચ્ચારણ તરીકે ક્લિનિકલ, વજનહીન, ઇલેક્ટ્રિક વાદળી રંગનો સમાવેશ થાય છે.
• Antimetal — ક્રીમ પેપર પર એક સંપાદકીય ઘટનાક્રમ - એક વૈજ્ઞાનિક જર્નલમાં એક શાંત સવાર, જ્યાં સંયમ આત્મવિશ્વાસ વ્યક્ત કરે છે અને સેરીફ ભારે કામ કરે છે.
• Perk — ગરમ ચર્મપત્ર કાગળ પર ઇલેક્ટ્રિક ચૂનો
• Ditto — સૂર્યપ્રકાશથી પ્રકાશિત વર્કશોપ, જંગલી ફૂલોના નમૂનાઓ બનાવે છે. ગરમ ક્રીમ સપાટીઓ, તેજસ્વી પીળો રંગ, ઘેરો વાદળી શાહી, ટુકડાની પાછળ ખીલેલા કાર્બનિક રંગના સ્વરૂપો.
• Officevibe — ગરમ ક્રીમ રંગના કાગળ પર એક સંપાદકીય મેગેઝિન. કલ્પના કરો કે HR મેનેજમેન્ટ પર એક વિચારશીલ નિબંધ, જે એક ઉત્પાદન તરીકે રજૂ કરવામાં આવ્યો છે - એક કર્સિવ સેરીફ ફોન્ટ જે આધુનિક વાદળી ઇન્ટરફેસ દ્વારા ફફડાટ ફેલાવે છે.