
Framer
શૂન્યતામાં નિયોન ગેલેરી
ફ્રેમર લગભગ સંપૂર્ણ અંધારા તરીકે કાર્ય કરે છે - એક કાળો કેનવાસ જ્યાં સામગ્રી ગેલેરી ઓપનિંગ પર નિયોન ચિહ્નની જેમ ફરે છે. 0.8–1.1 ના ચુસ્ત રેખા અંતર અને આક્રમક નકારાત્મક અક્ષર અંતર (-0.04em 54px પર) સાથે GT વોલ્શેમ માધ્યમમાં સેટ કરેલી હેડલાઇન્સ, એક સંક્ષિપ્ત, સુશોભન ટાઇપફેસ બનાવે છે જે પૃષ્ઠ પર સરસ રીતે બેસવાને બદલે આગળ ધકેલે છે. એક જ ઇલેક્ટ્રિક વાદળી (#0099ff) બધા કાર્યાત્મક ઉચ્ચારો - બોર્ડર્સ, ગ્લો, આઇકોન્સ, સક્રિય સ્થિતિઓ - પ્રદાન કરે છે જ્યારે બાકીનો ઇન્ટરફેસ રંગહીન રહે છે, શુદ્ધ કાળા રંગમાંથી ઊંડાઈ બનાવવા માટે સૂક્ષ્મ ગ્રે સંક્રમણો (#111, #171717, #242424) પર આધાર રાખે છે. ઘટકો સુશોભન કરતાં વધુ માનવામાં આવે છે: 8–25px ની ગોળાકાર ત્રિજ્યા, પાતળી 1px બોર્ડર્સ, ન્યૂનતમ ડ્રોપ શેડોઝ અને અર્ધપારદર્શક સપાટીઓ જે ખાલી જગ્યાને ચમકવા દે છે.
પૂર્ણ-પહોળાઈવાળા વિભાગો કાળા કેનવાસથી આગળ વધે છે, સામગ્રી મહત્તમ પહોળાઈ ~1200px સુધી મર્યાદિત છે અને અંદર કેન્દ્રિત છે. મુખ્ય વિભાગમાં ડાબી બાજુ ગોઠવાયેલ હેડર અને સિંગલ કોલ-ટુ-એક્શન (CTA) બટન છે, જમણી બાજુ ઇરાદાપૂર્વક ખાલી છોડી દેવામાં આવે છે—અસમપ્રમાણતાપૂર્વક, કેન્દ્રિત નહીં. વિભાગો ફક્ત ટેક્સ્ટ-ઓન્લી લેઆઉટ (મોટા હેડર + સબટેક્સ્ટ) અને ઉત્પાદન સ્ક્રીનશોટ વચ્ચે વૈકલ્પિક હોય છે. "ફ્રેમર સાથે આવે છે" વિભાગ 4-કૉલમ ગ્રીડમાં લોગો દિવાલનો ઉપયોગ કરે છે. સમુદાય વિભાગમાં, ઉત્પાદન સ્ક્રીનશોટ ગોળાકાર ખૂણાઓ સાથે કેન્દ્રિત, પૂર્ણ-પહોળાઈવાળા કન્ટેનરમાં મૂકવામાં આવે છે. નેવિગેશન ન્યૂનતમ છે—ડાબી બાજુ લોગો સાથે પાતળો ટોચનો બાર અને જમણી બાજુ ગોઠવાયેલ લિંક્સ, કોઈ દૃશ્યમાન નિયંત્રણો વિના. વિભાગ લય: વિભાગો વચ્ચે નોંધપાત્ર 80px ઊભી ગાબડા, ખાલી જગ્યામાં તરતી સામગ્રીના વિશિષ્ટ ટાપુઓ બનાવે છે.
પ્રોડક્ટના યુઝર ઇન્ટરફેસના સ્ક્રીનશોટ પ્રભુત્વ ધરાવે છે—ટ્રાફિક લાઇટ ડોટ્સ સાથે ક્રોમ જેવી વિન્ડો દ્વારા ફ્રેમ કરાયેલ, એપ્લિકેશનના એમ્બેડેડ સ્ક્રીનશોટ મુખ્ય છબી બની જાય છે. ગુણવત્તાના પુરાવા તરીકે સેવા આપતા લોગો, વિશાળ અંતર સાથે કાળા પૃષ્ઠભૂમિ પર સફેદ અક્ષરોમાં રજૂ કરવામાં આવે છે. કોઈ ફોટોગ્રાફ્સ, ચિત્રો અથવા અમૂર્ત ગ્રાફિક્સનો ઉપયોગ કરવામાં આવતો નથી—દ્રશ્ય ભાષા એ ઉત્પાદન જ છે, જે જીવંત ઇન્ટરફેસ તરીકે પ્રદર્શિત થાય છે. આઇકન શૈલી: નાના કદમાં ઓછામાં ઓછા, રૂપરેખાંકિત, મોનોક્રોમ અને સફેદ. ટેક્સ્ટ ઘનતા: મુખ્યત્વે ટેક્સ્ટ, ઉત્પાદન સ્ક્રીનશોટના રૂપમાં પ્રસંગોપાત મોટા ટુકડાઓ સાથે. જગ્યાનું દ્રશ્ય સંતુલન સ્પષ્ટપણે છબીઓ કરતાં ટાઇપોગ્રાફીની તરફેણ કરે છે.
પેલેટ
બ્રાન્ડ
- Vivid Violet
#0066ff— ઇન્ટરફેસમાં પ્રાથમિક એક્શન બટન એકમાત્ર એવી જગ્યા છે જ્યાં ઘન રંગીન બટન પૃષ્ઠભૂમિ પ્રદર્શિત થાય છે.
તટસ્થ
- Bone
#ffffff— મુખ્ય શીર્ષકો, ઘેરા પૃષ્ઠભૂમિ પર મુખ્ય ટેક્સ્ટ, બટન પૃષ્ઠભૂમિ એ પ્રકાશનો એકમાત્ર સ્ત્રોત છે. - Void
#000000— પેજ કેનવાસ, નેવિગેશન બેકગ્રાઉન્ડ, કાર્ડ સપાટીઓ, આઇકોન ફિલ - આ બધું એક અનંત કાળો રંગ છે જે બધી બિન-આવશ્યક સામગ્રીને શોષી લે છે. - Graphite
#111111— ઉંચા કાર્ડ સપાટીઓ ખાલી જગ્યાથી એક પગલું ઉપર છે - મોટા, કાર્યાત્મક કાર્ડ અને મોડલ કન્ટેનર. - Obsidian
#171717— બટનો, વધારાના કાર્ડ્સ, UI ભરણ માટે મધ્યવર્તી સપાટી - કેનવાસથી ઇન્ટરેક્ટિવ તત્વોને અલગ કરે છે. - Slate
#242424— હોવર પર, ટેક્સ્ટ ફોર્મેટ પર સ્વિચ કરતા પહેલા ઇનપુટ ફીલ્ડ્સ અને ઇન્ડેન્ટેડ પેનલ્સ સૌથી તેજસ્વી તટસ્થ શેડ હોય છે. - Ash
#333333— નિષ્ક્રિય પૃષ્ઠભૂમિ છબીઓ અને માળખાકીય તત્વો માટે ડીપ ફિલ.
ટાઇપોગ્રાફી
૧૨ થી ૬૮ પિક્સેલ સુધી · ૮ પગલાં
- sans-serif — રિપ્લેસમેન્ટ: Inter · રૂપરેખા 400 · sans-serif - કાઢવામાં આવેલા ડેટામાં જોવા મળે છે પરંતુ AI દ્વારા વર્ણવેલ નથી.
- GT Walsheim — રિપ્લેસમેન્ટ: Inter Tight · રૂપરેખા 500 · હેડિંગ અને ટાઇટલ માટેનો ફોન્ટ બ્રાન્ડ ફોન્ટ છે. તે આક્રમક રીતે સંક્ષિપ્ત છે, 44–68px રેન્જમાં 0.8–1.1 નું રેખા અંતર અને -0.04em થી -0.05em સુધી અક્ષર અંતર સાથે. તે સુશોભન તત્વ નથી; GT Walsheim ની ભૌમિતિક હૂંફ, કડક મેટ્રિક્સ સાથે જોડાયેલી, સિસ્ટમનો અવાજ બનાવે છે - આત્મવિશ્વાસપૂર્ણ, કોમ્પેક્ટ અને સહેજ ભવિષ્યવાદી. સમાન ભૌમિતિક અભિવ્યક્તિ માટે, ઇન્ટર ટાઇટ અથવા સ્પેસ ગ્રોટેસ્ક બોલ્ડનો વિચાર કરો.
- Inter Variable — રિપ્લેસમેન્ટ: Inter · રૂપરેખા 400 · મુખ્ય ટેક્સ્ટ, નેવિગેશન અને ગૌણ શીર્ષકો વર્કહોર્સ છે. ઇન્ટર વેરિયેબલ અક્ષ વજનના સરળ પ્રક્ષેપણ માટે પરવાનગી આપે છે. કદ વધતાં ટ્રેકિંગ સંકુચિત થાય છે: -0.001em થી 18px અને -0.027em થી 22px. ચલ સંસ્કરણ સાઇટના સરળ માઇક્રો-એનિમેશન માટે પરવાનગી આપે છે. રિપ્લેસમેન્ટ: ઇન્ટર ( Google) - વર્ચ્યુઅલ રીતે સમાન ફોલબેક.
અંતરાલો અને સ્વરૂપ
| હેતુ | અર્થ |
|---|---|
| ઘનતા | સરેરાશ |
| મૂળભૂત પગલું | 10px |
| બટન ત્રિજ્યા | 9999px |
| કાર્ડ ત્રિજ્યા | 20px |
| પડછાયાઓ | પડછાયાને બદલે ના - સરહદો |
| વિભાગો વચ્ચે | 80px |
| પૃષ્ઠ પહોળાઈ | 1200px |
AI તમારી વેબસાઇટ Framer શૈલીમાં બનાવશે અને તેને ભરી દેશે.
- લિંક દ્વારા ઉત્પાદનો અને પોસ્ટ્સ ભરો - Instagram, TikTok, Facebook.
- તમારી જૂની સાઇટ પરથી સામગ્રી ટ્રાન્સફર કરો—ફક્ત સરનામું સ્પષ્ટ કરો.
- શ્રેષ્ઠ એન્જિન પર આધુનિક ડિઝાઇન: સર્વર રેન્ડરિંગ અને SEO ઑપ્ટિમાઇઝેશન સાથે React ( Next.js).
- શોધ પરિણામો અને ન્યુરલ નેટવર્ક ભલામણો માટે સંપૂર્ણપણે સ્વચાલિત SEO ઑપ્ટિમાઇઝેશન.
સમાન શૈલીઓ
- Auros — બાયોલ્યુમિનેસેન્ટ ડેટા બોલ્સ સાથેનું પાતાળ ટર્મિનલ
- Origin Financial — શાંત વૈભવની મધ્યરાત્રિની ગેલેરી. એક શાંત, લગભગ અંધારી ઓરડો જ્યાં મોટા સેરીફ ફોન્ટ્સ અને થોડા પ્રકાશિત રંગીન પેનલ એવી લાગણી પેદા કરે છે કે ફાઇનાન્સ એ કલાનું કાળજીપૂર્વક તૈયાર કરેલું કાર્ય છે.
- Raycast — મિડનાઈટ કમાન્ડ સેન્ટર, કોરલ નિયોન
- Dimension — હિમાચ્છાદિત કાચની પેનલો સાથે સાંજના પ્રકાશવાળું વર્કસ્ટેશન
- Reflect Notes — તારાઓવાળી વાયોલેટ જગ્યા એક ઘેરી વેધશાળા છે જ્યાં લગભગ કાળા ઈન્ડિગો શૂન્યતાની પૃષ્ઠભૂમિ સામે નોંધો નક્ષત્રોની જેમ તરતી રહે છે.
- Ameba — મધ્યરાત્રિએ કંટ્રોલ રૂમ - હિમાચ્છાદિત કાચની પેનલની અંદર વાદળી રંગનો ઇલેક્ટ્રિક પલ્સ
- Branding — કાળી ગેલેરી દિવાલ, લોહી લાલ ઉચ્ચારો - મોટા સફેદ ફોન્ટ્સ એક ઘેરા કેનવાસ પર તરતા હોય છે જે ખાલી જગ્યા જેવું લાગે છે, જેમાં એક જ તેજસ્વી લાલ ઉચ્ચાર અને આકર્ષક સુશોભન તત્વો હોય છે જે વેબ ઇન્ટરફેસ કરતાં ગેલેરી સાઇનેજ જેવા દેખાય છે.
- Harness — મધ્યરાત્રિએ ફોસ્ફોરેસન્ટ લીલા ઉચ્ચારો સાથે મિશન નિયંત્રણ
- Koto — મધ્યરાત્રિએ ઓબ્સિડીયન ગેલેરી. લગભગ કાળા રંગનું સ્ટેજ, જ્યાં એકમાત્ર ગરમ પ્રકાશ સ્ત્રોત એક પીળો માર્કર છે, અને કન્ડેન્સ્ડ પ્રકાર પ્રદર્શન પોસ્ટરોની જેમ વિશાળ નકારાત્મક જગ્યામાં તરે છે.
- Ohzi — અંધારી ગેલેરીમાં લટકાવેલું એક ચમકતું ઘન
- Depot — એક ઘેરો સર્વર ટર્મિનલ. લગભગ કાળો ડેવલપર કન્સોલ, જેમાં એક લીલો LED કામ શરૂ થવાનો સંકેત આપે છે, અને બાકીનો યુઝર ઇન્ટરફેસ ગ્રેફાઇટમાં પ્રદર્શિત થાય છે.
- Maciej Zadykowicz — મિડનાઈટ ગેલેરી તેના કેલિડોસ્કોપિક ભીંતચિત્ર સાથે લગભગ કાળા રંગની સ્ટુડિયો દિવાલ છે જ્યાં એક જીવંત, રંગબેરંગી ટાઇપોગ્રાફિક કલાકૃતિ ધ્યાન ખેંચે છે જ્યારે બાકીનું બધું શાંત અને ઇરાદાપૂર્વક રહે છે.