Subframe
ગરમ ચર્મપત્ર પર ગ્રાફિક ચિત્ર. ડિઝાઇનર કાગળ, જ્યાં દરેક સ્ટ્રોક કાં તો ગ્રેફાઇટ અથવા ઇરેઝર હોય છે, ક્યારેય રંગવામાં આવતો નથી - રેખા જાડાઈ અને છૂટાછવાયા સેરીફ દ્વારા ઊંડાઈ પ્રાપ્ત થાય છે.
સબફ્રેમ એ એક મોનોક્રોમ ડિઝાઇનરનું કાર્યસ્થળ છે: ગરમ, ક્રીમી કેનવાસ, ગ્રેફાઇટ-કાળી શાહી અને રંગીન ઉચ્ચારોની સંપૂર્ણ ગેરહાજરી. સમગ્ર ઇન્ટરફેસને એક જ સામગ્રી - કાગળ, પેન્સિલ અને પડછાયા - તરીકે જોવામાં આવે છે જેમાં એક બોલ્ડ ટાઇપોગ્રાફિક સ્પર્શ છે: એક શુદ્ધ સેરીફ (ઇન્સ્ટ્રુમેન્ટ સેરીફ) જે વ્યવસ્થિત સેન્સ-સેરીફ (ઇન્ટર) સામે સેટ છે, જે હેડલાઇન્સને સંપાદકીય ગુરુત્વાકર્ષણ આપે છે. સપાટીઓ ઉંચી કરવાને બદલે સપાટ અને ફ્રેમવાળી છે; #e5e7eb માં પાતળા વિભાજકો દ્વારા ઊંડાઈ પ્રાપ્ત થાય છે અને પડછાયાઓને બદલે શ્યામ નિયંત્રણો પર હાઇલાઇટ્સ ઇનસેટ કરે છે. ઘનતા ઉદાર છે: વિશાળ ઊભી લય (વિભાગો વચ્ચે 48-64px ગાબડા), કેન્દ્રિત, પૂર્ણ-પહોળાઈ લેઆઉટ અને ટેક્સ્ટની આસપાસ ઉદાર સફેદ જગ્યા. એકમાત્ર રંગ લગભગ સફેદ અને લગભગ કાળા વચ્ચેનો વિરોધાભાસ છે, જે દરેક પૃષ્ઠ પર શ્યામ બટનને સૌથી આકર્ષક તત્વ બનાવે છે, અને ગ્રે ટોનમાં ભાગીદાર બ્રાન્ડ લોગોની પટ્ટી એકમાત્ર સુશોભન દ્રશ્ય તત્વ છે.
કેન્દ્રિત, પૂર્ણ-પહોળાઈવાળા લેઆઉટ (૧૨૦૦ પિક્સેલ) ઉદાર ઊભી લય સાથે. મુખ્ય તત્વ એક સિંગલ, કેન્દ્રિત બ્લોક છે: ટોચ પર એક ઘેરો, વિભાજિત નિયંત્રણ, એક મોટું "ઇન્ટર" મથાળું, એક-લાઇન સબહેડિંગ, અને બે સંલગ્ન બટનો (ભરેલું + અર્ધપારદર્શક) - કોઈ બાજુની છબી નહીં, કોઈ લેઆઉટ બ્રેકઅપ નહીં. મુખ્ય તત્વની નીચે એક કેન્દ્રિત ગ્રેસ્કેલ લોગો સ્ટ્રાઇપ છે. દરેક અનુગામી વિભાગ સમાન પેટર્નને અનુસરે છે: ડાબી બાજુ ગોઠવાયેલ શીર્ષક અને સબહેડિંગ બ્લોક, પછી વિભાગો વચ્ચે 48-64 પિક્સેલ ગટર સ્પેસ સાથે પૂર્ણ-પહોળાઈ ઉત્પાદન શોકેસ ફ્રેમ. નેવિગેશન ન્યૂનતમ છે: કેન્દ્રિત લિંક્સ અને જમણી બાજુ ગોઠવાયેલ ક્રિયાઓ સાથે ટોચનો બાર, કોઈ સાઇડબાર નહીં, કોઈ મેગા-મેનૂ નહીં. પૃષ્ઠ ઉપરથી નીચે સુધી કેન્દ્રિત નિવેદનોની શ્રેણી તરીકે વાંચે છે, દરેકને પૂરતી જગ્યા આપવામાં આવે છે - લેઆઉટ વ્યસ્ત ઉત્પાદન પૃષ્ઠ કરતાં સંપાદકીય પોર્ટફોલિયો જેવું લાગે છે.
વિઝ્યુઅલ ડિઝાઇન ન્યૂનતમ અને કાર્યાત્મક છે. સિસ્ટમ બે વિઝ્યુઅલ મોડ્સનો ઉપયોગ કરે છે: (1) ફ્રેમ કરેલા પ્રોડક્ટ સ્ક્રીનશૉટ્સ અને 24px-ત્રિજ્યા ફ્રેમમાં બંધ UI મોકઅપ્સ - તે સમાન મોનોક્રોમ પેલેટમાં રેન્ડર કરેલા વાસ્તવિક ઇન્ટરફેસ ઘટકો (કોષ્ટકો, બટનો, ફોર્મ્સ) પ્રદર્શિત કરે છે, જેનાથી સ્ક્રીનશૉટ્સ પૃષ્ઠમાં એકીકૃત રીતે સંકલિત દેખાય છે; (2) ગ્રેસ્કેલ પાર્ટનર લોગોની એક સ્ટ્રીપ સામાજિક પુરાવા તરીકે સેવા આપે છે, ફ્લેટ રેન્ડર કરે છે, રંગ અથવા કન્ટેનર વિના. કોઈ જીવનશૈલી ફોટા, અમૂર્ત ગ્રેડિયન્ટ્સ અથવા 3D રેન્ડર નથી. એકમાત્ર ઉદાહરણરૂપ તત્વ એક ઘેરો ઉત્પાદન "ટાઇલ" છે, જે બ્રાન્ડ આઇકન સાથે ગરમ ગ્રે પૃષ્ઠભૂમિ પર કેન્દ્રિત છે - તે ઉત્પાદન પ્રદર્શન તરીકે માનવામાં આવે છે, સુશોભન તરીકે નહીં. બધી છબીઓ ટેક્સ્ટ-આધારિત લેઆઉટ ધરાવે છે, જ્યાં દ્રશ્ય વજન ટેક્સ્ટ દ્વારા વહન કરવામાં આવે છે.
પેલેટ
તટસ્થ
- Page Canvas
#fafafa— પાનાની પૃષ્ઠભૂમિ, કેનવાસ પર પોસ્ટકાર્ડ, કાળી સપાટી પર આછો ટેક્સ્ટ - એક ગરમ સફેદ રંગ જે સમગ્ર મોનોક્રોમ સિસ્ટમનો આધાર છે. - Hairline Border
#e5e7eb— ડિવાઇડર, કાર્ડ બોર્ડર્સ, ઇમેજ ફ્રેમ્સ, આઇકોન આઉટલાઇન - સિસ્ટમમાં સૌથી વધુ ઉપયોગમાં લેવાતી આઉટલાઇન પ્રકારની, અવકાશી રચનાને વ્યાખ્યાયિત કરે છે. - Card Surface
#ededed— કાર્ડ્સ માટે ઉંચી પૃષ્ઠભૂમિ, એક વધારાની સપાટી - કેનવાસથી એક પગથિયા ઉપર સ્થિત છે, જે પડછાયા વિના જૂથ બનાવે છે. - Divider Mid
#dadada— મિડટોન ડિવાઇડર અને વિભાગો વચ્ચેના સંક્રમણો - Graphite
#242424— હળવા સપાટી પર પ્રાથમિક બટનો માટે ઉચ્ચ-કોન્ટ્રાસ્ટ ન્યુટ્રલ ફિલ. - Ink Black
#171717— મુખ્ય ટેક્સ્ટ, શીર્ષકો, ચિહ્નોની રૂપરેખા - ગ્રેફાઇટ કરતાં થોડી ઠંડી, સપાટીઓને બદલે ટાઇપોગ્રાફી માટે વપરાય છે.
ટાઇપોગ્રાફી
૧૨ થી ૧૨૮ પિક્સેલ સુધી · ૭ પગલાં
- Inter — રિપ્લેસમેન્ટ: Inter (Google Fonts) · રૂપરેખા 500, 600, 700 · સેન્સ-સેરીફ સિસ્ટમ ઇન્ટરફેસ - નેવિગેશન, બોડી ટેક્સ્ટ, બટનો, સબહેડિંગ્સ અને સેક્શન હેડિંગ. વજન: બોડી ટેક્સ્ટ અને કંટ્રોલ્સ માટે 500, સબહેડિંગ્સ અને નેવિગેશન એક્સેન્ટ્સ માટે 600 અને સેક્શન હેડિંગ માટે 700. મજબૂત નકારાત્મક અક્ષર અંતર કોઈપણ કદના ભૌમિતિક આકારોને સંકુચિત કરે છે, જે ઇન્ટરફેસને સંક્ષિપ્ત, તકનીકી દેખાવ આપે છે.
- Instrument Serif — રિપ્લેસમેન્ટ: Playfair Display · રૂપરેખા 400 · હેડલાઇન્સ અને સંપાદકીય સામગ્રી માટે ખાસ રચાયેલ સેરિફ ટાઇપફેસ. તેનું 400 વજન અને -0.025em અક્ષર અંતર એક ભવ્ય, ઇટાલિકાઇઝ્ડ દેખાવ બનાવે છે જે ઇન્ટરની ઔદ્યોગિક ભૂમિતિ સાથે વિરોધાભાસી છે - એક સહી તકનીક: સેન્સ-સેરિફ પૃષ્ઠમાં એક જ સેરિફ શબ્દ અથવા શબ્દસમૂહ, હેડલાઇન શૈલીને બદલે દ્રશ્ય વિરામચિહ્ન તરીકે સેવા આપે છે.
- Fragment Mono — રિપ્લેસમેન્ટ: JetBrains Mono · રૂપરેખા 400 · ઇનલાઇન કોડ જેવા તત્વો, ટેગ લેબલ્સ અને ટેકનિકલ કોલઆઉટ્સ માટે એક્સેન્ટ મોનો. થોડા સમય માટે ઉપયોગમાં લેવાતા, તે ફંક્શન લિસ્ટ અને ઇનલાઇન એનોટેશનમાં દેખાય છે જ્યાં ડિઝાઇન ટૂલ "આ મશીન આઉટપુટ છે" તે સૂચવવા માંગે છે.
અંતરાલો અને સ્વરૂપ
| હેતુ | અર્થ |
|---|---|
| ઘનતા | સરેરાશ |
| મૂળભૂત પગલું | 8px |
| બટન ત્રિજ્યા | 16px |
| કાર્ડ ત્રિજ્યા | 24px |
| પડછાયાઓ | પડછાયાને બદલે ના - સરહદો |
| વિભાગો વચ્ચે | 64px |
| પૃષ્ઠ પહોળાઈ | 1200px |
AI તમારી વેબસાઇટ Subframe શૈલીમાં બનાવશે અને તેને ભરી દેશે.
- લિંક દ્વારા ઉત્પાદનો અને પોસ્ટ્સ ભરો - Instagram, TikTok, Facebook.
- તમારી જૂની સાઇટ પરથી સામગ્રી ટ્રાન્સફર કરો—ફક્ત સરનામું સ્પષ્ટ કરો.
- શ્રેષ્ઠ એન્જિન પર આધુનિક ડિઝાઇન: સર્વર રેન્ડરિંગ અને SEO ઑપ્ટિમાઇઝેશન સાથે React ( Next.js).
- શોધ પરિણામો અને ન્યુરલ નેટવર્ક ભલામણો માટે સંપૂર્ણપણે સ્વચાલિત SEO ઑપ્ટિમાઇઝેશન.
સમાન શૈલીઓ
- monopo saigon — સંપાદકીય મૌન પાછળ એક પ્રવાહી, મેઘધનુષી ચમક - પીગળેલા પ્રકાશ પર તરતી એક મોનોક્રોમ સંપાદકીય ગેલેરી
- Hyer Aviation — કોકપીટમાં સાંજ પડી ગઈ છે. પરોઢનું નિસ્તેજ આકાશ ફ્યુઝલેજ-કદના સેરીફ લોગોને મળે છે, અને એક ગરમ માટીનો ઉચ્ચાર મોનોક્રોમ સંયમ તોડે છે.
- OFF+BRAND. — ગરમ ચર્મપત્ર પર મેઘધનુષી ગોળો
- Seed — પ્રયોગશાળાના કાચ નીચે એક જીવંત જીવ
- Eindhoven Design District — શ્વેત કાગળ પર સંપાદકીય ક્રૂરતા એ મ્યુનિસિપલ ડિઝાઇન મેનિફેસ્ટો છે, જે મોટા સ્વરૂપમાં અમલમાં મૂકવામાં આવે છે, જેમાં ઓછામાં ઓછા ફોટોગ્રાફી અને સંપૂર્ણ સંયમનો સમાવેશ થાય છે.
- Miranda — હળવા ક્રીમ પૃષ્ઠભૂમિ પર ક્લાસિક વાઇડ-ફોર્મેટ પ્રકાર - ડિજિટલ યુગ માટે અખબાર સંપાદકીય
- Monocle — ક્રીમ રંગના કાગળ પર બનેલું ઉચ્ચ ગુણવત્તાવાળું, વિશાળ ફોર્મેટનું અખબાર. કાળજીપૂર્વક તૈયાર કરાયેલ સંપાદકીય, જ્યાં દરેક કોલમ તેના સ્થાનને પાત્ર છે, અને પૃષ્ઠ પર ફક્ત એક જ અર્થપૂર્ણ રંગ દેખાય છે.
- Agencja brandingowa — સફેદ રંગમાં એક સંપાદકીય ગેલેરી જેમાં કાળી શાહીથી ટાઇપોગ્રાફી કરવામાં આવી છે.
- Websmith Studio — ક્રીમ પેપર પર સવારનો પ્રકાશ
- Aspelin Reitan — કેન્ડલલાઇટ દ્વારા આર્કિટેક્ચરલ આર્કાઇવ - આ પૃષ્ઠ ગરમ ક્રીમ દિવાલ પર પિન કરેલી બિલ્ટ સ્પેસના પોર્ટફોલિયો જેવું લાગે છે, જેમાં પૃષ્ઠની સંપૂર્ણ પહોળાઈમાં દરેક છબી ઉપર સફેદ ટેક્સ્ટની એક જ લાઇન તરતી હોય છે.
- Public — ઠંડા આરસપહાણ પર એક મોનોક્રોમ સંપાદકીય - લગભગ એક મોનોક્રોમ કેનવાસ, 300-પોઇન્ટ સેરીફ ફોન્ટ અને એક જ જાંબલી ઉચ્ચારણ સાથે બધુ રંગીન કાર્ય કરે છે.
- Motto — કાગળ પર એક ટાઇપોગ્રાફિક મોનોલિથ - બરફ જેવા સફેદ કાગળ પર પોતાને જાહેર કરતો એકલ, આત્મવિશ્વાસપૂર્ણ અવાજ.