Seline Analytics
ગરમ કાગળ પર એક શાંત વિશ્લેષણાત્મક ટેબલ
સેલાઇન ગરમ પથ્થરની પૃષ્ઠભૂમિ (#fafaf9) સામે એક જ વાઇબ્રન્ટ વાદળી ઉચ્ચારણ સાથે સેટ કરવામાં આવી છે - અન્ય બધા રંગો તટસ્થ છે અને ટેઇલવિન્ડ પથ્થર રંગ પેલેટમાંથી દોરેલા છે. હેડલાઇન્સ કસ્ટમ-ડિઝાઇન કરેલા ભૌમિતિક સેન્સ-સેરિફ ફોન્ટ (રુબર્ટ) માં રેન્ડર કરવામાં આવે છે જે 400 ના વજન અને સાંકડા નકારાત્મક અક્ષર અંતર સાથે છે, જે ટેક્સ્ટને આરામદાયક, લગભગ વ્હીસ્પર જેવો આત્મવિશ્વાસ આપે છે જે સામાન્ય રીતે મોટેથી SaaS શૈલીથી વિપરીત છે. UI સપાટીઓ સપાટ સફેદ કાર્ડ છે, જે ગરમ પૃષ્ઠભૂમિની ઉપર એકલ, નરમ, 16px બ્લર સાથે તરતી હોય છે; બોર્ડર્સ પાતળા, 1px પથ્થર-ટોન રેખાઓ સાથે બનાવવામાં આવે છે, ભારે વિભાજકો અથવા પેનલ્સને બદલે પ્રાથમિક માળખાકીય તત્વ તરીકે ઉદારતાથી ઉપયોગમાં લેવાય છે. લેઆઉટ શ્વાસ લે છે: ઉદાર ઊભી લય પર કેન્દ્રિત પૂર્ણ-પહોળાઈની સામગ્રી, ગોળી આકારના ઇન્ટરેક્ટિવ નિયંત્રણો સાથે, વ્યક્તિત્વ માટે માસ્કોટ ચિત્રણ અને ઉત્પાદન પુરાવા તરીકે ડેશબોર્ડ સ્ક્રીનશોટ. એકંદર છાપ સંપાદકીય રીતે વિશ્લેષણાત્મક છે: શાંત, મોનોક્રોમ, આત્મવિશ્વાસપૂર્ણ, વાદળી કોલ ટુ એક્શન પૃષ્ઠ પર સૌથી આકર્ષક તત્વ છે જે બાકીની દરેક વસ્તુના ઇરાદાપૂર્વકના સંયમને આભારી છે.
આ પૃષ્ઠ મહત્તમ પહોળાઈનું છે, જે લગભગ 1200 પિક્સેલ પર કેન્દ્રિત છે અને પુષ્કળ ઊભી જગ્યા છે. હીરો બે-લાઇન, ડાબી-સંરેખિત ટેક્સ્ટનો બ્લોક છે જેમાં વાદળી રંગમાં એક જ હાઇલાઇટ કરેલ શબ્દસમૂહ ("સરળ અને અસરકારક") છે, ત્યારબાદ બે કૉલ્સ ટુ એક્શન (વાદળી ગોળી + ઘોસ્ટ ગોળી) સાથેની પંક્તિ છે, પછી ગ્રેસ્કેલમાં ભાગીદાર લોગોની એક પંક્તિ છે, પછી ટ્રસ્ટ રેટિંગ્સની એક પંક્તિ છે, અને પછી પૂર્ણ-પહોળાઈ ફ્લોટિંગ ડેશબોર્ડ પૂર્વાવલોકન છે, જે આગળના વિભાગને સહેજ ઓવરલેપ કરે છે. ફોલ્ડની નીચે સિંગલ-કૉલમ ગ્રીડમાં પ્રશંસાપત્રોની વૈકલ્પિક પંક્તિઓ છે, ત્યારબાદ સુવિધા વર્ણનો, ડાબી-સંરેખિત ટેક્સ્ટ અને કેન્દ્રિત ઉત્પાદન વિઝ્યુઅલ્સ સાથે પૂર્ણ-પહોળાઈ વિભાગો છે. નેવિગેશન એક ન્યૂનતમ ટોચનો બાર છે—ડાબી બાજુ લોગો, કેન્દ્રિત નેવિગેશન લિંક્સ, લોગિન + જમણી બાજુ વાદળી કોલ ટુ એક્શન—નેવિગેશનની મધ્યમાં અવતારોના ફ્લોટિંગ ક્લસ્ટર સાથે ઓળખ ચકાસણી તરીકે સેવા આપે છે. વિભાગો વચ્ચેની જગ્યાઓ પહોળી (96 પિક્સેલ) છે જેથી માહિતીના ગાઢ ગૂંચવણને બદલે સંપાદકીય લય બનાવવામાં આવે.
વિઝ્યુઅલ ભાષામાં પ્રોડક્ટના યુઝર ઇન્ટરફેસના સ્ક્રીનશૉટ્સનું પ્રભુત્વ છે—ડેશબોર્ડ પ્રીવ્યૂ એ ગ્રેસ્કેલ (1) (0.94) કોન્ટ્રાસ્ટ ફિલ્ટર સાથે રેન્ડર કરાયેલ ફોટોગ્રાફ છે, જે ડેટાના રંગોને મોનોક્રોમ રંગમાં મ્યૂટ કરે છે. એકમાત્ર માનવ આકૃતિ એક રેખીય માસ્કોટ સ્ટીકર (હૂડેડ પાત્ર) છે, જે SVG શૈલીમાં ફક્ત રૂપરેખા સાથે દોરવામાં આવે છે, વિશ્લેષણાત્મક સામગ્રીના રમતિયાળ પ્રતિબિંદુ તરીકે દરેક વિભાગમાં એક વાર મૂકવામાં આવે છે, જેમાં ઊંડાણની સ્ટીકર જેવી અસર બનાવવા માટે નરમ પડછાયો હોય છે. બ્રાન્ડ લોગો અને ગ્લિફ્સ નાના કાળા તણખા/જ્વાળાઓ છે. કોઈ ફોટોગ્રાફ્સ નથી—કોઈ જીવનશૈલીના શોટ્સ નથી, કોઈ ટીમના ફોટા નથી, કોઈ પર્યાવરણીય છબીઓ નથી. ઑબ્જેક્ટ (ડેશબોર્ડ) મુખ્ય પાત્ર છે. બધા સુશોભન ચિહ્નો #0c0a09 અથવા #3ba6f1 માં 1px રૂપરેખા શૈલીમાં છે, ક્યારેય ભરાયેલા નથી.
પેલેટ
બ્રાન્ડ
- Cyan Signal
#3ba6f1— મુખ્ય કોલ ટુ એક્શન, સક્રિય લિંક્સ અને બ્રાન્ડ આઇકોન્સની રૂપરેખા એ પૃષ્ઠ પરના એકમાત્ર રંગ ઉચ્ચારો છે, જેનો ઉપયોગ ક્રિયા તરફ ધ્યાન દોરવા માટે ભાગ્યે જ થાય છે. - Cyan Edge
#3398e1— વાદળી રંગનો ઉપયોગ ક્રિયા રૂપરેખા, લિંક લેબલ્સ અને ઇન્ટરેક્ટિવ તત્વોને પ્રકાશિત કરવા માટે થાય છે. કોલ ટુ એક્શન માટે તેનો પ્રાથમિક રંગ તરીકે ઉપયોગ થવો જોઈએ નહીં.
તટસ્થ
- Ink Black
#0c0a09— મુખ્ય શીર્ષકો, હાઇલાઇટ કરેલ મુખ્ય ટેક્સ્ટ અને અભિવ્યક્ત ચિહ્નો ગરમ, લગભગ કાળા રંગમાં છે. - Stone Canvas
#fafaf9— પાનાની પૃષ્ઠભૂમિ ગરમ, ક્રીમી શેડની છે જે સ્ક્રીનના સફેદ રંગને બદલે કાગળ જેવી લાગે છે. - Pure White
#ffffff— નકશાની સપાટીઓ, બહાર નીકળેલી પેનલો અને ઇનપુટ ફીલ્ડ ફિલ્સ મૂળભૂત રીતે સપાટ અને પડછાયા રહિત હોય છે. - Stone Border
#e8e6e5— કાર્ડ્સ, નેવિગેશન અને ઇનપુટ ફીલ્ડ્સ પર પાતળી કિનારીઓ પ્રાથમિક માળખાકીય તત્વ છે, વિભાજક નહીં. - Stone Muted
#d6d3d1— વધારાના ફ્રેમ્સ, સૂક્ષ્મ પૃષ્ઠભૂમિ શેડ્સ, સુશોભન વિભાજકો. - Ash Gray
#a8a29e— મદદ ટેક્સ્ટ, ચિહ્નોની રૂપરેખા, અક્ષમ સ્થિતિઓ - વાંચી શકાય છે પણ નિષ્ક્રિય.
ટાઇપોગ્રાફી
૧૦ થી ૫૨ પિક્સેલ સુધી · ૫ પગલાં
- Roobert — રિપ્લેસમેન્ટ: Inter Tight or Satoshi · રૂપરેખા 400, 500 · હેડિંગ અને ટેક્સ્ટ લેઆઉટ માટેનો ફોન્ટ એક અનોખો ભૌમિતિક સેન્સ-સેરીફ છે જેમાં ન્યૂનતમ નકારાત્મક અક્ષર અંતર છે (-0.025em 32px પર, -0.021em 52px પર). 400 x 52px વજન ફોન્ટનું સિગ્નેચર છે: અપરંપરાગત, સૂક્ષ્મ, છતાં અધિકૃત, છતાં અલ્પોક્તિપૂર્ણ. હેડલાઇન્સ અતિશયોક્તિ વિના તેમનું સ્થાન ધરાવે છે.
- Inter — રિપ્લેસમેન્ટ: Inter · રૂપરેખા 400, 500, 600 · બોડી ટેક્સ્ટ, નેવિગેશન, UI અને હેડિંગ માટેનો પ્રાથમિક ફોન્ટ બધા ઑફ-સ્ક્રીન ટેક્સ્ટ માટે તટસ્થ, સાર્વત્રિક ફોન્ટ છે. 14px, 400 વજન અને 1.64 લાઇન અંતર એ બોડી ટેક્સ્ટ માટે મુખ્ય કદ છે (ફ્રિકવન્સી 1174). નાના કદમાં પોઝિટિવ લેટર સ્પેસિંગ (0.004em) ગાઢ UI ની વાંચનક્ષમતા સુનિશ્ચિત કરે છે.
અંતરાલો અને સ્વરૂપ
| હેતુ | અર્થ |
|---|---|
| ઘનતા | જગ્યા ધરાવતું |
| મૂળભૂત પગલું | 8px |
| બટન ત્રિજ્યા | 9999px |
| કાર્ડ ત્રિજ્યા | 10px |
| પડછાયાઓ | નરમ પડછાયાઓ |
| વિભાગો વચ્ચે | 96px |
| પૃષ્ઠ પહોળાઈ | 1200px |
AI તમારી વેબસાઇટ Seline Analytics શૈલીમાં બનાવશે અને તેને ભરી દેશે.
- લિંક દ્વારા ઉત્પાદનો અને પોસ્ટ્સ ભરો - Instagram, TikTok, Facebook.
- તમારી જૂની સાઇટ પરથી સામગ્રી ટ્રાન્સફર કરો—ફક્ત સરનામું સ્પષ્ટ કરો.
- શ્રેષ્ઠ એન્જિન પર આધુનિક ડિઝાઇન: સર્વર રેન્ડરિંગ અને SEO ઑપ્ટિમાઇઝેશન સાથે React ( Next.js).
- શોધ પરિણામો અને ન્યુરલ નેટવર્ક ભલામણો માટે સંપૂર્ણપણે સ્વચાલિત SEO ઑપ્ટિમાઇઝેશન.
સમાન શૈલીઓ
- Mollie — કાશ્મીરી કાઉન્ટર, ઘેરો ખાતાવહી. કાળા લખાણની આસપાસ સંપાદકીય ડિઝાઇન માટે પૂરતી ખાલી જગ્યા છોડો, પછી ગરમ ક્રીમ, એસ્પ્રેસો બ્રાઉન અને વાસ્તવિક ચુકવણી પદ્ધતિઓના સ્પર્શેન્દ્રિય ફોટા વડે ઉત્પાદન સંબંધિત મુદ્દાઓને મજબૂત બનાવો.
- Kagi — એક અલગ વાંચન ખંડ. બોલ્ડ ગ્રેફાઇટ ટેક્સ્ટની આસપાસ ખુલ્લી સફેદ જગ્યા બનાવો, સૂક્ષ્મ જાંબલી ઉચ્ચારો અને ગરમ પેસ્ટલ સપાટીઓનો ઉપયોગ કરીને શાંતિ તોડો.
- Milanote — મિલાનોટ એક સમર્પિત સર્જનાત્મક સ્ટુડિયો છે. ફ્લોટિંગ વિઝ્યુઅલ બોર્ડનો ઉપયોગ કરીને સંપાદકીય ગેલેરી-શૈલીના પૃષ્ઠો બનાવો: ઘેરા ફ્રેમવાળી દિવાલો, સફેદ ડિસ્પ્લે સ્પેસ અને સ્ક્રીનશૉટ્સ જે નરમ ઊંડાઈ સાથે વાસ્તવિક વસ્તુઓ જેવા દેખાય છે.
- Co2 — શિયાળાના પ્રકાશમાં આબોહવા એટલાસ. એરિયલ ડોક્યુમેન્ટ લેન્ડસ્કેપ જેવા પૃષ્ઠો બનાવો, જ્યાં સેરીફ હેડિંગ, કેટેગરી-કોડેડ ડેટા અને બરફીલા છબીઓ વિશાળ સફેદ માર્જિનને પ્રકાશિત કરે છે.
- GitButler — ટેક્સ્ટના અંતે પીરોજ. સૂક્ષ્મ ટેકનિકલ ગ્રીડ, ગરમ ગ્રેફાઇટ સપાટીઓ અને એક સુઘડ પીરોજ ઉચ્ચારણ સાથે ઉચ્ચ-કોન્ટ્રાસ્ટ સેરીફ હેડલાઇન્સનું સંયોજન.
- ElevenLabs — ગરમ ક્રીમ ટોનમાં સૂક્ષ્મ હેડલાઇન્સ સાથે ફોટો નિબંધ. બૌહાઉસ-શૈલીની નોટબુક - ઇંડાના રંગનો કાગળ, કાળી શાહી, અને ઉત્પાદન પ્રદર્શન માટે એક જ જાંબલી અને નારંગી ઉચ્ચાર.
- Awesomic — નારંગી વિરામચિહ્નો સાથે સંપાદકીય ઝીંક મેશ જે કોન્ફેટીની યાદ અપાવે છે
- Monad — ગરમ ચર્મપત્ર પર સંપાદકીય ટેકનિકલ જર્નલ
- Dub — લિંકનું મેટ રાઇસ પેપર કંટ્રોલ પેનલ
- Notion — બપોરના તડકામાં ગરમ કાગળની નોટબુક
- Anthropic — ગરમ વેલ્મ પર એક વૈજ્ઞાનિક ક્ષેત્ર જર્નલ - શાંત હાથીદાંતની સપાટીઓ, સેરિફ્ડ સંપાદકીય શીર્ષકો, અને એક જ માટીનો ઉચ્ચાર જે ફક્ત ત્યારે જ દેખાય છે જ્યારે ક્રિયાની જરૂર હોય.
- Calendly — ઠંડા આરસપહાણ પર ઘેરા વાદળી શાહી