Superhuman
ગોલ્ડન અવર એડિટોરિયલ પેનલ
સુપરહ્યુમન એડિટોરિયલ ફોટોગ્રાફી અને સોફ્ટવેર UI ના આંતરછેદને પાર કરે છે - એક ગરમ, ચર્મપત્ર જેવા કેનવાસ (ક્યારેય શુદ્ધ સફેદ નહીં) મરૂન બ્રાન્ડિંગ તત્વો અને વાઇબ્રન્ટ જાંબલી ઉચ્ચારોને ફ્રેમ કરે છે. 460 ફોન્ટમાં સેટ કરેલી હેડલાઇન્સ, બૂમ પાડવાને બદલે બબડાટ કરે છે, જે પૂર્ણ-પૃષ્ઠ સિનેમેટિક ફોટોગ્રાફીને ભારે ઉપાડ કરવાની મંજૂરી આપે છે, જ્યારે અર્ધપારદર્શક ઉત્પાદન UI કાર્ડ છબી ઉપર કાચની જેમ તરતા રહે છે. પેલેટ મોટાભાગે શાંત અને સંપાદકીય રહે છે: ક્રીમ સપાટીઓ, ચારકોલ ટેક્સ્ટ, સૂક્ષ્મ ગરમ-ગ્રે બોર્ડર્સ, અને તત્વો વચ્ચે ઉદાર અંતર, ઇરાદાપૂર્વક બ્રાન્ડ વિરામચિહ્નો માટે આરક્ષિત રંગ સાથે - એક જ મરૂન કોલ-ટુ-એક્શન, જાંબલી લિંક્સ, આછો લીલાક એડ-ઓન બટન. સિસ્ટમ ઇરાદાપૂર્વક UI સપાટીઓ પર મજબૂત પડછાયાઓ અને ગ્રેડિયન્ટ્સને ટાળે છે; ઊંડાઈ સ્ટેકીંગ અસરને બદલે સ્તરવાળી ફોટોગ્રાફી અને શીર્ષકમાં સૂક્ષ્મ પૃષ્ઠભૂમિ અસ્પષ્ટતા દ્વારા પ્રાપ્ત થાય છે.
મુખ્ય તત્વ એક પૂર્ણ-પહોળાઈનો ફોટોગ્રાફ છે જેમાં કેન્દ્રિત હેડલાઇન (48-64px/460) છે અને વાઇનની છબીથી ભરેલો એક સિંગલ કોલ ટુ એક્શન છે, જેમાં ડાબી અને જમણી ધાર પર તરતા અર્ધપારદર્શક ઉત્પાદન UI કાર્ડ્સ ઓવરલેડ છે. મુખ્ય તત્વની નીચે સફેદ પટ્ટાવાળી લોગો સ્ટ્રીપ છે (પ્રતિ પંક્તિ 6 કોષો, મહત્તમ પહોળાઈ મર્યાદિત છે), પછી ચર્મપત્ર કેનવાસ પર સફેદ કાર્ડ સપાટીઓ સાથેનો ટેબ વિભાગ છે. ઘેરો પીરોજ રંગનો પટ્ટો પૃષ્ઠના લગભગ બે-તૃતીયાંશ ભાગ લયને તોડે છે—પૂર્ણ-પહોળાઈ, બે કૉલમ (ડાબી બાજુ છબી, જમણી બાજુ ટેક્સ્ટ)—જે સ્ક્રોલ કરતી વખતે એકમાત્ર ટોનલ કોન્ટ્રાસ્ટ બનાવે છે. ગ્રેડિયન્ટ વાતાવરણીય પટ્ટો અનુસરે છે. વિભાગો વચ્ચે ઊભી અંતર 64-96px છે. મહત્તમ સામગ્રી પહોળાઈ ~1200px કેન્દ્રિત છે, જેમાં મુખ્ય તત્વ અને ઘેરો પટ્ટો વ્યૂપોર્ટની સંપૂર્ણ પહોળાઈને આવરી લે છે. નેવિગેશન ઝાંખી પૃષ્ઠભૂમિ સાથે એક નિશ્ચિત હેડર છે; કોઈ સાઇડબાર નથી, કોઈ મેગા મેનૂ નથી. ફૂટર લિંક્સના બહુ-કૉલમ લેઆઉટ સાથે પૂર્ણ-પહોળાઈનો બર્ગન્ડી પૃષ્ઠ છે. એકંદર લય આ પ્રમાણે છે: મુખ્ય ફ્રેમ → શાંત સફેદ/ક્રીમ સામગ્રી → મુખ્ય છબી સાથે ઘેરો પટ્ટો → વાતાવરણીય ઢાળ → બર્ગન્ડી ફૂટર, સંપાદકીય ગતિ બનાવવા માટે વૈકલ્પિક પ્રકાશ અને ઘાટા પટ્ટાઓ.
પ્રાથમિક દ્રશ્ય તત્વ સિનેમેટિક ફોટોગ્રાફી છે: ખુલ્લા આકાશ સામે પૂર્ણ-પહોળાઈનું પોટ્રેટ કેન્દ્રબિંદુ તરીકે કામ કરે છે, જેમાં પૃષ્ઠની નીચે બીજી વાતાવરણીય પટ્ટી મૂકવામાં આવે છે. છબી ગરમ ટોન, સૂક્ષ્મ રીતે મ્યૂટ અને પ્રોફાઇલમાં શૂટ કરવામાં આવી છે, જે સુવર્ણ કલાકની યાદ અપાવે છે, જે કોર્પોરેટ કરતાં વધુ સંપાદકીય લાગણી બનાવે છે. અર્ધપારદર્શક ભૌમિતિક લંબચોરસ અને હસ્તલિખિત શિલાલેખો સાથેનો ઘેરો પટ્ટો વિચારમાં ખોવાયેલા માણસના ફોટોગ્રાફ પર સુપરઇમ્પોઝ કરવામાં આવ્યો છે - એક જ છબીને બદલે સપાટીઓનો કોલાજ. વપરાશકર્તા ઇન્ટરફેસ અલગ સ્ક્રીનશોટ તરીકે નહીં, પણ ફોટોગ્રાફ પર સીધા જ સુપરઇમ્પોઝ કરેલા ફ્લોટિંગ ગ્લાસ કાર્ડ તરીકે રજૂ કરવામાં આવ્યો છે. ગ્રેડિયન્ટ વાતાવરણીય પટ્ટી સિવાય કોઈ સ્ટોક ચિત્રો, કોઈ 3D રેન્ડર અને કોઈ અમૂર્ત સુશોભન સ્વરૂપો નથી. ચિહ્નો ઓછામાં ઓછા મોનોક્રોમ લાઇન ચિહ્નો છે, ~16-20px પહોળા, 460 પોઇન્ટ ટેક્સ્ટ વજનને અનુરૂપ એકલ પહોળાઈ સાથે.
પેલેટ
બ્રાન્ડ
- Midnight Wine
#421d24— મુખ્ય એક્શન બટનો, જાહેરાત બેનર અને ફૂટર ગરમ, લગભગ કાળા બર્ગન્ડી રંગના છે જે લાલ કરતાં શાહી જેવા લાગે છે, જે વધુ પડતા પ્રભાવ વિના રંગ પેલેટને એન્કર કરે છે. - Royal Violet
#714cb6— જાંબલી રંગનો ઉપયોગ લિંક્સ, ટૅગ્સ અને ટૂંકા શબ્દસમૂહોને હાઇલાઇટ કરવા માટે થાય છે. કૉલ ટુ એક્શન માટે તેનો પ્રાથમિક રંગ તરીકે ઉપયોગ થવો જોઈએ નહીં.
તટસ્થ
- Lilac Mist
#d4c7ff— સેકન્ડરી સરફેસ ફિલ, લાઇટ આઇકોન્સ અને ઘોસ્ટ બટન બેકગ્રાઉન્ડમાં મ્યૂટ જાંબલી રંગ છે જે બ્રાન્ડની શૈલી તરફ સંકેત આપે છે અને તેના પર વધુ પડતું ધ્યાન દોરતું નથી. - Deep Lagoon
#0c4243— મુખ્ય કથાત્મક તત્વ તરીકે ઉપયોગમાં લેવાતી પટ્ટી માટે ઘેરી પૃષ્ઠભૂમિ, સિસ્ટમમાં એકમાત્ર ઘેરી સપાટી છે, જે ઓવરલેડ ભૌમિતિક પેટર્ન સાથે જોડાયેલી છે. - Warm Parchment
#f2f0eb— પૃષ્ઠની કાર્યકારી સપાટી મુખ્ય તત્વ છે; સફેદ રંગને બદલે ગરમ ક્રીમ રંગનો ઉપયોગ થાય છે, જે સમગ્ર સિસ્ટમને સંપાદકીય હૂંફ આપે છે. - Soft Mist
#e3e3e2— બારીક કિનારીઓ, કાર્ડ રૂપરેખા, વિભાજન રેખાઓ - એક ગરમ, આછો રાખોડી રંગ જે ચર્મપત્ર સાથે ભળી જાય છે પરંતુ કિનારીઓને સ્પષ્ટ રીતે વ્યાખ્યાયિત કરે છે. - Ink Charcoal
#292827— મુખ્ય ટેક્સ્ટ, શીર્ષકો, ચિહ્નોની રૂપરેખા - ગરમ, લગભગ કાળો રંગ જેમાં કાગળ પર શાહી જેવું લાગે તેટલો ભૂરો રંગ, ક્યારેય ઠંડુ નહીં #000 - Stone Gray
#666666— ગૌણ મુખ્ય લખાણ, સહાયક લખાણો, ગુપ્ત વર્ણનો - એક મધ્યમ રાખોડી રંગ, મુખ્ય લખાણ સાથે ક્યારેય સ્પર્ધા ન થાય તે માટે ભાગ્યે જ વપરાયેલ.
ટાઇપોગ્રાફી
૧૨ થી ૬૪ પિક્સેલ સુધી · ૮ પગલાં
- Super Sans VF — રિપ્લેસમેન્ટ: Inter (closest open equivalent for variable weight range) · રૂપરેખા 460, 500, 540, 600, 700 · સમગ્ર સિસ્ટમમાં એક જ ફોન્ટ. એક્સિસ વેરિયેબલ્સ 460 (એક સિગ્નેચર, બધા મોટા હેડિંગ ટેક્સ્ટ માટે સહેજ ક્રોપ કરેલા ફોન્ટ) થી 540 (ભારિત બોડી ટેક્સ્ટ) અને 700 (નાના, બોલ્ડ કૅપ્શન્સ) સુધીની રેન્જમાં ફેલાયેલા છે. ખાસ ડિઝાઇન કરાયેલ VF 460-વજનવાળા હેડિંગને આડેધડ કરતાં વધુ ઇરાદાપૂર્વક દેખાય છે - 48-64px પર ચુસ્ત અક્ષર અંતર સાથે, "થોડું ક્રોપ કરેલ" અસર પાતળાને બદલે આત્મવિશ્વાસપૂર્ણ માનવામાં આવે છે.
અંતરાલો અને સ્વરૂપ
| હેતુ | અર્થ |
|---|---|
| ઘનતા | ગાઢ |
| મૂળભૂત પગલું | 8px |
| બટન ત્રિજ્યા | 16px |
| કાર્ડ ત્રિજ્યા | 16px |
| પડછાયાઓ | પડછાયાને બદલે ના - સરહદો |
| વિભાગો વચ્ચે | 64-96px |
| પૃષ્ઠ પહોળાઈ | 1200px |
AI તમારી વેબસાઇટ Superhuman શૈલીમાં બનાવશે અને તેને ભરી દેશે.
- લિંક દ્વારા ઉત્પાદનો અને પોસ્ટ્સ ભરો - Instagram, TikTok, Facebook.
- તમારી જૂની સાઇટ પરથી સામગ્રી ટ્રાન્સફર કરો—ફક્ત સરનામું સ્પષ્ટ કરો.
- શ્રેષ્ઠ એન્જિન પર આધુનિક ડિઝાઇન: સર્વર રેન્ડરિંગ અને SEO ઑપ્ટિમાઇઝેશન સાથે React ( Next.js).
- શોધ પરિણામો અને ન્યુરલ નેટવર્ક ભલામણો માટે સંપૂર્ણપણે સ્વચાલિત SEO ઑપ્ટિમાઇઝેશન.
સમાન શૈલીઓ
- AI for Business — ગરમ ગ્રે ટોનમાં ક્રૂર સંપાદકીય શોરૂમ
- Jeton — ગરમ આરસપહાણ પર ફિનટેક વિશે એક સંપાદકીય
- Airtable — વિવિધ રંગોમાં ચિહ્નિત પ્રકરણો સાથેનો આરામદાયક સેમિનાર
- Osmo — ગ્રે કોંક્રિટ પર ડેવલપર્સ મ્યુઝિયમ
- Linktr — સંપાદકીય પોસ્ટરો કેન્ડીની જેમ સ્ટેક કરેલા છે. વેબસાઇટ રંગીન બ્લોક્સમાં ડિઝાઇન કરવામાં આવી છે, જેમાં કોબાલ્ટ-વાદળી દિવાલો સામે તેજસ્વી લીલા હેડલાઇન્સ સેટ કરવામાં આવી છે, અને બર્ગન્ડી ક્ષેત્રો ઉપર તરતા સફેદ ગોળી આકારના નેવિગેશન તત્વો છે.
- Outsource Consultants — હાડકાના કાગળ પર મોટા ફોર્મેટની સ્થાપત્ય શીટ. એક મોનોગ્રાફિક સૌંદર્યલક્ષી, જ્યાં ઈન્ડિગોનો એક તેજસ્વી પેચ ગરમ, ટાઇપોગ્રાફિકલી મહત્તમ ગ્રીડને વિક્ષેપિત કરે છે.
- Streamtime — ટેક્ટાઇલ ક્રિએટિવ મૂડ બોર્ડ - ડિઝાઇનર સ્ક્રેપબુકિંગ ટેબલ
- Switch-Lit — ક્રીમ પેપર પર શાહીથી છપાયેલ સંપાદકીય ગ્રીડ
- HubSpot — ગરમ ક્રીમ પેપર કલર જેમાં એક જ નારંગી રંગનો ઉચ્ચારણ હોય છે. HubSpot હેવીવેઇટ પેપર પર છપાયેલા ડિઝાઇનર મેગેઝિન જેવું લાગે છે - સેરીફ હેડલાઇન્સ, ગરમ ક્રીમ પેજીસ, અને એક જ જ્વલંત નારંગી રંગનો ઉચ્ચારણ જે ફક્ત સૌથી મહત્વપૂર્ણ મુદ્દાઓને પ્રકાશિત કરે છે.
- Granola — ગરમ વેલમ પર ફીલ્ડ નોટ્સ - ગ્રાનોલા સૂર્યપ્રકાશિત ડેસ્ક પર ખોલવામાં આવેલી સારી રીતે પહેરેલી મોલેસ્કાઇન નોટબુકની જેમ વાંચે છે: સેરીફ હેડિંગ મજબૂતતાની ભાવના આપે છે, વનસ્પતિ-આધારિત શાહી જેવા કાર્બનિક લીલા ઉચ્ચારો અને કાર્ડ્સના હાંસિયામાં ઝીણી રેખાઓ જે હસ્તલિખિત નોંધો જેવી લાગે છે.
- Secure — યુરોપિયન કાફેમાં હળવા દિવસના પ્રકાશમાં વાતચીત એ વિડિઓ કૉલિંગનો એક ગરમ, સ્ટાઇલિશ અનુભવ છે, જ્યાં સેરિફ હેડલાઇન્સ ટેક પ્રોડક્ટ પેજ કરતાં વિચારશીલ મેગેઝિન લેખની જેમ વાંચવામાં આવે છે.
- Mockups made easy — સફેદ કાગળ પર સંપાદકીય ડિઝાઇન સ્ટુડિયો