Huly
મિડનાઈટ ઓબ્ઝર્વેટરી ખાતે નોર્ધન લાઈટ્સ - નાયક જાંબલી રંગનો એક ઊભો કિરણ છે જે કોરલમાં ઝાંખો પડી જાય છે, અને તેની નીચેનો દરેક શાંત ભાગ વધુ શાંત સ્વરમાં કહેવામાં આવેલી સમાન બે-સ્વર વાર્તા ઉધાર લે છે.
હ્યુલી એક કોસ્મિક વર્કસ્પેસના વાતાવરણને ઉજાગર કરે છે: એક જ વાયોલેટ-એમ્બર ગ્લો સાથેનો લગભગ કાળો કેનવાસ જે મુખ્ય તત્વમાંથી પસાર થાય છે, અને તેની નીચે, ઉત્પાદકતા વધારવા માટે વધુ શાંત ગ્રીડ. સિસ્ટમ સાંકડી રંગ શ્રેણીમાં કાર્ય કરે છે - એક તેજસ્વી વાદળી અને એક કોરલ સ્તરવાળી ગ્રેફાઇટ સપાટીઓ સામે તમામ બ્રાન્ડિંગ કાર્ય કરે છે, તેથી ડાર્ક મોડ ક્યારેય તટસ્થ લાગતો નથી. ટાઇપોગ્રાફી દરેક કાર્યાત્મક વસ્તુ માટે ઇન્ટર-સ્ટાઇલ છે, જેમાં મુખ્ય બિંદુઓ માટે આરક્ષિત કસ્ટમ ફોન્ટ (Esbuild) છે, જેમાં 80-84px ની પિચ અને આક્રમક નકારાત્મક અક્ષર અંતર છે. ઘટકો કેપ્સ્યુલ આકારના છે: નિયંત્રણો પર 9999px ત્રિજ્યા, કાર્ડ્સ પર 12px, ન્યૂનતમ પડછાયો અને મુખ્ય શણગાર તરીકે ગ્લોઇંગ ગ્રેડિયન્ટ રેખાઓ. પૃષ્ઠ પૂર્ણ-પૃષ્ઠ શ્યામ વિસ્તારો અને શાંત પ્રકાશ વિભાગો વચ્ચે વૈકલ્પિક થાય છે, તેથી કોઈપણ નવી સ્ક્રીને રંગો પસંદ કરતા પહેલા મોડ પર નિર્ણય લેવો જોઈએ.
પૂર્ણ-પહોળાઈવાળા હોમપેજમાં ઉત્તરીય લાઇટ્સનો વર્ટિકલ બીમ અને ડાબી બાજુ ગોઠવાયેલ હેડલાઇન છે, સાથે નીચે જમણી બાજુએ સ્થિત ઉત્પાદન સ્ક્રીનશોટ પણ છે. હોમપેજની નીચે મહત્તમ પહોળાઈ, 1200px, વૈકલ્પિક ઘેરા અને હળવા પટ્ટાઓનો સામગ્રી વિસ્તાર છે. દરેક વિભાગ એક જ વર્ટિકલ બ્લોક છે: એક હેડર વત્તા 96px ગેપ દ્વારા અલગ કરાયેલા કાર્ડ્સની 3- અથવા 4-કૉલમ ગ્રીડ. "મેટાબ્રેન" વિભાગ ગ્રીડને કેન્દ્રિત હેડલાઇન અને વિવિધ કદના કાર્ડ્સના મોઝેક (મોટા મુખ્ય કાર્ડ વત્તા નાના સહાયક કાર્ડ્સ) સાથે તોડે છે. પૃષ્ઠ સામગ્રી-ભારે છે, SaaS ધોરણોને અનુસરે છે, પરંતુ દરેક વિભાગને શ્વાસ લેવા માટે જગ્યા આપવા માટે વૈકલ્પિક ઘેરા અને હળવા પટ્ટાઓનો ઉપયોગ કરે છે. નેવિગેશન એક જ પારદર્શક ટોચ બાર છે જે તમે સ્ક્રોલ કરો છો તેમ અપારદર્શક થઈ જાય છે.
મુખ્ય તત્વ શુદ્ધ ઓરોરા ગ્રેડિયન્ટ છે, જેમાં ફોટોગ્રાફ્સ નથી. બધા ચિત્રો ઉત્પાદનના UI (ડાર્ક મોડમાં કાનબન, ઇનબોક્સ, કેલેન્ડર) ના વાસ્તવિક સ્ક્રીનશૉટ્સ છે, જે કાર્ડ ફ્રેમમાં ફ્રેમ કરેલા છે જે પુરાવા અને સુશોભન બંને તરીકે સેવા આપે છે. કોઈ જીવનશૈલીના ફોટા નથી, કોઈ સ્ટોક છબીઓ નથી, કોઈ 3D રેન્ડર નથી. UI સાથે સંબંધિત ન હોય તેવું એકમાત્ર દ્રશ્ય તત્વ એ ઓરોરાના પાયા પર ગરમ, રેડિયલ સનબર્સ્ટ ગ્લો છે, જે CSS ગ્રેડિયન્ટ તરીકે રેન્ડર કરવામાં આવે છે. ચિહ્નો #95979 માં મોનોક્રોમ લાઇન આઇકન છે અથવા સફેદ, ક્યારેય બહુરંગી નથી. સિસ્ટમ તેના પોતાના ઘેરા UI ને મુખ્ય તત્વ તરીકે ગણે છે - ઉત્પાદન ફોટોગ્રાફ્સ છે.
પેલેટ
બ્રાન્ડ
- Electric Iris
#5683da— મુખ્ય પૃષ્ઠભૂમિ, સક્રિય નેવિગેશન સૂચક અને આકર્ષક ઉત્તરીય લાઇટ્સ ઉચ્ચાર - જેટ-બ્લેક પૃષ્ઠભૂમિ પર એક જીવંત વાયોલેટ-વાદળી રંગ - કોર્પોરેટ પ્રવૃત્તિને બદલે જોડાણની છાપ ઉભી કરે છે. - Ember Pulse
#ff8964— ગૌણ ઉચ્ચારણ, ગરમ ઉત્તરીય લાઇટ્સ ઝોન, સૂચના બિંદુ અને ચિત્ર હાઇલાઇટ - એક એમ્બર રંગ જે વાદળી રંગની સંયમતાને તોડે છે અને બીમમાં હૂંફ ઉમેરે છે.
તટસ્થ
- Obsidian Canvas
#303236— પૃષ્ઠની પૃષ્ઠભૂમિ, મુખ્ય સપાટી, લગભગ કાળો રંગ છે જેમાં થોડી હૂંફનો સંકેત છે, જે બધી સામગ્રી માટે પ્રમાણભૂત વાતાવરણ છે. - Void
#090a0c— મુખ્ય સ્ક્રીન પરના ગ્રેડિયન્ટ્સ, મોડલ બેકગ્રાઉન્ડ્સ અને ફ્રેમ્સ માટે સૌથી ઊંડો સપાટી સ્તર જે કેનવાસમાં ભળી જવા જોઈએ. - Charcoal Card
#111111— કાર્ડબોર્ડ અને પેનલ્સથી બનેલી ઉંચી સપાટીઓ, કેનવાસથી એક ડગલું ઉપર સ્થિત. - Slate Edge
#4a4b50— કાળી સપાટી પર સૂક્ષ્મ કિનારીઓ અને વિભાજકો - Iron Veil
#6b6c6d— ટૅગ્સ, લિસ્ટ આઇટમ ફિલ્સ અને ડિસેબલ ફિલ્સ માટે ઝાંખું બેકગ્રાઉન્ડ. - Smoke
#95979e— મધ્યમ ગ્રે રંગમાં આઇકન આઉટલાઇન, વધારાના ટેક્સ્ટ અને નિષ્ક્રિય નિયંત્રણો પ્રાથમિક કાર્યકારી તત્વ છે.
ટાઇપોગ્રાફી
૧૧ થી ૮૦ પિક્સેલ સુધી · ૮ પગલાં
- Inter — રિપ્લેસમેન્ટ: DM Sans · રૂપરેખા 300, 400, 500, 600, 700 · યુઝર ઇન્ટરફેસમાં બધા કાર્યાત્મક ટેક્સ્ટ - બોડી ટેક્સ્ટ, નેવિગેશન, બટનો, સૂચિ વસ્તુઓ, લેબલ્સ અને નાના શીર્ષકો - નો ઉપયોગ ભાર માટે 500-600, બોડી ટેક્સ્ટ માટે 400 અને અવ્યવસ્થિત મેટાડેટા માટે 300 ફોન્ટ વજન સાથે થાય છે.
- Esbuild — રિપ્લેસમેન્ટ: Sora · રૂપરેખા 400, 500, 600 · ફક્ત-દર્શાવો: સ્પ્લેશ શીર્ષકો, વિભાગ શીર્ષકો અને મેટાબ્રેન લેખ શીર્ષકો. સંક્ષિપ્ત ભૂમિતિ અને ચુસ્ત અક્ષર અંતર એવી છાપ બનાવે છે કે SaaS પ્રોજેક્ટ્સ કરતાં 84px સંપાદકીય કાર્ય માટે વધુ યોગ્ય છે. ક્યારેય 28px થી નીચેનો ઉપયોગ કરશો નહીં.
અંતરાલો અને સ્વરૂપ
| હેતુ | અર્થ |
|---|---|
| ઘનતા | જગ્યા ધરાવતું |
| મૂળભૂત પગલું | 12px |
| બટન ત્રિજ્યા | 9999px |
| કાર્ડ ત્રિજ્યા | 12px |
| પડછાયાઓ | નરમ પડછાયાઓ |
| વિભાગો વચ્ચે | 96px |
| પૃષ્ઠ પહોળાઈ | 1200px |
AI તમારી વેબસાઇટ Huly શૈલીમાં બનાવશે અને તેને ભરી દેશે.
- લિંક દ્વારા ઉત્પાદનો અને પોસ્ટ્સ ભરો - Instagram, TikTok, Facebook.
- તમારી જૂની સાઇટ પરથી સામગ્રી ટ્રાન્સફર કરો—ફક્ત સરનામું સ્પષ્ટ કરો.
- શ્રેષ્ઠ એન્જિન પર આધુનિક ડિઝાઇન: સર્વર રેન્ડરિંગ અને SEO ઑપ્ટિમાઇઝેશન સાથે React ( Next.js).
- શોધ પરિણામો અને ન્યુરલ નેટવર્ક ભલામણો માટે સંપૂર્ણપણે સ્વચાલિત SEO ઑપ્ટિમાઇઝેશન.
સમાન શૈલીઓ
- monday — પેસ્ટલ સ્ટીકર સાથે સફેદ વર્કશોપ
- Slack — સ્ટેજ સફેદ સ્પોટલાઇટ્સ સાથે રીંગણા રંગનો છે. ઘેરા વિસ્તારો પર ઘેરો પ્લમ રંગ પ્રભુત્વ ધરાવે છે, જ્યારે ઓફ-વ્હાઇટ કેનવાસ મોટા, અવંત-ગાર્ડે ટાઇટલને મુક્તપણે શ્વાસ લેવાની મંજૂરી આપે છે.
- Base44 — ચૂનાના માર્કર સાથે સૂર્યપ્રકાશવાળી નોટબુક
- Supahub — જાંબલી રંગની પટ્ટી પર નરમ દિવસનો પ્રકાશ. એક તેજસ્વી જાંબલી સૂર્યથી પ્રકાશિત મોટે ભાગે સફેદ, હવાદાર કેનવાસ, જેમાં સુશોભન ઢાળવાળા ગોળા નકારાત્મક જગ્યામાં રંગ ફેલાવે છે અને ઉદાર ગોળાકાર ભૂમિતિ દરેક સપાટીને સુખદ, મૂર્ત ભારેપણું આપે છે.
- Raycast — મિડનાઈટ કમાન્ડ સેન્ટર, કોરલ નિયોન
- Dimension — હિમાચ્છાદિત કાચની પેનલો સાથે સાંજના પ્રકાશવાળું વર્કસ્ટેશન
- Wiza — સાંજના સમયે લવંડરના ઝાકળથી ઢંકાયેલી ખનિજ શોધ વેધશાળા.
- Paste — સફેદ આરસપહાણ પર એક એમ્બર ફાનસ - બ્રાન્ડનો ગરમ ગ્રેડિયન્ટ લોગો વિશાળ સફેદ જગ્યામાં ફરે છે, જેમ કે બરફથી ઢંકાયેલી ઇમારતમાં એકમાત્ર પ્રકાશિત બારી.
- Reworkd — પ્રોડક્ટ ડાયાગ્રામ પરનો સોફ્ટ ડેલાઇટ એકમાત્ર રંગ છે જે પોતાના માટે બોલે છે, તે એક્શન બટન અને તેની ઉપરનો ગ્રેડિયન્ટ હેડલાઇન છે.
- Reflect Notes — તારાઓવાળી વાયોલેટ જગ્યા એક ઘેરી વેધશાળા છે જ્યાં લગભગ કાળા ઈન્ડિગો શૂન્યતાની પૃષ્ઠભૂમિ સામે નોંધો નક્ષત્રોની જેમ તરતી રહે છે.
- Ameba — મધ્યરાત્રિએ કંટ્રોલ રૂમ - હિમાચ્છાદિત કાચની પેનલની અંદર વાદળી રંગનો ઇલેક્ટ્રિક પલ્સ
- Todoist — કાગળની ડાયરી સાથે સૂર્યપ્રકાશિત કાર્યસ્થળ - ગરમ ક્રીમ ડેસ્ક, શાહીની નોંધો, એક લાલ પેન