Figma
ವರ್ಣೀಯ ಅವ್ಯವಸ್ಥೆಗಾಗಿ ಏಕವರ್ಣದ ಚಾಸಿಸ್
ಇಂಟರ್ಫೇಸ್ ಕಟ್ಟುನಿಟ್ಟಾದ, ಹೆಚ್ಚಿನ-ವ್ಯತಿರಿಕ್ತ ರಚನಾತ್ಮಕ ಧಾರಕವಾಗಿ ಕಾರ್ಯನಿರ್ವಹಿಸುತ್ತದೆ, ಬಳಕೆದಾರ-ರಚಿಸಿದ ವಿಷಯಕ್ಕೆ ಸಂಪೂರ್ಣ ದೃಶ್ಯ ಪ್ರಾಬಲ್ಯವನ್ನು ನೀಡುತ್ತದೆ. ಬೇಸ್ಲೈನ್ ಕಟ್ಟುನಿಟ್ಟಾದ #000000 ರಿಂದ #ffffff ಪ್ಯಾಲೆಟ್ ಆಗಿದೆ, ಇದು ಪ್ರಾಥಮಿಕ ಗಡಿಗಳು ಮತ್ತು ಪಠ್ಯಕ್ಕೆ ಸಂಪೂರ್ಣ ಗರಿಷ್ಠ ವ್ಯತಿರಿಕ್ತತೆಯ ಪರವಾಗಿ ಬೂದು ಬಣ್ಣದ ಸೂಕ್ಷ್ಮ ಛಾಯೆಗಳನ್ನು ತ್ಯಜಿಸುತ್ತದೆ. ಮುದ್ರಣಕಲೆಯ ಕ್ರಮಾನುಗತವು ಬಣ್ಣ ವ್ಯತ್ಯಾಸಗಳಿಗಿಂತ ಗಾತ್ರ ಮತ್ತು ಆಕ್ರಮಣಕಾರಿ ಋಣಾತ್ಮಕ ಅಕ್ಷರ ಅಂತರವನ್ನು ಸಂಪೂರ್ಣವಾಗಿ ಆಧರಿಸಿದೆ, ಪಠ್ಯದ ದೊಡ್ಡ ಸಾಲುಗಳನ್ನು ದಟ್ಟವಾದ ಗ್ರಾಫಿಕ್ ಬ್ಲಾಕ್ಗಳಾಗಿ ಪರಿವರ್ತಿಸುತ್ತದೆ. ಗಡಿ ತ್ರಿಜ್ಯದ ತರ್ಕವು ಒಂದು ಸ್ಪಷ್ಟ ದ್ವಿರೂಪವನ್ನು ಸೃಷ್ಟಿಸುತ್ತದೆ: ಜಾಗತಿಕ ಸಂಚರಣೆ ಅಂಶಗಳಿಗಾಗಿ 50px ಹೊರಗಿನ "ಉಗುರುಗಳು" ಉದ್ದೇಶಪೂರ್ವಕವಾಗಿ ವಿಷಯ ಧಾರಕಗಳ ಸಂಪೂರ್ಣ 0px ಮೂಲೆಗಳೊಂದಿಗೆ ವ್ಯತಿರಿಕ್ತವಾಗಿದೆ.
ಸಂಯೋಜನೆಗಳು ವ್ಯೂಪೋರ್ಟ್ ಅನ್ನು ಕೇಂದ್ರೀಕರಿಸುವ ತೀವ್ರ ಗರಿಷ್ಠ-ಅಗಲ ಗಡಿಗಳನ್ನು (1440px ಗರಿಷ್ಠ) ಆಧರಿಸಿವೆ ಮತ್ತು ಉದಾರವಾದ ಮ್ಯಾಕ್ರೋ-ಸ್ಪೇಸ್ (ವಿಭಾಗಗಳ ನಡುವೆ 96-120px ವೈಟ್ಸ್ಪೇಸ್) ನಿಂದ ಬೇರ್ಪಟ್ಟ ವಿಷಯದ ದಟ್ಟವಾದ ಕ್ಲಸ್ಟರ್ಗಳನ್ನು ಒಳಗೊಂಡಿರುತ್ತವೆ. "ಹೀರೋ" ಆರ್ಕಿಟೈಪ್ ಸಾಮಾನ್ಯವಾಗಿ ತೇಲುವ, ಸಂಪೂರ್ಣವಾಗಿ ಕೇಂದ್ರೀಕೃತ UI ಬ್ಲಾಕ್ನ ಕೆಳಗೆ ಕ್ರಿಯಾತ್ಮಕವಾಗಿ ಲಂಗರು ಹಾಕಲಾದ ಚಿತ್ರಗಳ ಅಸಮಪಾರ್ಶ್ವದ ಗ್ಯಾಲರಿಯನ್ನು ಬಳಸುತ್ತದೆ. ಫೋಲ್ಡ್ನ ಕೆಳಗೆ, ಮಾಹಿತಿಯು ತಕ್ಷಣವೇ ಯಾವುದೇ ಅಂಚುಗಳಿಲ್ಲದೆ ಕಟ್ಟುನಿಟ್ಟಾದ ನಾಲ್ಕು-ಕಾಲಮ್ ಗ್ರಿಡ್ಗೆ ಅನುಗುಣವಾಗಿರುತ್ತದೆ, ಕಾರ್ಡ್ಗಳ ಪುನರಾವರ್ತಿತ ಕ್ಲಸ್ಟರ್ಗಳನ್ನು ಫ್ರೇಮ್ ಮಾಡುತ್ತದೆ, ಫ್ರೇಮ್ನಿಂದ ಅಂಚುಗಳನ್ನು ತೆಗೆದುಹಾಕುವಾಗ ವಸ್ತುವಿನ ಸಾಂದ್ರತೆಯನ್ನು ಹೆಚ್ಚಿಸುತ್ತದೆ.
ದೃಶ್ಯ ವಿನ್ಯಾಸವು ಬಳಕೆದಾರ-ಕೇಂದ್ರಿತ ಫಲಿತಾಂಶಗಳನ್ನು ಆಧರಿಸಿದೆ. ಚಿತ್ರಗಳನ್ನು ಚಪ್ಪಟೆಯಾದ, ಚೌಕಟ್ಟುರಹಿತ ಚೌಕಗಳಾಗಿ ಅಥವಾ ಚದುರಿದ, ಅತಿಕ್ರಮಿಸುವ ತುಣುಕುಗಳಾಗಿ, ಭೌತಿಕ ವಸ್ತುಗಳನ್ನು ನೆನಪಿಸುವಂತೆ, ಸಂಪೂರ್ಣ, ಖಾಲಿ ಹಿನ್ನೆಲೆಯಲ್ಲಿ ಪ್ರದರ್ಶಿಸಲಾಗುತ್ತದೆ. ವೆಬ್ಸೈಟ್ನಲ್ಲಿ ಬಣ್ಣದ ಏಕೈಕ ಮೂಲ ಚಿತ್ರಗಳು. ಯಾವುದೇ ಜೀವನಶೈಲಿ ಛಾಯಾಗ್ರಹಣ ಅಂಶಗಳು ಅಥವಾ ಪ್ರಮಾಣಿತ ಕಾರ್ಪೊರೇಟ್ ವಿವರಣೆಗಳಿಲ್ಲ - ಪ್ರತಿಯೊಂದು ಗ್ರಾಫಿಕ್ ಅಂಶವು ಡಿಜಿಟಲ್ ಕ್ಯಾನ್ವಾಸ್ನ ನಿಖರವಾದ, ಅಕ್ಷರಶಃ ಸ್ನ್ಯಾಪ್ಶಾಟ್ ಆಗಿದ್ದು, ಉತ್ಪನ್ನ ಪುರಾವೆಯಾಗಿ ಮತ್ತು ಪ್ರಾಥಮಿಕ ಸೌಂದರ್ಯದ ಅಂಶವಾಗಿ ಏಕಕಾಲದಲ್ಲಿ ಕಾರ್ಯನಿರ್ವಹಿಸುತ್ತದೆ.
ಪ್ಯಾಲೆಟ್
ಬ್ರ್ಯಾಂಡ್
- Context Action Violet
#4d49fc— ಉಪ-ಫಲಕಗಳೊಳಗೆ ಸ್ಥಳೀಯ ಪ್ರಾಥಮಿಕ ಕರೆ-ಕ್ರಿಯೆ - ಒಂದೇ ಅಡಚಣೆಯ ಬಣ್ಣವು ಕೇಂದ್ರಬಿಂದುವನ್ನು ವ್ಯಾಖ್ಯಾನಿಸುತ್ತದೆ.
ತಟಸ್ಥ
- Absolute Canvas
#ffffff— ಪುಟದ ಹಿನ್ನೆಲೆ, ತೇಲುವ ಪರಿಕರಪಟ್ಟಿಗಳು, ಎತ್ತರಿಸಿದ ಫಲಕ ಬೇಸ್ಗಳು. - Structural Ink
#000000— ಮೂಲ ಫಾಂಟ್, ಘನ ಬಟನ್ ಹಿನ್ನೆಲೆ, ಬಟನ್ ಔಟ್ಲೈನ್ಗಳು. - Graphite Metadata
#595959— ದ್ವಿತೀಯ ಲೇಖಕ ಪಠ್ಯ, ಸ್ಥಳೀಕರಿಸಿದ ಉಪಪಠ್ಯ, ಪ್ಲೇಸ್ಹೋಲ್ಡರ್ ಮೌಲ್ಯಗಳು - Boundary Frame
#e2e2e2— ಸೂಕ್ಷ್ಮ ವಿಭಜಕಗಳು ಮತ್ತು ನಿಷ್ಕ್ರಿಯ ಇನ್ಪುಟ್ ಕ್ಷೇತ್ರದ ಗಡಿಗಳು. - Angular Teal
#33dfdf— ಅಲಂಕಾರಿಕ ಪರಿಣಾಮಗಳು, ಲೋಡಿಂಗ್ ಸೂಚಕಗಳು ಮತ್ತು ಸಕ್ರಿಯ ಕರ್ಸರ್ ದೃಶ್ಯೀಕರಣ.
ಮುದ್ರಣಕಲೆ
12 ರಿಂದ 72px ವರೆಗೆ · 6 ಹಂತಗಳು
- figmaSans — ಬದಲಿ: Inter · ರೂಪರೇಷೆಗಳು 320, 330, 340, 400, 450, 480, 520, 700 · ಪ್ರದರ್ಶನ ಶೀರ್ಷಿಕೆಗಳಿಂದ ಹಿಡಿದು ನ್ಯಾವಿಗೇಷನ್ ಲೇಬಲ್ಗಳವರೆಗೆ ಎಲ್ಲವನ್ನೂ ನಿರ್ವಹಿಸುವ ಬಹುಮುಖ ಸಾಧನ. ಇದು ಆಪ್ಟಿಕಲ್ ನೆಗೆಟಿವ್ ಟ್ರ್ಯಾಕಿಂಗ್ ಅನ್ನು ಮಾರ್ಪಡಿಸುವ ಮೂಲಕ ವಿಶಿಷ್ಟ ನೋಟವನ್ನು ಸೃಷ್ಟಿಸುತ್ತದೆ.
- figmaMono — ಬದಲಿ: JetBrains Mono · ರೂಪರೇಷೆಗಳು 400 · ಮೈಕ್ರೋಟ್ಯಾಗ್ಗಳು, ನಿರ್ದೇಶಾಂಕ ಟ್ರ್ಯಾಕಿಂಗ್ ಮತ್ತು ತಾಂತ್ರಿಕ ಓವರ್ಟೋನ್ಗಳು ವಿಷಯಕ್ಕಿಂತ ಬಳಕೆದಾರ ಇಂಟರ್ಫೇಸ್ ಅಂಶಗಳಾಗಿ ಕಾರ್ಯನಿರ್ವಹಿಸುತ್ತವೆ.
ಮಧ್ಯಂತರಗಳು ಮತ್ತು ರೂಪ
| ಉದ್ದೇಶ | ಅರ್ಥ |
|---|---|
| ಸಾಂದ್ರತೆ | ದಟ್ಟವಾದ |
| ಮೂಲ ಹಂತ | 24px |
| ಬಟನ್ ತ್ರಿಜ್ಯ | 8px |
| ಕಾರ್ಡ್ ತ್ರಿಜ್ಯ | 12px |
| ನೆರಳುಗಳು | ನೆರಳುಗಳ ಬದಲಿಗೆ ಗಡಿಗಳಿಲ್ಲ |
| ವಿಭಾಗಗಳ ನಡುವೆ | 96-120px |
| ಪುಟದ ಅಗಲ | 1440px |
AI ನಿಮ್ಮ ವೆಬ್ಸೈಟ್ ಅನ್ನು Figma ಶೈಲಿಯಲ್ಲಿ ನಿರ್ಮಿಸುತ್ತದೆ ಮತ್ತು ಅದನ್ನು ತುಂಬುತ್ತದೆ.
- Instagram, TikTok, Facebook ಲಿಂಕ್ ಮೂಲಕ ಉತ್ಪನ್ನಗಳು ಮತ್ತು ಪೋಸ್ಟ್ಗಳನ್ನು ಭರ್ತಿ ಮಾಡಿ.
- ನಿಮ್ಮ ಹಳೆಯ ಸೈಟ್ನಿಂದ ವಿಷಯವನ್ನು ವರ್ಗಾಯಿಸಿ—ವಿಳಾಸವನ್ನು ನಿರ್ದಿಷ್ಟಪಡಿಸಿ.
- ಅತ್ಯುತ್ತಮ ಎಂಜಿನ್ನಲ್ಲಿ ಆಧುನಿಕ ವಿನ್ಯಾಸ: ಸರ್ವರ್ ರೆಂಡರಿಂಗ್ ಮತ್ತು SEO ಆಪ್ಟಿಮೈಸೇಶನ್ನೊಂದಿಗೆ React ( Next.js).
- ಹುಡುಕಾಟ ಫಲಿತಾಂಶಗಳು ಮತ್ತು ನರಮಂಡಲದ ಶಿಫಾರಸುಗಳಿಗಾಗಿ ಸಂಪೂರ್ಣ ಸ್ವಯಂಚಾಲಿತ SEO ಆಪ್ಟಿಮೈಸೇಶನ್.
ಇದೇ ರೀತಿಯ ಶೈಲಿಗಳು
- Caldera — ಬೆಚ್ಚಗಿನ ಸುಣ್ಣದ ಕಲ್ಲಿನ ಮೇಲೆ ಬೆಂಕಿಯನ್ನು ರೂಪಿಸಿ. ಕ್ಯಾನ್ವಾಸ್ ಕಚ್ಚಾ, ಬೆಚ್ಚಗಿನ ಪ್ಲಾಸ್ಟರ್ ಆಗಿದೆ, ಮತ್ತು ಪ್ರತಿಯೊಂದು ಕಿತ್ತಳೆ ಅಂಶವು ಮೇಲ್ಮೈಗೆ ಒತ್ತಿದ ಹೊಗೆಯಾಡುತ್ತಿರುವ ಬೆಂಕಿಯಂತೆ ಕಾಣುತ್ತದೆ.
- Vercel — ಬಿಳಿ ಕಾಗದದ ಮೇಲೆ ಮುದ್ರಿಸಲಾದ ಟರ್ಮಿನಲ್
- Dylanbrouwer — ಸೂರ್ಯಾಸ್ತದ ಸಮಯದಲ್ಲಿ ಕ್ರೂರ ಫೌಂಡ್ರಿ
- Headspace — ಬೆಚ್ಚಗಿನ ಕಾಗದದ ಮೇಲೆ ಬಿಸಿಲಿನ ಕ್ಷೇಮ ಮೂಲೆ
- WHOOP — ಮಧ್ಯರಾತ್ರಿಯಲ್ಲಿ ಪ್ರದರ್ಶನ ಪ್ರಯೋಗಾಲಯ - ಕಪ್ಪು ರಂಗಭೂಮಿಯ ಶೂನ್ಯದ ಅಡಿಯಲ್ಲಿ ಬಿಳಿ ಕ್ಲಿನಿಕಲ್ ಲ್ಯಾಬ್ ಮೇಜುಗಳು, ಒಂದೇ ನೇರಳೆ ವಿದ್ಯುತ್ ಸ್ಪಂದನ.
- (dot)connect — ಒಂದೇ ತುಂಡು ಇದ್ದಿಲಿನಿಂದ ಮಾಡಿದ ಸ್ವಿಸ್ ಎಂಜಿನಿಯರಿಂಗ್ ಚಿತ್ರ.
- Together AI — ಹಿಮನದಿಯ ಕಾಗದದ ಮೇಲೆ ಸಂಶೋಧನಾ ಕನ್ಸೋಲ್
- Vivid+Co — ಅಬ್ಸಿಡಿಯನ್ ಮೂಲಕ ಪ್ರಿಸ್ಮಾಟಿಕ್ ಬೆಳಕು
- Sequel — ಕತ್ತಲಾದ ನಂತರ ಖಾಸಗಿ ಪ್ರದರ್ಶನವು ಉಳಿದಂತೆ ಕತ್ತಲೆಯಾದ ಸಿನಿಮಾ ಮಂದಿರದಲ್ಲಿ ಬೆಚ್ಚಗಿನ ಬೆಳಕು ಮಾತ್ರ.
- v0 by Vercel — ಲೇಥ್ ಡ್ರಾಯಿಂಗ್. ನಿಖರತೆ ಮತ್ತು ಕ್ರಿಯಾತ್ಮಕತೆಯು ಅತ್ಯುನ್ನತವಾಗಿದೆ, ಪ್ರತಿಯೊಂದು ಅಂಶವು ಸ್ವಚ್ಛ, ತಾಂತ್ರಿಕವಾಗಿ ಪರಿಪೂರ್ಣ ಮೇಲ್ಮೈಯಲ್ಲಿ ಸ್ಪಷ್ಟ ಉದ್ದೇಶವನ್ನು ಪೂರೈಸುತ್ತದೆ.
- ThoughtLab — ಕಡುಗೆಂಪು ಬಣ್ಣದ ಸಂಕೇತವನ್ನು ಹೊಂದಿರುವ ಅಬ್ಸಿಡಿಯನ್ ಸ್ಮಾರಕ. ಕಪ್ಪು ಖಾಲಿತನದ ಕ್ಯಾನ್ವಾಸ್, ಅಲ್ಲಿ ಕ್ಯಾಥೆಡ್ರಲ್ನಲ್ಲಿರುವ ಏಕೈಕ ಸ್ಯಾಚುರೇಟೆಡ್ ಕೆಂಪು ವಸ್ತುವು ದೊಡ್ಡ ಬಿಳಿ ಅಕ್ಷರಗಳಲ್ಲಿ ಮುದ್ರಿಸಲ್ಪಟ್ಟಿದೆ, ಇದು ಒಂದೇ ವರ್ಣೀಯ ಆಕೃತಿಯಾಗಿದೆ.
- Dovetail — ಕಪ್ಪು ಚಂದ್ರನ ಕೆಳಗೆ ಒಂದು ನೀಲನಕ್ಷೆ - ಅಷ್ಟೇನೂ ಗೋಚರಿಸದ ಗ್ರಾಫ್ ಗೆರೆಗಳು, ಬಿಳಿ ಫಾಂಟ್, ಒಂದು ನೇರಳೆ ಹೊಳಪು.