Linear
મધ્યરાત્રિ ચોકસાઇ સાધન
લીનિયર ડિઝાઇન સિસ્ટમ એક નિશાચર કમાન્ડ સેન્ટર છે જે લગભગ કાળા સપાટીઓ (#08090a) પર બનેલ છે જેમાં ક્રિસ્પ વ્હાઇટ ટાઇપ અને સિંગલ લાઈમ-ગ્રીન એક્સેન્ટ (#e4f222) છે જે એક કાર્યાત્મક ફ્લેશલાઇટ તરીકે કાર્ય કરે છે—નાનું, ઉચ્ચ-કોન્ટ્રાસ્ટ, અને ક્રિયાઓ સૂચવવા માટે ભાગ્યે જ ઉપયોગમાં લેવાય છે. ઇન્ટરફેસ અંધારાને થીમ કરતાં પાયા તરીકે ગણે છે: ટેક્સ્ટ ચુસ્ત અક્ષર-અંતર (-0.022em) સાથે ક્રિસ્પ વ્હાઇટ છે, ફોન્ટ વજન બોલ્ડ કરતાં ઓછી 400–510 રેન્જમાં છે, અને બોર્ડર્સ અતિ-પાતળા (0.5px) છે જેથી ભૂમિતિ સામાન્ય રીતે પડછાયાઓ દ્વારા કરવામાં આવતા કાર્યને મંજૂરી આપે. ઘટકો ચોક્કસ રીતે રચાયેલા લાગે છે—6px અને 12px ત્રિજ્યા, કોમ્પેક્ટ 8–12px માર્જિન, અને સુશોભન તત્વોનો લગભગ સંપૂર્ણ અભાવ—જે ઉત્પાદન UI (ટાસ્ક કાર્ડ્સ, કાનબન બોર્ડ્સ, AI એજન્ટ પેનલ્સ) ને અન્યથા શાંત સિસ્ટમમાં એકમાત્ર દ્રશ્ય રચના બનવાની મંજૂરી આપે છે.
લેઆઉટની મહત્તમ પહોળાઈ આશરે 1200px છે, જે મધ્યમાં છે, અને ઘેરી પૃષ્ઠભૂમિ વ્યૂપોર્ટની કિનારીઓ સુધી વિસ્તરે છે. મુખ્ય તત્વ એક મોટી હેડલાઇન છે, ડાબી બાજુ ગોઠવાયેલ (64–72px), જમણી બાજુ ગોઠવાયેલ કોલ ટુ એક્શન (CTA) સાથે જોડાયેલ છે, ત્યારબાદ એક મોટો પ્રોડક્ટ સ્ક્રીનશોટ છે જે મહત્તમ પહોળાઈથી થોડો આગળ વધે છે. વિભાગોની લય બે-કૉલમ રચનાઓ વચ્ચે વૈકલ્પિક રીતે થાય છે જેમાં ડાબી બાજુ ટેક્સ્ટ અને જમણી બાજુ એક છબી હોય છે, અને 96px વર્ટિકલ ગટર દ્વારા અલગ કરાયેલ પૂર્ણ-પહોળાઈ ઉત્પાદન પ્રદર્શન સ્ટ્રીપ્સ હોય છે. ક્લાયંટના લોગો સાથેની સ્ટ્રીપ એક જ આડી પંક્તિ છે. પૃષ્ઠ ક્યારેય ત્રણ-કૉલમ કાર્ડ ગ્રીડ અથવા ટાઇલ્ડ સ્ટ્રક્ચરનો ઉપયોગ કરતું નથી—માહિતી ઘનતા ઓછી રહે છે, મોટાભાગના વિભાગો પૂરતી સફેદ જગ્યા અને સ્ક્રીન પર એક જ ફોકલ તત્વનો ઉપયોગ કરે છે. નેવિગેશન એ ડાબી બાજુ ગોઠવાયેલ લોગો અને જમણી બાજુ ગોઠવાયેલ લિંક્સ સાથે એક નિશ્ચિત ટોચનો બાર છે, જેમાં સાઇડબાર અથવા મેગા-મેનૂ નથી.
લીનિયરની દ્રશ્ય ભાષા ઉત્પાદન સ્ક્રીનશૉટ્સ પર આધારિત છે: શરૂઆતમાં અને વિભાગોમાં ચિત્રો લીનિયર એપ્લિકેશનના વપરાશકર્તા ઇન્ટરફેસની વાસ્તવિક છબીઓ છે, જે મહત્તમ વિગતવાર કેપ્ચર કરવામાં આવી છે - ટાસ્ક કાર્ડ્સ, કાનબન બોર્ડ્સ, AI એજન્ટ ડેશબોર્ડ્સ, કમાન્ડ પેલેટ્સ - પાતળા ફ્રેમવાળા ફ્રેમમાં મૂકવામાં આવ્યા છે. કોઈ સ્ટોક ફોટા નથી, કોઈ જીવનશૈલી છબીઓ નથી, કોઈ અમૂર્ત ચિત્રો નથી. ગ્રાહકો માટે લોગો એક સમાન કદના તટસ્થ ગ્રે સ્ટ્રાઇપ (#8a8f98) તરીકે પ્રદર્શિત થાય છે. ચિહ્નો મોનોક્રોમેટિક ગ્રે સ્કેલમાં ઓછામાં ઓછા રેખીય SVG છબીઓ છે. પૃષ્ઠની ટોચ પરનો સ્ક્રીનશૉટ સૂક્ષ્મ રેખીય ઢાળ (અંધારાથી પ્રકાશ સુધી) પર તરે છે, વાસ્તવિક લેન્ડસ્કેપ્સનો ઉપયોગ કર્યા વિના વાતાવરણીય ઊંડાઈ બનાવે છે. દરેક દ્રશ્ય તત્વ એ ઉત્પાદનનું જ એક કાર્યાત્મક તત્વ છે.
પેલેટ
બ્રાન્ડ
- Acid Lime
#e4f222— મુખ્ય નિયંત્રણ બટનો અને સક્રિય નેવિગેશન સૂચકાંકો એક તેજસ્વી ઉચ્ચારણ છે જે મોનોક્રોમ રંગ યોજનાને તોડે છે.
તટસ્થ
- Mist
#d0d6e0— ગૌણ મથાળાઓ, ઘેરા સપાટી પર બટન ટેક્સ્ટ - Void
#08090a— પેજ કેનવાસ, પૂર્ણ-પહોળાઈની પૃષ્ઠભૂમિ છબી - મૂળભૂત રીતે, બધા તત્વો આ પૃષ્ઠભૂમિ પર મૂકવામાં આવે છે. - Carbon
#0f1011— કાર્ડની અંદર સામગ્રી મૂકવા માટે કાર્ડ સપાટીઓ, નેવિગેશન બાર, કેનવાસથી એક પગથિયું ઉપર છે. - Obsidian
#161718— ઉંચી સપાટીઓ, ઊંડા કાર્ડબોર્ડ પેનલ્સ - Graphite
#23252a— સૂક્ષ્મ કિનારીઓ, વિભાજકો, સૂક્ષ્મ બટન રૂપરેખા - ઓછી-વિરોધાભાસી ટેક્ષ્ચર ધાર - Smoke
#383b3f— ગ્રેફાઇટ-સેક્શન વિભાજકો કરતાં પાતળા કિનારીઓ વધુ કોન્ટ્રાસ્ટ ધરાવે છે.
ટાઇપોગ્રાફી
૧૩ થી ૭૨ પિક્સેલ સુધી · ૮ પગલાં
- Inter Variable — રિપ્લેસમેન્ટ: Inter (variable) · રૂપરેખા 300, 400, 510, 590 · પ્રાથમિક UI અને હેડર ફોન્ટ - નેવિગેશન, બોડી ટેક્સ્ટ, હેડિંગ, બટનો અને કાર્ડ્સમાં વપરાય છે.
- Berkeley Mono — રિપ્લેસમેન્ટ: JetBrains Mono · રૂપરેખા 400 · કોડ-એડજેસ્ટન્ટ UI ટેક્સ્ટ - રિલીઝ આઇડેન્ટિફાયર (ENG-2703), કીબોર્ડ શોર્ટકટ્સ, મોનોસ્પેસ ફોન્ટ મેટાડેટા
અંતરાલો અને સ્વરૂપ
| હેતુ | અર્થ |
|---|---|
| ઘનતા | જગ્યા ધરાવતું |
| મૂળભૂત પગલું | 8px |
| બટન ત્રિજ્યા | 6px |
| કાર્ડ ત્રિજ્યા | 12px |
| પડછાયાઓ | પડછાયાને બદલે ના - સરહદો |
| વિભાગો વચ્ચે | 96px |
| પૃષ્ઠ પહોળાઈ | 1200px |
AI તમારી વેબસાઇટ Linear શૈલીમાં બનાવશે અને તેને ભરી દેશે.
- લિંક દ્વારા ઉત્પાદનો અને પોસ્ટ્સ ભરો - Instagram, TikTok, Facebook.
- તમારી જૂની સાઇટ પરથી સામગ્રી ટ્રાન્સફર કરો—ફક્ત સરનામું સ્પષ્ટ કરો.
- શ્રેષ્ઠ એન્જિન પર આધુનિક ડિઝાઇન: સર્વર રેન્ડરિંગ અને SEO ઑપ્ટિમાઇઝેશન સાથે React ( Next.js).
- શોધ પરિણામો અને ન્યુરલ નેટવર્ક ભલામણો માટે સંપૂર્ણપણે સ્વચાલિત SEO ઑપ્ટિમાઇઝેશન.
સમાન શૈલીઓ
- Aaru — મધ્યરાત્રિએ કણ ક્ષેત્ર વેધશાળા
- Atlas Card — મિડનાઈટ વૉલ્ટ, તેના સિંગલ નીલમ કિરણ સાથે, એક ઘેરો કાળો વિસ્તાર છે જ્યાં એકમાત્ર વસ્તુ જે મહત્વપૂર્ણ છે તે છે ઊંડા ઇલેક્ટ્રિક વાદળી.
- Checkly — ડીપ ઓર્બિટ મિશન કંટ્રોલ સેન્ટર
- Savee — વિઝ્યુઅલ ક્યુરેટર્સ માટે બ્લેક કેનવાસ
- Inngest — એક ઘેરી, શાંત વેધશાળા, જે સાધનો સાથે કામ કરવા માટે સજ્જ છે, જે એક જ એમ્બર પાયલોટ લાઇટથી પ્રકાશિત છે.
- Graphite — તેજસ્વી એન્ડ ગ્રીડ. ચોક્કસ સફેદ ટાઇપોગ્રાફિક નિશાનો અને ક્યારેક ક્યારેક સ્પેક્ટ્રલ પ્રકાશના ઝબકારા સાથે ઘેરા, કિનારીવાળા ઉત્પાદન સપાટીઓ બનાવો.
- Featurebase — જાંબલી રંગનો કન્સોલ. દરેક પૃષ્ઠને એક ઘેરા, શાંત સ્ટેજ તરીકે કલ્પના કરો, જેમાં નીચેની ધારથી બહાર આવતા ઉત્પાદન માટે એક ઝળહળતું કાર્યસ્થળ હોય.
- Nuxt — ઊંડા અવકાશમાં ટર્મિનલ ગ્લો. ઘેરા, બંધ ઇન્ટરફેસ પ્લેન બનાવો જ્યાં વાદળી-કાળા સપાટીઓ સામે લીલો પ્રકાશ સિગ્નલ તરીકે દેખાય.
- AZAK — સાંજના સમયે એક અભિયાન વાહન. પૃષ્ઠ ક્રમમાં સંક્ષિપ્ત તકનીકી વર્ણનો શામેલ છે: એક કાળો ક્ષેત્ર, તકનીકી સ્પષ્ટીકરણોની એક પ્રકાશ શીટ, અને પછી એક વિઝ્યુલાઇઝ્ડ પ્રોપલ્શન સિસ્ટમ.
- Dala — કાળા મખમલ પર ફરતું એક નક્ષત્ર
- Origin Financial — શાંત વૈભવની મધ્યરાત્રિની ગેલેરી. એક શાંત, લગભગ અંધારી ઓરડો જ્યાં મોટા સેરીફ ફોન્ટ્સ અને થોડા પ્રકાશિત રંગીન પેનલ એવી લાગણી પેદા કરે છે કે ફાઇનાન્સ એ કલાનું કાળજીપૂર્વક તૈયાર કરેલું કાર્ય છે.
- Hyperstudio — ડિઝાઇન ઓબ્સિડીયનમાં ઉઝરડા કરેલી છે. લખાણ અને ઝીણી રેખાઓ શુદ્ધ કાળા રંગની સફેદ જગ્યાને ફ્રેમ કરે છે, જેમાં ક્યારેક સોનેરી હોકાયંત્રના ચિહ્નો રસ્તો દર્શાવે છે.