Ui
મેટ પેપર પર ક્લિનિકલ પ્લાન
shadcn/ui એ મોનોક્રોમ ડિઝાઇન સિસ્ટમ બનાવવા માટે એક વર્કશોપ છે: એક સ્વચ્છ સફેદ કેનવાસ, નરમ ગરમ રાખોડી સપાટીઓ, અને સૌથી સૂક્ષ્મ સરહદો પર સ્થિત મોટા-ત્રિજ્યા કાર્ડ્સ. ઇન્ટરફેસ લગભગ સંપૂર્ણપણે એક્રોમેટિક છે - કાળો ટેક્સ્ટ, સફેદ સપાટીઓ, રાખોડી ગૌણ ટોન - ભૂલ સ્થિતિઓ માટે આરક્ષિત એકલ, વિક્ષેપકારક લાલ રંગ સાથે અને બીજું કંઈ નહીં. ટાઇપોગ્રાફી સ્ક્રીન પર ચુસ્ત અક્ષર-ઊંચાઈ સાથે Geist ની ભૌમિતિક તટસ્થતા પર આધાર રાખે છે, જે શાંત, કોડ જેવી લાગણી બનાવે છે જે ગ્રાહક ઉત્પાદન કરતાં વિકાસકર્તા માળખા જેવી લાગે છે.
ન્યૂનતમ છબીઓ - સિસ્ટમમાં લગભગ સંપૂર્ણપણે યુઝર ઇન્ટરફેસ હોય છે. કોઈ મુખ્ય ફોટા, ચિત્રો અથવા સુશોભન ગ્રાફિક્સ નથી. ઉત્પાદન ડેમોને ગ્રીડમાં ઘટક મોકઅપ્સ (કાર્ડ્સ, ઇનપુટ ફીલ્ડ્સ, બટનો) તરીકે રજૂ કરવામાં આવે છે, જે દસ્તાવેજીકરણ અને દ્રશ્ય સામગ્રી બંને તરીકે સેવા આપે છે. ચિહ્નો પાતળા ભૌમિતિક રેખાઓ છે (કદાચ લ્યુસાઇડમાંથી ઉધાર લેવામાં આવી છે) 1.5–2px જાડા #0a0a0a અથવા #737373 માં, કાર્યાત્મક સંકેતો તરીકે ભાગ્યે જ ઉપયોગમાં લેવાય છે. દ્રશ્ય ભાષા એ UI ઘટકો છે - પૃષ્ઠ એક જીવંત શૈલી માર્ગદર્શિકા તરીકે કાર્ય કરે છે, જ્યાં દરેક દૃશ્યમાન તત્વ દૃશ્યમાન ડિઝાઇન તત્વ છે.
પેલેટ
તટસ્થ
- Canvas
#f5f5f5— પૃષ્ઠ પૃષ્ઠભૂમિ, મ્યૂટ કરેલી સપાટી ભરણ, વધારાના બટનો. - Paper
#ffffff— કાર્ડ સપાટીઓ, પોપ-અપ બેકગ્રાઉન્ડ, પ્રાથમિક બટન ભરણ - Surface Alt
#fafafa— સાઇડબાર પૃષ્ઠભૂમિ, સરળ કાર્ડ વિકલ્પ, ઇનપુટ ફીલ્ડની નિષ્ક્રિય સ્થિતિ. - Ink
#0a0a0a— મુખ્ય ટેક્સ્ટ, શીર્ષકો, બટન લેબલ્સ, ચિહ્ન રૂપરેખા. - Ink Soft
#171717— ભરણ સાથે બટન પૃષ્ઠભૂમિ છબીઓ, પ્રકાશ સપાટી પર વધારાનો ટેક્સ્ટ. - Mid Gray
#737373— મુખ્ય ટેક્સ્ટ, પ્લેસહોલ્ડર ટેક્સ્ટ, સહાયક લેબલ્સ અને બાકીના સમયે આઇકન ફિલ બધું મ્યૂટ છે.
ટાઇપોગ્રાફી
૧૨ થી ૪૮ પિક્સેલ સુધી · ૮ પગલાં
- Geist — રિપ્લેસમેન્ટ: Inter · રૂપરેખા 400, 500, 600 · બધા ઇન્ટરફેસ ટેક્સ્ટ—14px/400 ના લાઇન વેઇટ સાથે બોડી ટેક્સ્ટ, 24–48px/600 ના લાઇન વેઇટ સાથે હેડિંગ, અને 13–14px/500 ના લાઇન વેઇટ સાથે બટનો. Geist ના ભૌમિતિક લેટરફોર્મ્સ અને એકસમાન લાઇન વેઇટ ડેવલપર ટૂલ્સ માટે તટસ્થ લાગણી બનાવે છે; 48px અક્ષર અંતર અને -0.05em અક્ષર અંતર સાથે 600 લાઇન વેઇટ સ્પષ્ટ, આત્મવિશ્વાસપૂર્ણ હેડિંગ સુનિશ્ચિત કરે છે જે સંપાદિત કરવાને બદલે વિચારશીલ દેખાય છે.
અંતરાલો અને સ્વરૂપ
| હેતુ | અર્થ |
|---|---|
| ઘનતા | ગાઢ |
| મૂળભૂત પગલું | 8px |
| બટન ત્રિજ્યા | 18px |
| કાર્ડ ત્રિજ્યા | 24px |
| પડછાયાઓ | પડછાયાને બદલે ના - સરહદો |
| વિભાગો વચ્ચે | 48-80px |
| પૃષ્ઠ પહોળાઈ | 1280px |
AI તમારી વેબસાઇટ Ui શૈલીમાં બનાવશે અને તેને ભરી દેશે.
- લિંક દ્વારા ઉત્પાદનો અને પોસ્ટ્સ ભરો - Instagram, TikTok, Facebook.
- તમારી જૂની સાઇટ પરથી સામગ્રી ટ્રાન્સફર કરો—ફક્ત સરનામું સ્પષ્ટ કરો.
- શ્રેષ્ઠ એન્જિન પર આધુનિક ડિઝાઇન: સર્વર રેન્ડરિંગ અને SEO ઑપ્ટિમાઇઝેશન સાથે React ( Next.js).
- શોધ પરિણામો અને ન્યુરલ નેટવર્ક ભલામણો માટે સંપૂર્ણપણે સ્વચાલિત SEO ઑપ્ટિમાઇઝેશન.
સમાન શૈલીઓ
- Ventriloc — ગરમ કાગળ પર ડેટાની સંપાદકીય વેધશાળા - એક જ નારંગી રંગનો અંગારો જે મોનોક્રોમ ચોકસાઇને પ્રકાશિત કરે છે.
- Geniestudio — એક નરમ ડેલાઇટ નોટબુક - પહોળા માર્જિન અને એક જાડા પેન સ્ટ્રોકવાળી નોટબુક
- xAI — બ્લેક પિલ સાથે ગરમ ક્રીમ લેબ
- Cal — મોનોક્રોમ વ્યવહારિકતા, એક માનવીય અભિગમ. એક સિસ્ટમ જે કડક કાળા અને સફેદ પેલેટ દ્વારા સ્પષ્ટતા અને કાર્યક્ષમતાને પ્રાથમિકતા આપે છે, પરંતુ મૈત્રીપૂર્ણ ટાઇપોગ્રાફી અને ગોળાકાર આકારોથી તેને નરમ બનાવે છે.
- Scale — ટેકનિકલ પ્રોજેક્ટ સાથે જોડાયેલ ઉચ્ચ-ગુણવત્તાવાળી મ્યુઝિયમ-ગુણવત્તાવાળી ફોટો લેબ
- Contractbook — અલ્ટ્રામરીન આકાશ નીચે ક્રીમ પેપરના કરારો
- AutoSend — એક જ જાંબલી પ્રકાશ સાથેનો હૂંફાળું પથ્થરનો સ્ટુડિયો - જ્યાં સેરિફ હેડલાઇન્સ અને તેજસ્વી ઈન્ડિગો કોલ્સ ટુ એક્શન એક શાંત, લગભગ સફેદ જગ્યામાં સાથે રહે છે.
- Air — શિલ્પ "કાચ દ્વારા મધ્યરાત્રિ આકાશ"
- SpatialChat — સફેદ ચર્મપત્ર પર જાંબલી પલ્સ
- Squarespace — સિનેમેટિક મોનોક્રોમ ગેલેરી
- Giga — હિમાચ્છાદિત ઓબ્સિડીયન ઉપર મધ્યરાત્રિનું ક્ષિતિજ
- Supabase — મધ્યરાત્રિએ ફોસ્ફોરેસન્ટ લીલા બિંદુ સાથે એક કોડ એડિટર - કોલસાની ધૂળના સમુદ્ર પર એક જ રંગીન પલ્સ