Medium
ગોલ્ડન અવર પર ક્રીમી વ્હાઇટ અખબાર
વેબ પર ટ્રાન્સપ્લાન્ટ કરાયેલા સાહિત્યિક વાંચન ખંડ જેવું મધ્યમ કાર્ય કરે છે: ગરમ, ક્રીમી પૃષ્ઠભૂમિ (#f7f4ed) SaaS ના જંતુરહિત સફેદ લાક્ષણિકતાને બદલે છે, જેનાથી લાંબા લખાણો છાપેલા પૃષ્ઠ જેવા લાગે છે. દ્રશ્ય પ્રણાલી આક્રમક રીતે મોનોક્રોમ છે - લગભગ બધી UI સપાટીઓ, ટેક્સ્ટ અને બોર્ડર્સ #242424 થી #6b6b6b સુધીના ગરમ ગ્રે રંગના સાંકડા બેન્ડમાં છે - તેથી વાચકનું ધ્યાન સંપૂર્ણપણે સામગ્રી પર કેન્દ્રિત છે. એકમાત્ર સહી હાવભાવ સેરિફ હેડલાઇન (GT સુપર, 120px, વજન 400, અક્ષર અંતર -0.055em) છે, જે ઇરાદાપૂર્વકની વલણ વિરોધી પસંદગી છે: પ્રદર્શન માટે સ્કેલ કરેલ ટ્રાન્ઝિશનલ બુક સેરિફ ફોન્ટ, બોલ્ડ ભૌમિતિક સેન્સ-સેરિફને બદલે ભાગ્યે જ ધ્યાનપાત્ર, સંકેતો: "અમે પુસ્તકો પ્રકાશિત કરીએ છીએ, સોફ્ટવેર નહીં." બટનો લગભગ કાળા રંગના સંપૂર્ણ "ગોળીઓ" છે - પૃષ્ઠ પર એકમાત્ર ઘન શાહી.
હોમપેજમાં બે કૉલમ છે: ડાબી બાજુ પૃષ્ઠની જગ્યાનો ~55% ભાગ રોકે છે, જેમાં હેડલાઇન, સબટેક્સ્ટ અને કૉલ ટુ એક્શન ઉદાર આંતરિક અંતર સાથે ઊભી રીતે ગોઠવાયેલા છે; જમણી બાજુ પૃષ્ઠની જગ્યાનો ~45% ભાગ રોકે છે, જેમાં ચિત્ર પેનલ છે. ડાબી કૉલમ ડાબી બાજુ ગોઠવાયેલ છે (કેન્દ્રિત નથી), જે પૃષ્ઠને વાંચન અક્ષ પર એન્કર કરે છે. હોમપેજની નીચે, પૃષ્ઠ એક સિંગલ, પૂર્ણ-પહોળાઈ, ક્રીમ-રંગીન સ્ટ્રીપ છે જેમાં ફૂટરમાં કેન્દ્રિત લિંક્સ છે. હોમપેજ પર કોઈ કાર્ડ ગ્રીડ, ફીચર સેક્શન અથવા વૈકલ્પિક પટ્ટાઓ નથી - હોમપેજ એક પૃષ્ઠ છે. સામગ્રી ઘનતા ઇરાદાપૂર્વક ઓછી છે: એક હેડલાઇન, એક વાક્ય, એક બટન, એક છબી. પૃષ્ઠ એક કવર છે, ડેશબોર્ડ નથી.
આ ચિત્રો સંપાદકીય અને એપિસોડિક છે, વ્યવસ્થિત નથી. મુખ્ય પૃષ્ઠ પર એક જ હાથથી દોરેલું ચિત્ર (લીલું ફૂલ, ભૌમિતિક હાથ, નક્ષત્ર રેખાઓ) છૂટક, થોડી નિષ્કપટ શૈલીમાં છે. આ ચિત્રો કાયમી પુસ્તકાલયમાંથી નહીં, પણ ઋતુ પ્રમાણે બદલાતા કામો જેવા દેખાય છે. મુખ્ય પૃષ્ઠ પર કોઈ ફોટોગ્રાફ્સ નથી. મુખ્ય પૃષ્ઠ પર કોઈ ચિહ્નો નથી - બધું કાર્ય ટેક્સ્ટ લોગો અને ટેક્સ્ટ દ્વારા કરવામાં આવે છે. દ્રશ્ય ભાષા મુખ્યત્વે ટેક્સ્ટ-લક્ષી છે, ચિત્રો વિરામચિહ્નો તરીકે સેવા આપે છે.
પેલેટ
તટસ્થ
- Newsprint Cream
#f7f4ed— પેજ કેનવાસ, મુખ્ય વિન્ડો બેકગ્રાઉન્ડ અને સેક્શન બેકગ્રાઉન્ડ ગરમ, સહેજ ક્રીમી શેડ છે જે ડિજિટલ ઇન્ટરફેસને બદલે પ્રિન્ટેડ ઇન્ટરફેસની અનુભૂતિ કરાવે છે. - Paper White
#ffffff— કાર્ડ સપાટીઓ, ઉંચા પેનલો, ફોર્મ એન્ટ્રી ફીલ્ડ્સ, અને કોઈપણ સપાટી જેને ક્રીમ કેનવાસથી અલગ કરવાની જરૂર છે. - Ink
#242424— મુખ્ય ટેક્સ્ટ, મુખ્ય ટેક્સ્ટ, લિંક્સ, હેડિંગ - શુદ્ધ કાળા કરતા સહેજ ગરમ, ક્રીમ પૃષ્ઠભૂમિ પર સારું લાગે છે. - Body Gray
#333333— જ્યાં કોન્ટ્રાસ્ટ ગુમાવ્યા વિના શાહી રંગ કરતા થોડો હળવો રંગ જરૂરી હોય ત્યાં ગૌણ ટેક્સ્ટ રંગ અને ડિફોલ્ટ ફોરગ્રાઉન્ડ રંગનો ઉપયોગ થાય છે. - Button Black
#191919— ગૌણ UI ઘટકો, વિભાજકો અને મ્યૂટ કરેલા લેબલ્સ માટે તટસ્થ રંગ સપોર્ટેડ છે. કૉલ્સ ટુ એક્શન માટે તેનો પ્રાથમિક રંગ તરીકે ઉપયોગ થવો જોઈએ નહીં. - Marginalia Gray
#6b6b6b— ગૌણ UI, ડિવાઇડર અને મ્યૂટ કરેલા લેબલ્સ માટે તટસ્થ રંગ સપોર્ટ.
ટાઇપોગ્રાફી
૧૩ થી ૧૨૦ પિક્સેલ સુધી · ૫ પગલાં
- medium-content-sans-serif-font — રિપ્લેસમેન્ટ: Inter · રૂપરેખા 400 · medium-content-sans-serif ફોન્ટ - કાઢવામાં આવેલા ડેટામાં જોવા મળે છે પરંતુ AI દ્વારા વર્ણવેલ નથી.
- GT Super — રિપ્લેસમેન્ટ: Playfair Display · રૂપરેખા 400 · હેડિંગ અને બોડી ટેક્સ્ટ એક ટ્રાન્ઝિશનલ બુક સેરીફ ફોન્ટ છે જે ખૂબ જ સ્કેલ પર ટાઇટ લેટર સ્પેસિંગ અને 0.83 લાઇન સ્પેસિંગ સાથે છે. 120px પર 400 વેઇટ (બોલ્ડ નહીં) ની પસંદગી એક સિગ્નેચર ફીચર છે: લેટરફોર્મ્સ, વજન નહીં, કામ કરે છે. નેગેટિવ લેટર સ્પેસિંગ ઓપ્ટિકલ ગેપ્સને સાંકડી કરે છે, જેનાથી "હ્યુમન સ્ટોરીઝ એન્ડ આઇડિયાઝ" એક સુસંગત ટાઇપોગ્રાફિક બ્લોક જેવું લાગે છે.
- Söhne — રિપ્લેસમેન્ટ: Inter · રૂપરેખા 400 · UI sans-serif ફોન્ટનો ઉપયોગ નેવિગેશન, બટનો, સબહેડિંગ્સ અને નાના ટાઇટલ માટે થાય છે. 13–14px રેન્જ નેવિગેશન લેબલ્સ અને બટનો માટે છે; 20–22px સબહેડિંગ્સ અને શીર્ષકમાં સેકન્ડરી ટેક્સ્ટ માટે છે. માનવતાવાદી પ્રમાણ સાથે સ્વચ્છ sans-serif નાના કદમાં સુવાચ્ય છે અને મોટા કદમાં તે સ્પષ્ટ રીતે વાંચી શકાય છે.
અંતરાલો અને સ્વરૂપ
| હેતુ | અર્થ |
|---|---|
| ઘનતા | સરેરાશ |
| મૂળભૂત પગલું | 16-24px |
| બટન ત્રિજ્યા | 9999px |
| કાર્ડ ત્રિજ્યા | 0px |
| પડછાયાઓ | પડછાયાને બદલે ના - સરહદો |
| વિભાગો વચ્ચે | 64px |
| પૃષ્ઠ પહોળાઈ | 1200px |
AI તમારી વેબસાઇટ Medium શૈલીમાં બનાવશે અને તેને ભરી દેશે.
- લિંક દ્વારા ઉત્પાદનો અને પોસ્ટ્સ ભરો - Instagram, TikTok, Facebook.
- તમારી જૂની સાઇટ પરથી સામગ્રી ટ્રાન્સફર કરો—ફક્ત સરનામું સ્પષ્ટ કરો.
- શ્રેષ્ઠ એન્જિન પર આધુનિક ડિઝાઇન: સર્વર રેન્ડરિંગ અને SEO ઑપ્ટિમાઇઝેશન સાથે React ( Next.js).
- શોધ પરિણામો અને ન્યુરલ નેટવર્ક ભલામણો માટે સંપૂર્ણપણે સ્વચાલિત SEO ઑપ્ટિમાઇઝેશન.
સમાન શૈલીઓ
- Steep — ગરમ કાગળ પર સેરીફ ફોન્ટ્સનું વિશ્લેષણ
- Newformcap — ડ્રેસિંગ રૂમમાં સંપાદકીય અખબાર
- Claude — ગરમ ચર્મપત્ર પર છપાયેલ એક કલાકૃતિ - હાડકાના કાગળ પર શાહી, રંગનો એકમાત્ર શ્વાસ તરીકે માટી
- 11x– Digital workers — એક સિનેમેટિક સંપાદકીય ઉજ્જડ જમીન - ભવ્ય સેરીફ હેડલાઇન્સ સામે સેટ કરેલા લેન્ડસ્કેપના પેનોરેમિક ફોટોગ્રાફ્સ જે કોઈ વૈભવી મેગેઝિનની જેમ વાંચવામાં આવે છે.
- Revolut — વાદળોના ફોટોગ્રાફ પર આધારિત એક મોનોક્રોમ સંપાદકીય કાર્ય - સફેદ શાહી, પિલબોક્સ બટનો, ગ્રેસ્કેલ વિશ્વમાં રંગની એક વાદળી પટ્ટી.
- Scheduling — ક્રીમ પેપર પર સંપાદકીય શાહી
- Titan — ગરમ રંગનું મોનોક્રોમ આર્કાઇવ
- Programa — બપોરના સમયે એક સ્વિસ ડિઝાઇન સ્ટુડિયો. સફેદ ગેલેરી દિવાલ એક પીળા ટેબલ લેમ્પથી પ્રકાશિત થાય છે - બધું ગ્રે રંગમાં હોય છે જ્યાં સુધી એક બટન, ચિહ્ન અથવા ઉચ્ચારણ આંખને આકર્ષિત ન કરે, અને પછી તે એક પીળો ઉચ્ચારણ આખા રૂમને વ્યાખ્યાયિત કરે છે.
- Sana Agents — તંત્રીલેખમાં સફેદ પૃષ્ઠભૂમિ પર ચૂનાનો ચમકારો
- Visual — ગરમ સંપાદકીય સમીઝદાત. ક્રીમ પેપર, સેરીફ પોસ્ટર્સ, મોનોક્રોમ માર્જિનિયા, એક પીળો માર્કર.
- Midday — વેલમ પર સંપાદકીય બ્રોશર - ગરમ પથ્થરની પૃષ્ઠભૂમિ પર 72px સેરીફ હેડલાઇન, અંતર સાથે સેન્સ-સેરીફ બોડી કોપી, ગોળી આકારના નિયંત્રણો, કોઈ પડછાયા નહીં
- Chat for impact — પેસ્ટલ રંગના રૂમો સાથેનું વન-લીલું ક્લિનિક