Superlist
કોરલ અંગારા સાથે રાત્રિના સમયે કાર્યસ્થળ - એક શાંત રીંગણ એપ્લિકેશન સપાટી જ્યાં એક ગરમ નારંગી તણખા દરેક ક્રિયાનો સંકેત આપે છે
સુપરલિસ્ટ મધ્યરાત્રિના જાંબલી રંગમાં ઉત્પાદકતા ભાષાનો ઉપયોગ કરે છે: ઊંડા રીંગણા, એકમાત્ર પ્રાથમિક રંગ તરીકે ગરમ કોરલ, અને મોટા સેન્સ-સેરીફ હેડલાઇન્સ જે સમગ્ર વાતાવરણને કેપ્ચર કરે છે. ઇન્ટરફેસ મોડી રાત સુધી કેન્દ્રિત કાર્યની લાગણી ઉજાગર કરે છે - શાંત, સ્તરીય અને આત્મવિશ્વાસપૂર્ણ, રંગનો ઉપયોગ ફક્ત ક્રિયા માટે કૉલ્સ, સક્રિય સ્થિતિઓ અને મુખ્ય મુદ્દાઓ પર કાર્યાત્મક વિરામચિહ્નો તરીકે થાય છે. સપાટીઓને જાંબલી રંગના અંડરટોન (#181824 → #26253b) સાથે સૂક્ષ્મ ઘેરા ટોનમાં સ્તરીય કરવામાં આવે છે, શુદ્ધ કાળા રંગને ટાળીને ખાતરી કરવામાં આવે છે કે ઊંડાઈ જંતુરહિત કરતાં ગરમ લાગે છે. ઘટકોમાં ઉદાર ગોળાકાર આકાર (20px કાર્ડ, પિલ બટનો), નરમ પડછાયાઓ અને ચુસ્ત ગ્રીડને બદલે આરામદાયક 10-16px ગેપ દ્વારા "શ્વાસ" લે છે. હેડલાઇનનો અવાજ બધું જ છે: -0.02em ના ચુસ્ત અક્ષર અંતર સાથે 70-88px પર 600-પોઇન્ટ વજન ટેક્સ્ટને UI ને બદલે ટાઇપોગ્રાફિક તરીકે ગણે છે - તે SaaS કરતાં સંપાદકીય નકલની નજીક છે.
ઘેરા વિભાગો પૃષ્ઠની સમગ્ર પહોળાઈને આવરી લે છે, જેમાં કેન્દ્રિત, મહત્તમ-પહોળાઈવાળા સામગ્રી કન્ટેનર હોય છે. મુખ્ય વિભાગ ઊભી રીતે કેન્દ્રિત છે અને તેમાં હેડલાઇન, સબટેક્સ્ટ અને કોલ ટુ એક્શન (CTA) હોય છે, ત્યારબાદ આગળના વિભાગને ઓવરલેપ કરતો મોટો પ્રોડક્ટ સ્ક્રીનશોટ આવે છે. અનુગામી વિભાગો કેન્દ્રિત ટેક્સ્ટ બ્લોક્સ અને કાર્ડ ગ્રીડ વચ્ચે વૈકલ્પિક રીતે આવે છે. સમીક્ષા વિભાગ સમીક્ષા કાર્ડ્સ અને 16 ગટર સાથે ત્રણ-કૉલમ ગ્રીડનો ઉપયોગ કરે છે. નેવિગેશન એ એક સિંગલ ટોપ બાર છે જેમાં ડાબી બાજુ લોગો, કેન્દ્રિત લિંક્સ અને જમણી બાજુ લોગિન ક્રિયાઓ છે - કોઈ નિશ્ચિત સાઇડબાર અથવા મેગા-મેનૂ નથી. વિભાગો વચ્ચેના ગટર ઉદાર છે (16 ગટર), ગાઢ ઉત્પાદન ગ્રીડને બદલે જગ્યા ધરાવતી, સંપાદકીય લય બનાવે છે.
વિઝ્યુઅલ સ્પેસમાં પ્રોડક્ટ સ્ક્રીનશૉટ્સનું પ્રભુત્વ છે—ગોળાકાર ખૂણાઓ સાથેનો એક મોટો ફ્રેમ, જે વાસ્તવિક એપ ઇન્ટરફેસ દર્શાવે છે, મુખ્ય અને ગૌણ વિભાગો ભરે છે. ફોટા ન્યૂનતમ છે, ફક્ત વપરાશકર્તા અવતાર અથવા ઇન-એપ મીડિયાના પૂર્વાવલોકન તરીકે ઉપયોગમાં લેવાય છે (ઉદાહરણ તરીકે, પ્રોડક્ટ મોકઅપના જમણા પેનલમાં કોન્સર્ટ છબી). ટ્રસ્ટ બાર પરના લોગો સપાટ, મ્યૂટ સફેદ ટેક્સ્ટ પ્રતીકો છે. કોઈ સુશોભન ચિત્રો નથી, કોઈ અમૂર્ત ગ્રાફિક્સ નથી, કોઈ 3D રેન્ડર નથી. વિઝ્યુઅલ વ્યૂહરચના એ છે કે ઉત્પાદનને સ્કેલ પર પ્રદર્શિત કરવું, ટાઇપોગ્રાફીને ભાવનાત્મક કાર્ય કરવા દો અને કોરલનો એકમાત્ર ઉચ્ચાર રંગ તરીકે ઉપયોગ કરવો.
પેલેટ
બ્રાન્ડ
- Coral Ember
#ff4a36— નારંગી રંગનો ઉપયોગ સુશોભન વિગતો માટે અને દુર્લભ સંકેતોને પ્રકાશિત કરવા માટે ગૌણ ઉચ્ચારણ તરીકે થાય છે. કોલ ટુ એક્શન માટે તેનો ઉપયોગ પ્રાથમિક રંગ તરીકે થવો જોઈએ નહીં.
તટસ્થ
- Aubergine Canvas
#181824— પૃષ્ઠની પૃષ્ઠભૂમિ, મુખ્ય કેનવાસ, એક ગરમ, ઘેરો છાંયો છે જે શુદ્ધ કાળા રંગને બદલે છે, જેનાથી વપરાશકર્તા ઇન્ટરફેસ સપાટ થવાને બદલે સ્તરવાળી દેખાય છે. - Elevated Plum
#26253b— કાર્ડ સપાટીઓ, ઇનપુટ ફીલ્ડ્સ, નેવિગેશન કન્ટેનર - દૃશ્યમાન સીમા વિના ઊંડાઈ બનાવવા માટે કેનવાસ કરતાં એક પગલું સરળ. - Pure White
#ffffff— મુખ્ય શીર્ષકો, બટન ટેક્સ્ટ અને આઇકોન રૂપરેખા—ઘેરા કેનવાસ પર મહત્તમ કોન્ટ્રાસ્ટ. - Fog Text
#696f81— મુખ્ય ટેક્સ્ટ, ગૌણ શીર્ષકો અને મ્યૂટ કરેલી બોર્ડર્સમાં રીંગણ રંગની પૃષ્ઠભૂમિ સામે આરામદાયક વાંચન માટે 7:1 કોન્ટ્રાસ્ટ રેશિયો છે. - Ash Text
#8e8da0— ગૌણ UI ઘટકો, વિભાજકો અને મ્યૂટ કરેલા લેબલ્સ માટે તટસ્થ રંગ સપોર્ટેડ છે. કૉલ્સ ટુ એક્શન માટે તેનો પ્રાથમિક રંગ તરીકે ઉપયોગ થવો જોઈએ નહીં. - Mist Highlight
#a3a3a7— સૂક્ષ્મ કિનારીઓ, વિભાજકો અને નિષ્ક્રિય નેવિગેશન તત્વો એક સૂક્ષ્મ તટસ્થ સ્વર બનાવે છે જે હજુ પણ કેનવાસ સામે અલગ દેખાય છે.
ટાઇપોગ્રાફી
૧૨ થી ૮૮ પિક્સેલ સુધી · ૯ પગલાં
- sans-serif — રિપ્લેસમેન્ટ: Inter · રૂપરેખા 400 · sans-serif - કાઢવામાં આવેલા ડેટામાં જોવા મળે છે પરંતુ AI દ્વારા વર્ણવેલ નથી.
- Haffer XH SemiBold — રિપ્લેસમેન્ટ: Inter Tight · રૂપરેખા 400, 600 · ડિસ્પ્લે અને હેડિંગ માટેનો પ્રાથમિક ફોન્ટ. તેનો ઉપયોગ હીરો હેડિંગ માટે 70–88px ના કદમાં થાય છે જેમાં -0.02em અક્ષરોનું અંતર અને 600 વજન હોય છે. સાંકડી અક્ષરોનું અંતર અને મોટા અક્ષરોની ઊંચાઈ હેડિંગને સંપાદકીય વજન આપે છે, જેના કારણે ડાર્ક ઇન્ટરફેસ ડેશબોર્ડ કરતાં મેગેઝિન કવર જેવો દેખાય છે. બોલ્ડ વજનમાં ઇન્ટર ટાઇટ અથવા જનરલ સેન્સથી બદલો.
- Jersey 10 — રિપ્લેસમેન્ટ: Anybody · રૂપરેખા 400 · ઉચ્ચારણ સંખ્યાઓ અને હાઇલાઇટ્સ માટે એક મોટો, સુશોભન ફોન્ટ. ટાઇપોગ્રાફિક ઉચ્ચારો બનાવવા માટે ખૂબ મોટા કદમાં ભાગ્યે જ ઉપયોગમાં લેવાય છે. તેને કોઈપણ અથવા કેબિનેટ ગ્રોટેસ્કથી બદલી શકાય છે.
અંતરાલો અને સ્વરૂપ
| હેતુ | અર્થ |
|---|---|
| ઘનતા | સરેરાશ |
| મૂળભૂત પગલું | 10-16px |
| બટન ત્રિજ્યા | 100px |
| કાર્ડ ત્રિજ્યા | 20px |
| પડછાયાઓ | નરમ પડછાયાઓ |
| વિભાગો વચ્ચે | 80px |
| પૃષ્ઠ પહોળાઈ | 1200px |
AI તમારી વેબસાઇટ Superlist શૈલીમાં બનાવશે અને તેને ભરી દેશે.
- લિંક દ્વારા ઉત્પાદનો અને પોસ્ટ્સ ભરો - Instagram, TikTok, Facebook.
- તમારી જૂની સાઇટ પરથી સામગ્રી ટ્રાન્સફર કરો—ફક્ત સરનામું સ્પષ્ટ કરો.
- શ્રેષ્ઠ એન્જિન પર આધુનિક ડિઝાઇન: સર્વર રેન્ડરિંગ અને SEO ઑપ્ટિમાઇઝેશન સાથે React ( Next.js).
- શોધ પરિણામો અને ન્યુરલ નેટવર્ક ભલામણો માટે સંપૂર્ણપણે સ્વચાલિત SEO ઑપ્ટિમાઇઝેશન.
સમાન શૈલીઓ
- DNA — કણ લેન્સ દ્વારા દેખાતી મધ્યરાત્રિ વેધશાળા
- Abetterlou — સેડલ લેધર પર સ્પાર્ક્સ - ઊંડા કોફી-કાળા પૃષ્ઠભૂમિ સામે ચમકતો ગરમ ક્રીમી ફોન્ટ, જેમાં એમ્બર-ગોલ્ડ બટનો છે જે પૃષ્ઠમાં દબાયેલા ગરમ ધાતુ જેવા લાગે છે.
- Galileo-ft — ઇલેક્ટ્રિક બ્લુ સિગ્નલો સાથે ડીપ-સ્પેસ કમાન્ડ ડેક
- Decide AI — મધ્યરાત્રિએ વેધશાળા - ટંકશાળ સંકેત
- Redis Agency — કલાકો પછી ખુલતી આ સંપાદકીય વર્કશોપ એક ઘેરી જગ્યા છે જ્યાં બ્રાન્ડિંગનું બધું કામ સેરીફ ફોન્ટ્સ અને એક લાલ મૂળા દ્વારા કરવામાં આવે છે.
- Spellbook — કોરલ શાહીથી પ્રકાશિત મધ્યરાત્રિનો કોર્ટરૂમ - એક ઘેરી સંપાદકીય સપાટી જ્યાં એકમાત્ર અવાજ ગરમ નારંગી પેનના સ્ટ્રોકનો છે.
- Linear — મધ્યરાત્રિ ચોકસાઇ સાધન
- Origin Financial — શાંત વૈભવની મધ્યરાત્રિની ગેલેરી. એક શાંત, લગભગ અંધારી ઓરડો જ્યાં મોટા સેરીફ ફોન્ટ્સ અને થોડા પ્રકાશિત રંગીન પેનલ એવી લાગણી પેદા કરે છે કે ફાઇનાન્સ એ કલાનું કાળજીપૂર્વક તૈયાર કરેલું કાર્ય છે.
- Hyperstudio — ડિઝાઇન ઓબ્સિડીયનમાં ઉઝરડા કરેલી છે. લખાણ અને ઝીણી રેખાઓ શુદ્ધ કાળા રંગની સફેદ જગ્યાને ફ્રેમ કરે છે, જેમાં ક્યારેક સોનેરી હોકાયંત્રના ચિહ્નો રસ્તો દર્શાવે છે.
- Air — શિલ્પ "કાચ દ્વારા મધ્યરાત્રિ આકાશ"
- Raycast — મિડનાઈટ કમાન્ડ સેન્ટર, કોરલ નિયોન
- dope.security — જાંબલી દીવાદાંડીઓ સાથે મધ્યરાત્રિ ટર્મિનલ