
Steep
ગરમ કાગળ પર સેરીફ ફોન્ટ્સનું વિશ્લેષણ
સ્ટીપ એનાલિટિક્સને સંપાદકીય સામગ્રી તરીકે રજૂ કરે છે—સિગ્નિફાયર સેરીફ હેડલાઇન્સ લગભગ મોનોક્રોમ સફેદ કેનવાસ ઉપર તરતી હોય છે, અને એક ગરમ પીચ એક્સેન્ટ (#fbe1d1) અન્યથા એક્રોમેટિક સિસ્ટમને રેખાંકિત કરે છે. પૃષ્ઠ ઉત્પાદન મેગેઝિન સ્પ્રેડ જેવું વાંચે છે: મોટું, કર્સિવ ટાઇપફેસ, પુષ્કળ ટેક્સ્ટ સ્પેસ, નરમ 24px-ત્રિજ્યા ધારવાળા મોટા કાર્ડ્સ, અને ગોળી આકારના નિયંત્રણો સપાટી સાથે ફ્લશ થાય છે. ઘટકો શાંત અને વજનહીન લાગે છે—પડછાયાઓ સૂક્ષ્મ હોય છે, સરહદો પાતળા હોય છે, અને રંગનો ઉપયોગ કાર્યાત્મક ભાર માટે થાય છે (પીચ કોલઆઉટ, પીચ પૃષ્ઠભૂમિ પર ઘેરા ભૂરા અક્ષરો). ઉત્પાદન સપાટીઓ (પ્રદેશ કોષ્ટકો, સક્રિયકરણ આકૃતિઓ, AI બિલ્ડર્સ) ડેશબોર્ડના શેલમાં નેસ્ટ કરવાને બદલે હેડરની આસપાસ તરતા તત્વો તરીકે રજૂ કરવામાં આવે છે.
પૃષ્ઠ લેઆઉટની મહત્તમ પહોળાઈ 1200px છે, જે મધ્યમાં છે, મુખ્ય વિભાગો લગભગ સમગ્ર પૃષ્ઠ પહોળાઈ પર કબજો કરે છે પરંતુ કન્ટેનરની અંદર રહે છે. મુખ્ય લેઆઉટમાં એક કેન્દ્રિય હેડર છે જેમાં મોટા સેરીફ ફોન્ટ, સબહેડર અને પિલ બટનોની જોડી છે, જે ચાર ફ્લોટિંગ પ્રોડક્ટ વર્ણન કાર્ડ્સ (પ્રદેશ ટેબલ ઉપર ડાબી બાજુ, નોંધણી કાર્ડ જમણે, સક્રિયકરણ ડાયાગ્રામ નીચે ડાબી બાજુ, AI સંપાદક નીચે મધ્યમાં) થી ઘેરાયેલા છે જે વિવિધ ઓફસેટ્સ પર સફેદ કેનવાસને ઓવરલેપ કરે છે. પેપર વ્હાઇટ અને કાર્ડ મિસ્ટ બેકગ્રાઉન્ડ વચ્ચે વૈકલ્પિક વિભાગો, મજબૂત કોન્ટ્રાસ્ટ વિના શાંત લય બનાવે છે. ફીચર વિભાગો મોટા 80px વર્ટિકલ ગટર સાથે ટેક્સ્ટ અને UI ના બે-કૉલમ લેઆઉટનો ઉપયોગ કરે છે. નેવિગેશન એ એક જ પારદર્શક ટોચ બાર (કોઈ પૃષ્ઠભૂમિ, સરહદ અથવા પડછાયો નથી) છે જેમાં ડાબી બાજુ લોગો, મધ્યમાં નેવિગેશન લિંક્સ અને જમણી બાજુ બે કૉલ ટુ એક્શન (ટેક્સ્ટ લિંક + ભરેલું પિલ બટન) છે. એકંદર લેઆઉટ ઘનતા વિશાળ છે - પૃષ્ઠ વિભાગો વચ્ચે "શ્વાસ લે છે", અને સામગ્રી ક્યારેય ધારને ભીડ કરતી નથી.
વિઝ્યુઅલ ડિઝાઇન ઉત્પાદન-કેન્દ્રિત છે, જીવનશૈલી-કેન્દ્રિત નથી: ફ્લોટિંગ UI તત્વો (પાંચ-પંક્તિ ડેટા સાથે પ્રાદેશિક કોષ્ટકો, ઓગસ્ટ-નવેમ્બરમાં સક્રિયકરણો દર્શાવતા લાઇન ચાર્ટ, રેડિયલ પ્રોગ્રેસ રિંગ્સ, AI ઇનપુટ ફીલ્ડ્સ) સંપાદકીય હેડલાઇન્સની આસપાસ ક્રોપ કરેલા સ્ક્રીનશોટ તરીકે ગોઠવાયેલા છે. કોઈ ફોટોગ્રાફ્સ, ચિત્રો અથવા અમૂર્ત ગ્રાફિક્સ નથી. બધા વિઝ્યુઅલ પ્રોડક્ટ તત્વો પાતળા કિનારીઓ અને નરમ પડછાયાઓવાળા સફેદ ફ્લોટિંગ કાર્ડ્સ પર મૂકવામાં આવ્યા છે. અવતાર વર્તુળોમાં એક નાનું કર્સર દિશા સૂચક છે - એક દ્રશ્ય મોટિફ જે રીઅલ-ટાઇમ ક્રિયાપ્રતિક્રિયાનો સંકેત આપે છે. મુખ્ય રચના સ્ટોક ફોટો સાથે કેન્દ્રિત હેડલાઇનને બદલે ટેક્સ્ટ અને UI નો કોલાજ છે.
પેલેટ
તટસ્થ
- Ink Black
#17191c— મુખ્ય ટેક્સ્ટ, ભરેલું બટન બેકગ્રાઉન્ડ અને નેવિગેશન લોગો એ સિસ્ટમમાં એકમાત્ર કાળી સપાટી છે; મુખ્ય ટેક્સ્ટમાં બધા કોલ ટુ એક્શન અને હેડલાઇન્સ આ લગભગ કાળા પૃષ્ઠભૂમિ સામે દેખાય છે. - Paper White
#ffffff— પેજ કેનવાસ, બટન ટેક્સ્ટ અને એમ્બોસ્ડ કાર્ડ સપાટીઓ મુખ્ય પૃષ્ઠભૂમિ સ્વર છે, જે લગભગ 76 ફ્રીક્વન્સી પોઈન્ટ ધરાવે છે. - Mist Gray
#f2f2f3— કાર્ડ સપાટીઓ, વધારાના બેકગ્રાઉન્ડ, ઇનપુટ ફીલ્ડ ફિલ્સ - એમ્બેડેડ સામગ્રી માટે કાગળની નીચે એક અદ્રશ્ય સ્તર. - Fog White
#fafafb— હોવર પર વૈકલ્પિક વિભાગો અને સપાટીઓ માટે એક વધારાનું પૃષ્ઠ પૃષ્ઠભૂમિ - સૂક્ષ્મ પટ્ટાઓની વિવિધતા બનાવવા માટે કાગળથી એક પગલું ઉપર. - Slate Gray
#777b86— લિંકનો રંગ, મ્યૂટ કરેલ સહાયક ટેક્સ્ટ, ફૂટર ટેક્સ્ટ - મુખ્ય ટેક્સ્ટ અને ટેક્સ્ટ વચ્ચે મૂકવામાં આવેલ એક કૂલ, ડિસેચ્યુરેટેડ ગ્રે રંગ જે શામેલ કરી શકાતો નથી. - Ash Gray
#979799— વધારાના લેબલ્સ, કેટેગરી ટૅગ્સ (માર્કેટિંગ, ફાઇનાન્સ, સેલ્સ) - લિંકના રંગ કરતાં એક ડગલું હળવું.
ટાઇપોગ્રાફી
૧૫ થી ૯૦ પિક્સેલ સુધી · ૮ પગલાં
- Signifier — રિપ્લેસમેન્ટ: GT Sectra · રૂપરેખા 400 · હેડલાઇન્સ અને ટાઇટલ માટે સેરિફ ફોન્ટ - ત્રણ કદમાં ફક્ત H1/H2 માટે ઉપયોગમાં લેવાય છે; બધા સ્કેલ પર ફોન્ટનું વજન 400 (નિયમિત) રહે છે, એક સિગ્નેચર પસંદગી: સેરિફ ફોન્ટ બોલ્ડ ફોન્ટની જેમ ચીસો પાડવાને બદલે બબડાટ કરે છે.
- Sohne — રિપ્લેસમેન્ટ: Inter · રૂપરેખા 400, 430, 450, 480, 500 · મુખ્ય, ઇન્ટરફેસ અને નેવિગેશન ફોન્ટ્સ બહુમુખી છે, જે મેટાડેટાથી લઈને સબહેડિંગ સુધી બધું આવરી લે છે; સેમી-સ્ટેપ્ડ વેઇટ્સ (430, 450, 480) બોલ્ડમાં કૂદકા માર્યા વિના સૂક્ષ્મ વંશવેલો બનાવે છે.
અંતરાલો અને સ્વરૂપ
| હેતુ | અર્થ |
|---|---|
| ઘનતા | સરેરાશ |
| મૂળભૂત પગલું | 8px |
| બટન ત્રિજ્યા | 9999px |
| કાર્ડ ત્રિજ્યા | 24px |
| પડછાયાઓ | પડછાયાને બદલે ના - સરહદો |
| વિભાગો વચ્ચે | 80px |
| પૃષ્ઠ પહોળાઈ | 1200px |
AI તમારી વેબસાઇટ Steep શૈલીમાં બનાવશે અને તેને ભરી દેશે.
- લિંક દ્વારા ઉત્પાદનો અને પોસ્ટ્સ ભરો - Instagram, TikTok, Facebook.
- તમારી જૂની સાઇટ પરથી સામગ્રી ટ્રાન્સફર કરો—ફક્ત સરનામું સ્પષ્ટ કરો.
- શ્રેષ્ઠ એન્જિન પર આધુનિક ડિઝાઇન: સર્વર રેન્ડરિંગ અને SEO ઑપ્ટિમાઇઝેશન સાથે React ( Next.js).
- શોધ પરિણામો અને ન્યુરલ નેટવર્ક ભલામણો માટે સંપૂર્ણપણે સ્વચાલિત SEO ઑપ્ટિમાઇઝેશન.
સમાન શૈલીઓ
- Newformcap — ડ્રેસિંગ રૂમમાં સંપાદકીય અખબાર
- Claude — ગરમ ચર્મપત્ર પર છપાયેલ એક કલાકૃતિ - હાડકાના કાગળ પર શાહી, રંગનો એકમાત્ર શ્વાસ તરીકે માટી
- 11x– Digital workers — એક સિનેમેટિક સંપાદકીય ઉજ્જડ જમીન - ભવ્ય સેરીફ હેડલાઇન્સ સામે સેટ કરેલા લેન્ડસ્કેપના પેનોરેમિક ફોટોગ્રાફ્સ જે કોઈ વૈભવી મેગેઝિનની જેમ વાંચવામાં આવે છે.
- Revolut — વાદળોના ફોટોગ્રાફ પર આધારિત એક મોનોક્રોમ સંપાદકીય કાર્ય - સફેદ શાહી, પિલબોક્સ બટનો, ગ્રેસ્કેલ વિશ્વમાં રંગની એક વાદળી પટ્ટી.
- Scheduling — ક્રીમ પેપર પર સંપાદકીય શાહી
- Titan — ગરમ રંગનું મોનોક્રોમ આર્કાઇવ
- Programa — બપોરના સમયે એક સ્વિસ ડિઝાઇન સ્ટુડિયો. સફેદ ગેલેરી દિવાલ એક પીળા ટેબલ લેમ્પથી પ્રકાશિત થાય છે - બધું ગ્રે રંગમાં હોય છે જ્યાં સુધી એક બટન, ચિહ્ન અથવા ઉચ્ચારણ આંખને આકર્ષિત ન કરે, અને પછી તે એક પીળો ઉચ્ચારણ આખા રૂમને વ્યાખ્યાયિત કરે છે.
- Sana Agents — તંત્રીલેખમાં સફેદ પૃષ્ઠભૂમિ પર ચૂનાનો ચમકારો
- Visual — ગરમ સંપાદકીય સમીઝદાત. ક્રીમ પેપર, સેરીફ પોસ્ટર્સ, મોનોક્રોમ માર્જિનિયા, એક પીળો માર્કર.
- Midday — વેલમ પર સંપાદકીય બ્રોશર - ગરમ પથ્થરની પૃષ્ઠભૂમિ પર 72px સેરીફ હેડલાઇન, અંતર સાથે સેન્સ-સેરીફ બોડી કોપી, ગોળી આકારના નિયંત્રણો, કોઈ પડછાયા નહીં
- Chat for impact — પેસ્ટલ રંગના રૂમો સાથેનું વન-લીલું ક્લિનિક
- Handhold — ભાગ્યે જ સાંભળી શકાય તેવા સેરીફ નીચે ગરમ ચર્મપત્ર - એક સંપાદકીય ફેલાવો, રંગીન અવાજ વિના હાથથી બનાવેલ, જ્યાં શ્રેષ્ઠ 200-પોઇન્ટ સેરીફ ફોન્ટ સમગ્ર અવાજને અભિવ્યક્ત કરે છે.