Ui
ಮ್ಯಾಟ್ ಪೇಪರ್ ಮೇಲೆ ಕ್ಲಿನಿಕಲ್ ಯೋಜನೆ
shadcn/ui ಏಕವರ್ಣದ ವಿನ್ಯಾಸ ವ್ಯವಸ್ಥೆಯನ್ನು ರಚಿಸಲು ಒಂದು ಕಾರ್ಯಾಗಾರವಾಗಿದೆ: ಶುದ್ಧ ಬಿಳಿ ಕ್ಯಾನ್ವಾಸ್, ಮೃದುವಾದ ಬೆಚ್ಚಗಿನ ಬೂದು ಮೇಲ್ಮೈಗಳು ಮತ್ತು ಸೂಕ್ಷ್ಮವಾದ ಗಡಿಗಳಲ್ಲಿ ಇರಿಸಲಾದ ದೊಡ್ಡ-ತ್ರಿಜ್ಯ ಕಾರ್ಡ್ಗಳು. ಇಂಟರ್ಫೇಸ್ ಬಹುತೇಕ ಸಂಪೂರ್ಣವಾಗಿ ವರ್ಣರಹಿತವಾಗಿದೆ - ಕಪ್ಪು ಪಠ್ಯ, ಬಿಳಿ ಮೇಲ್ಮೈಗಳು, ಬೂದು ದ್ವಿತೀಯಕ ಟೋನ್ಗಳು - ದೋಷ ಸ್ಥಿತಿಗಳಿಗೆ ಮೀಸಲಾಗಿರುವ ಒಂದೇ, ಅಡ್ಡಿಪಡಿಸುವ ಕೆಂಪು ಬಣ್ಣದೊಂದಿಗೆ ಮತ್ತು ಬೇರೇನೂ ಇಲ್ಲ. ಮುದ್ರಣಕಲೆಯು ಪರದೆಗಳ ಮೇಲೆ ಬಿಗಿಯಾದ ಅಕ್ಷರ-ಎತ್ತರದೊಂದಿಗೆ ಗೀಸ್ಟ್ನ ಜ್ಯಾಮಿತೀಯ ತಟಸ್ಥತೆಯನ್ನು ಅವಲಂಬಿಸಿದೆ, ಇದು ಗ್ರಾಹಕ ಉತ್ಪನ್ನಕ್ಕಿಂತ ಡೆವಲಪರ್ ಮೂಲಸೌಕರ್ಯದಂತೆ ಭಾಸವಾಗುವ ಶಾಂತ, ಕೋಡ್-ತರಹದ ಭಾವನೆಯನ್ನು ಸೃಷ್ಟಿಸುತ್ತದೆ.
ಕನಿಷ್ಠ ಚಿತ್ರಗಳು—ಈ ವ್ಯವಸ್ಥೆಯು ಬಹುತೇಕ ಬಳಕೆದಾರ ಇಂಟರ್ಫೇಸ್ ಅನ್ನು ಸಂಪೂರ್ಣವಾಗಿ ಒಳಗೊಂಡಿದೆ. ಯಾವುದೇ ಪ್ರಮುಖ ಫೋಟೋಗಳು, ವಿವರಣೆಗಳು ಅಥವಾ ಅಲಂಕಾರಿಕ ಗ್ರಾಫಿಕ್ಸ್ ಇಲ್ಲ. ಉತ್ಪನ್ನ ಡೆಮೊಗಳನ್ನು ಗ್ರಿಡ್ನಲ್ಲಿ ಘಟಕ ಮಾದರಿಗಳಾಗಿ (ಕಾರ್ಡ್ಗಳು, ಇನ್ಪುಟ್ ಕ್ಷೇತ್ರಗಳು, ಬಟನ್ಗಳು) ಪ್ರಸ್ತುತಪಡಿಸಲಾಗುತ್ತದೆ, ಇದು ದಸ್ತಾವೇಜೀಕರಣ ಮತ್ತು ದೃಶ್ಯ ವಿಷಯವಾಗಿ ಕಾರ್ಯನಿರ್ವಹಿಸುತ್ತದೆ. ಐಕಾನ್ಗಳು ತೆಳುವಾದ ಜ್ಯಾಮಿತೀಯ ರೇಖೆಗಳಾಗಿವೆ (ಬಹುಶಃ ಲುಸೈಡ್ನಿಂದ ಎರವಲು ಪಡೆದಿರಬಹುದು) #0a0a0a ಅಥವಾ #737373 ರಲ್ಲಿ 1.5–2px ದಪ್ಪ, ಕ್ರಿಯಾತ್ಮಕ ಸೂಚನೆಗಳಾಗಿ ವಿರಳವಾಗಿ ಬಳಸಲಾಗುತ್ತದೆ. ದೃಶ್ಯ ಭಾಷೆ ಸ್ವತಃ UI ಘಟಕಗಳಾಗಿವೆ—ಪುಟವು ಜೀವಂತ ಶೈಲಿಯ ಮಾರ್ಗದರ್ಶಿಯಾಗಿ ಕಾರ್ಯನಿರ್ವಹಿಸುತ್ತದೆ, ಅಲ್ಲಿ ಪ್ರತಿಯೊಂದು ಗೋಚರ ಅಂಶವು ಗೋಚರ ವಿನ್ಯಾಸ ಅಂಶವಾಗಿದೆ.
ಪ್ಯಾಲೆಟ್
ತಟಸ್ಥ
- Canvas
#f5f5f5— ಪುಟ ಹಿನ್ನೆಲೆ, ಮ್ಯೂಟ್ ಮಾಡಿದ ಮೇಲ್ಮೈ ಭರ್ತಿ, ಹೆಚ್ಚುವರಿ ಬಟನ್ಗಳು. - Paper
#ffffff— ಕಾರ್ಡ್ ಮೇಲ್ಮೈಗಳು, ಪಾಪ್-ಅಪ್ ಹಿನ್ನೆಲೆಗಳು, ಪ್ರಾಥಮಿಕ ಬಟನ್ ಭರ್ತಿಗಳು - Surface Alt
#fafafa— ಸೈಡ್ಬಾರ್ ಹಿನ್ನೆಲೆ, ಗಮನ ಸೆಳೆಯದ ಕಾರ್ಡ್ ಆಯ್ಕೆ, ಇನ್ಪುಟ್ ಕ್ಷೇತ್ರದ ನಿಷ್ಕ್ರಿಯ ಸ್ಥಿತಿ. - Ink
#0a0a0a— ಮುಖ್ಯ ಪಠ್ಯ, ಶೀರ್ಷಿಕೆಗಳು, ಬಟನ್ ಲೇಬಲ್ಗಳು, ಐಕಾನ್ ಔಟ್ಲೈನ್ಗಳು. - Ink Soft
#171717— ಫಿಲ್ನೊಂದಿಗೆ ಬಟನ್ ಹಿನ್ನೆಲೆ ಚಿತ್ರಗಳು, ಬೆಳಕಿನ ಮೇಲ್ಮೈಗಳಲ್ಲಿ ಹೆಚ್ಚುವರಿ ಪಠ್ಯ. - Mid Gray
#737373— ಮುಖ್ಯ ಪಠ್ಯ, ಪ್ಲೇಸ್ಹೋಲ್ಡರ್ ಪಠ್ಯ, ಸಹಾಯಕ ಲೇಬಲ್ಗಳು ಮತ್ತು ಉಳಿದ ಐಕಾನ್ ಭರ್ತಿ ಎಲ್ಲವನ್ನೂ ಮ್ಯೂಟ್ ಮಾಡಲಾಗಿದೆ.
ಮುದ್ರಣಕಲೆ
12 ರಿಂದ 48px ವರೆಗೆ · 8 ಹಂತಗಳು
- Geist — ಬದಲಿ: Inter · ರೂಪರೇಷೆಗಳು 400, 500, 600 · ಎಲ್ಲಾ ಇಂಟರ್ಫೇಸ್ ಪಠ್ಯಗಳು - 14px/400 ಸಾಲಿನ ತೂಕದೊಂದಿಗೆ ಬಾಡಿ ಟೆಕ್ಸ್ಟ್, 24–48px/600 ಸಾಲಿನ ತೂಕದೊಂದಿಗೆ ಶೀರ್ಷಿಕೆಗಳು ಮತ್ತು 13–14px/500 ಸಾಲಿನ ತೂಕದೊಂದಿಗೆ ಬಟನ್ಗಳು. ಗೀಸ್ಟ್ನ ಜ್ಯಾಮಿತೀಯ ಅಕ್ಷರರೂಪಗಳು ಮತ್ತು ಏಕರೂಪದ ಸಾಲಿನ ತೂಕವು ಡೆವಲಪರ್ ಪರಿಕರಗಳಿಗೆ ತಟಸ್ಥ ಭಾವನೆಯನ್ನು ಸೃಷ್ಟಿಸುತ್ತದೆ; 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 — ಕಲ್ಲಿದ್ದಲು ಧೂಳಿನ ಸಮುದ್ರದ ಮೇಲೆ ಒಂದೇ ವರ್ಣೀಯ ನಾಡಿ - ಫಾಸ್ಫೊರೆಸೆಂಟ್ ಹಸಿರು ಚುಕ್ಕೆ ಹೊಂದಿರುವ ಮಧ್ಯರಾತ್ರಿಯಲ್ಲಿ ಕೋಡ್ ಸಂಪಾದಕ.