Tailwind CSS
પ્રોડક્ટ ડેમો તરીકે ટાઇપ સેમ્પલ એ ટાઇપોગ્રાફિક પ્રૂફ શીટ છે જ્યાં CAM શીર્ષક ઇન્ટરફેસ છે, જે બોલ્ડ કાળા 96px ફોન્ટમાં હાઇલાઇટ થયેલ છે અને ફક્ત તેના કદ દ્વારા ધ્યાન આકર્ષિત કરે છે.
પેલેટ
બ્રાન્ડ
- Syntax Sky
#00a6f4 - Syntax Cyan
#74d4ff
તટસ્થ
- Ink Black
#030712 - Slate Mist
#4a5565 - Slate Mid
#6a7282 - Slate Cool
#364153 - Steel Veil
#90a1b9 - Fog Line
#cad5e2
ટાઇપોગ્રાફી
૧૨ થી ૯૬ પિક્સેલ સુધી · ૬ પગલાં
- Inter — રિપ્લેસમેન્ટ: Inter (Google Fonts — this is already Inter) · રૂપરેખા 400, 500, 600, 700
- IBM Plex Mono (plexMono) — રિપ્લેસમેન્ટ: IBM Plex Mono (Google Fonts) · રૂપરેખા 400, 500, 600
અંતરાલો અને સ્વરૂપ
| હેતુ | અર્થ |
|---|---|
| ઘનતા | જગ્યા ધરાવતું |
| મૂળભૂત પગલું | 16px |
| બટન ત્રિજ્યા | 32px (pill CTA), 4px (code/tag badges) |
| કાર્ડ ત્રિજ્યા | 8px |
| પડછાયાઓ | પડછાયાને બદલે ના - સરહદો |
| વિભાગો વચ્ચે | 96px |
| પૃષ્ઠ પહોળાઈ | 1280px |
AI તમારી વેબસાઇટ Tailwind CSS શૈલીમાં બનાવશે અને તેને ભરી દેશે.
- લિંક દ્વારા ઉત્પાદનો અને પોસ્ટ્સ ભરો - Instagram, TikTok, Facebook.
- તમારી જૂની સાઇટ પરથી સામગ્રી ટ્રાન્સફર કરો—ફક્ત સરનામું સ્પષ્ટ કરો.
- શ્રેષ્ઠ એન્જિન પર આધુનિક ડિઝાઇન: સર્વર રેન્ડરિંગ અને SEO ઑપ્ટિમાઇઝેશન સાથે React ( Next.js).
- શોધ પરિણામો અને ન્યુરલ નેટવર્ક ભલામણો માટે સંપૂર્ણપણે સ્વચાલિત SEO ઑપ્ટિમાઇઝેશન.
સમાન શૈલીઓ
- Avoice — મધ્યરાત્રિના ચિત્રો પર ચૂનાના લીલા રંગનો સ્પર્શ. લગભગ કાળા ઉત્પાદન પગલાંની આસપાસ હળવા, દસ્તાવેજ જેવા પૃષ્ઠ વિભાગો બનાવો, પછી પરિવર્તન, પસંદગીઓ અને સ્થાપત્ય ટીકાઓ માટે તેજસ્વી ચૂનાના લીલા રંગનો ઉપયોગ ખૂબ જ દૃશ્યમાન સંકેત તરીકે કરો.
- Bee — એક સન્ની, મધ-પીળો તાવીજ. દરેક સ્ક્રીનને સ્પર્શેન્દ્રિય સંપાદકીય સ્પ્રેડ તરીકે બનાવો: કાંડામાં પહેરવામાં આવતા ઉત્પાદનોની અંગત છબીઓ, ઉદાર ગોળાકાર ફ્રેમમાં ફ્રેમ કરેલી, ઘાટા, લગભગ કાળા પ્રકારની પીળી અથવા હળવા-તટસ્થ પૃષ્ઠભૂમિ પર.
- AI for Business — ગરમ ગ્રે ટોનમાં ક્રૂર સંપાદકીય શોરૂમ
- Superhuman — ગોલ્ડન અવર એડિટોરિયલ પેનલ
- Visitors — સફેદ ઇજનેરી ચિત્ર
- Vercel — સફેદ કાગળ પર મુદ્રિત ટર્મિનલ
- Jeton — ગરમ આરસપહાણ પર ફિનટેક વિશે એક સંપાદકીય
- ClickUp — સફેદ આરસપહાણ પર એક શક્તિશાળી ડેશબોર્ડ. આ પૃષ્ઠ ઉત્પાદકતા સાધન માટે એક ઉત્પાદન બ્રોશર છે, તેથી દ્રશ્ય ભાષા ઉત્પાદનમાંથી જ ઉધાર લેવામાં આવી છે: ગાઢ યાદીઓ, સ્થિતિ સૂચકાંકો, અવતારોના જૂથો અને બોલ્ડ ટાઇપોગ્રાફિક નિવેદનો જે પ્રદર્શન પર ઉત્પાદન સ્પષ્ટીકરણ જેવા દેખાય છે.
- Dock — સનલાઇટ ક્રીમ પેપર, કોબાલ્ટ પલ્સ
- Quizlet — વર્ગખંડ સફેદ પૃષ્ઠભૂમિ સામે વિવિધ રંગોથી શણગારવામાં આવ્યો છે - એક શાંત ડેસ્ક, જેની પાછળ ચાર પેસ્ટલ કાર્ડ્સ ઠંડી રાખોડી દિવાલોની પૃષ્ઠભૂમિ અને ઈન્ડિગો માર્કરથી બનાવેલા એક જ ચિહ્ન સામે એકમાત્ર તેજસ્વી ઉચ્ચારણ છે.
- Airtable — વિવિધ રંગોમાં ચિહ્નિત પ્રકરણો સાથેનો આરામદાયક સેમિનાર
- Headspace — ગરમ કાગળ પર એક સન્ની વેલનેસ કોર્નર