Linear
ಮಧ್ಯರಾತ್ರಿ ನಿಖರತೆ ಉಪಕರಣ
ಲೀನಿಯರ್ ವಿನ್ಯಾಸ ವ್ಯವಸ್ಥೆಯು ಕಪ್ಪು ಬಣ್ಣದ ಮೇಲ್ಮೈಗಳ ಮೇಲೆ (#08090a) ನಿರ್ಮಿಸಲಾದ ರಾತ್ರಿಯ ಕಮಾಂಡ್ ಸೆಂಟರ್ ಆಗಿದ್ದು, ಇದು ಗರಿಗರಿಯಾದ ಬಿಳಿ ಪ್ರಕಾರ ಮತ್ತು ಒಂದೇ ನಿಂಬೆ-ಹಸಿರು ಉಚ್ಚಾರಣೆಯನ್ನು (#e4f222) ಹೊಂದಿದೆ, ಇದು ಕ್ರಿಯಾತ್ಮಕ ಫ್ಲ್ಯಾಷ್ಲೈಟ್ ಆಗಿ ಕಾರ್ಯನಿರ್ವಹಿಸುತ್ತದೆ - ಚಿಕ್ಕದಾಗಿದೆ, ಹೆಚ್ಚಿನ-ವ್ಯತಿರಿಕ್ತವಾಗಿದೆ ಮತ್ತು ಕ್ರಿಯೆಗಳನ್ನು ಸೂಚಿಸಲು ವಿರಳವಾಗಿ ಬಳಸಲಾಗುತ್ತದೆ. ಇಂಟರ್ಫೇಸ್ ಕತ್ತಲೆಯನ್ನು ಥೀಮ್ಗಿಂತ ಅಡಿಪಾಯವಾಗಿ ಪರಿಗಣಿಸುತ್ತದೆ: ಪಠ್ಯವು ಬಿಗಿಯಾದ ಅಕ್ಷರ-ಅಂತರದೊಂದಿಗೆ ಗರಿಗರಿಯಾದ ಬಿಳಿ ಬಣ್ಣದ್ದಾಗಿದೆ (-0.022em), ಫಾಂಟ್ ತೂಕವು ದಪ್ಪಕ್ಕಿಂತ ಕಡಿಮೆ 400–510 ವ್ಯಾಪ್ತಿಯಲ್ಲಿರುತ್ತದೆ ಮತ್ತು ಗಡಿಗಳು ಅಲ್ಟ್ರಾ-ತೆಳುವಾಗಿರುತ್ತವೆ (0.5px) ಜ್ಯಾಮಿತಿಯು ಸಾಮಾನ್ಯವಾಗಿ ನೆರಳುಗಳಿಂದ ಮಾಡಲ್ಪಟ್ಟ ಕೆಲಸವನ್ನು ಮಾಡಲು ಅನುವು ಮಾಡಿಕೊಡುತ್ತದೆ. ಘಟಕಗಳು ನಿಖರವಾಗಿ ರಚಿಸಲ್ಪಟ್ಟಂತೆ ಭಾಸವಾಗುತ್ತವೆ - 6px ಮತ್ತು 12px ತ್ರಿಜ್ಯಗಳು, ಸಾಂದ್ರ 8–12px ಅಂಚುಗಳು ಮತ್ತು ಅಲಂಕಾರಿಕ ಅಂಶಗಳ ಬಹುತೇಕ ಸಂಪೂರ್ಣ ಕೊರತೆ - ಉತ್ಪನ್ನ UI (ಟಾಸ್ಕ್ ಕಾರ್ಡ್ಗಳು, ಕಾನ್ಬನ್ ಬೋರ್ಡ್ಗಳು, AI ಏಜೆಂಟ್ ಪ್ಯಾನೆಲ್ಗಳು) ಇಲ್ಲದಿದ್ದರೆ ಶಾಂತ ವ್ಯವಸ್ಥೆಯಲ್ಲಿ ಏಕೈಕ ದೃಶ್ಯ ವಿನ್ಯಾಸವಾಗಿರಲು ಅನುವು ಮಾಡಿಕೊಡುತ್ತದೆ.
ಈ ವಿನ್ಯಾಸವು ಸುಮಾರು 1200px ಗರಿಷ್ಠ ಅಗಲವನ್ನು ಹೊಂದಿದ್ದು, ಮಧ್ಯಭಾಗದಲ್ಲಿದೆ, ವ್ಯೂಪೋರ್ಟ್ನ ಅಂಚುಗಳವರೆಗೆ ವಿಸ್ತರಿಸಿರುವ ಕಪ್ಪು ಹಿನ್ನೆಲೆಯನ್ನು ಹೊಂದಿದೆ. ಮುಖ್ಯ ಅಂಶವು ಎಡಕ್ಕೆ ಜೋಡಿಸಲಾದ (64–72px) ದೊಡ್ಡ ಶೀರ್ಷಿಕೆಯಾಗಿದ್ದು, ಬಲಕ್ಕೆ ಜೋಡಿಸಲಾದ ಕ್ರಿಯೆಗೆ ಕರೆ (CTA) ನೊಂದಿಗೆ ಜೋಡಿಯಾಗಿರುತ್ತದೆ, ನಂತರ ಗರಿಷ್ಠ ಅಗಲಕ್ಕಿಂತ ಸ್ವಲ್ಪ ಮೀರಿ ವಿಸ್ತರಿಸುವ ದೊಡ್ಡ ಉತ್ಪನ್ನ ಸ್ಕ್ರೀನ್ಶಾಟ್ ಇರುತ್ತದೆ. ವಿಭಾಗಗಳ ಲಯವು ಎಡಭಾಗದಲ್ಲಿ ಪಠ್ಯ ಮತ್ತು ಬಲಭಾಗದಲ್ಲಿ ಚಿತ್ರದೊಂದಿಗೆ ಎರಡು-ಕಾಲಮ್ ಸಂಯೋಜನೆಗಳು ಮತ್ತು 96px ಲಂಬ ಗಟರ್ಗಳಿಂದ ಬೇರ್ಪಟ್ಟ ಪೂರ್ಣ-ಅಗಲ ಉತ್ಪನ್ನ ಪ್ರದರ್ಶನ ಪಟ್ಟಿಗಳ ನಡುವೆ ಪರ್ಯಾಯವಾಗಿರುತ್ತದೆ. ಕ್ಲೈಂಟ್ನ ಲೋಗೋ ಹೊಂದಿರುವ ಪಟ್ಟಿಯು ಒಂದೇ ಸಮತಲ ಸಾಲು. ಪುಟವು ಎಂದಿಗೂ ಮೂರು-ಕಾಲಮ್ ಕಾರ್ಡ್ ಗ್ರಿಡ್ಗಳು ಅಥವಾ ಟೈಲ್ಡ್ ರಚನೆಗಳನ್ನು ಬಳಸುವುದಿಲ್ಲ - ಹೆಚ್ಚಿನ ವಿಭಾಗಗಳು ಸಾಕಷ್ಟು ಬಿಳಿ ಜಾಗವನ್ನು ಮತ್ತು ಪರದೆಯ ಮೇಲೆ ಒಂದೇ ಫೋಕಲ್ ಅಂಶವನ್ನು ಬಳಸುತ್ತವೆ. ನ್ಯಾವಿಗೇಷನ್ ಸೈಡ್ಬಾರ್ ಅಥವಾ ಮೆಗಾ-ಮೆನು ಇಲ್ಲದೆ ಎಡಕ್ಕೆ ಜೋಡಿಸಲಾದ ಲೋಗೋ ಮತ್ತು ಬಲಕ್ಕೆ ಜೋಡಿಸಲಾದ ಲಿಂಕ್ಗಳನ್ನು ಹೊಂದಿರುವ ಸ್ಥಿರ ಮೇಲ್ಭಾಗದ ಪಟ್ಟಿಯಾಗಿದೆ.
ಲೀನಿಯರ್ನ ದೃಶ್ಯ ಭಾಷೆಯು ಉತ್ಪನ್ನ ಸ್ಕ್ರೀನ್ಶಾಟ್ಗಳನ್ನು ಆಧರಿಸಿದೆ: ಆರಂಭದಲ್ಲಿ ಮತ್ತು ವಿಭಾಗಗಳಲ್ಲಿರುವ ವಿವರಣೆಗಳು ಲೀನಿಯರ್ ಅಪ್ಲಿಕೇಶನ್ನ ಬಳಕೆದಾರ ಇಂಟರ್ಫೇಸ್ನ ನೈಜ ಚಿತ್ರಗಳಾಗಿವೆ, ಗರಿಷ್ಠ ವಿವರಗಳಲ್ಲಿ ಸೆರೆಹಿಡಿಯಲಾಗಿದೆ - ಟಾಸ್ಕ್ ಕಾರ್ಡ್ಗಳು, ಕಾನ್ಬನ್ ಬೋರ್ಡ್ಗಳು, AI ಏಜೆಂಟ್ ಡ್ಯಾಶ್ಬೋರ್ಡ್ಗಳು, ಕಮಾಂಡ್ ಪ್ಯಾಲೆಟ್ಗಳು - ತೆಳುವಾದ ಚೌಕಟ್ಟಿನ ಚೌಕಟ್ಟುಗಳಲ್ಲಿ ಇರಿಸಲಾಗಿದೆ. ಯಾವುದೇ ಸ್ಟಾಕ್ ಫೋಟೋಗಳಿಲ್ಲ, ಜೀವನಶೈಲಿ ಚಿತ್ರಗಳಿಲ್ಲ, ಅಮೂರ್ತ ವಿವರಣೆಗಳಿಲ್ಲ. ಲೋಗೋಗಳನ್ನು ಗ್ರಾಹಕರಿಗೆ ಏಕರೂಪದ ಗಾತ್ರದ ತಟಸ್ಥ ಬೂದು ಪಟ್ಟಿಯಂತೆ (#8a8f98) ಪ್ರದರ್ಶಿಸಲಾಗುತ್ತದೆ. ಐಕಾನ್ಗಳು ಏಕವರ್ಣದ ಬೂದು ಮಾಪಕದಲ್ಲಿ ಕನಿಷ್ಠ ರೇಖೀಯ SVG ಚಿತ್ರಗಳಾಗಿವೆ. ಪುಟದ ಮೇಲ್ಭಾಗದಲ್ಲಿರುವ ಸ್ಕ್ರೀನ್ಶಾಟ್ ಸೂಕ್ಷ್ಮ ರೇಖೀಯ ಗ್ರೇಡಿಯಂಟ್ನಲ್ಲಿ (ಕತ್ತಲೆಯಿಂದ ಬೆಳಕಿಗೆ) ತೇಲುತ್ತದೆ, ನೈಜ ಭೂದೃಶ್ಯಗಳನ್ನು ಬಳಸದೆ ವಾತಾವರಣದ ಆಳವನ್ನು ಸೃಷ್ಟಿಸುತ್ತದೆ. ಪ್ರತಿಯೊಂದು ದೃಶ್ಯ ಅಂಶವು ಉತ್ಪನ್ನದ ಕ್ರಿಯಾತ್ಮಕ ಅಂಶವಾಗಿದೆ.
ಪ್ಯಾಲೆಟ್
ಬ್ರ್ಯಾಂಡ್
- Acid Lime
#e4f222— ಮುಖ್ಯ ನಿಯಂತ್ರಣ ಗುಂಡಿಗಳು ಮತ್ತು ಸಕ್ರಿಯ ಸಂಚರಣೆ ಸೂಚಕಗಳು ಏಕವರ್ಣದ ಬಣ್ಣದ ಯೋಜನೆಗೆ ಅಡ್ಡಿಯಾಗುವ ಪ್ರಕಾಶಮಾನವಾದ ಉಚ್ಚಾರಣೆಯಾಗಿದೆ.
ತಟಸ್ಥ
- Mist
#d0d6e0— ದ್ವಿತೀಯ ಶೀರ್ಷಿಕೆಗಳು, ಗಾಢವಾದ ಮೇಲ್ಮೈಗಳಲ್ಲಿ ಬಟನ್ ಪಠ್ಯ - Void
#08090a— ಪುಟ ಕ್ಯಾನ್ವಾಸ್, ಪೂರ್ಣ-ಅಗಲದ ಹಿನ್ನೆಲೆ ಚಿತ್ರ - ಪೂರ್ವನಿಯೋಜಿತವಾಗಿ, ಎಲ್ಲಾ ಅಂಶಗಳನ್ನು ಈ ಹಿನ್ನೆಲೆಯಲ್ಲಿ ಇರಿಸಲಾಗುತ್ತದೆ. - Carbon
#0f1011— ಕಾರ್ಡ್ ಮೇಲ್ಮೈಗಳು, ನ್ಯಾವಿಗೇಷನ್ ಬಾರ್ಗಳು, ಕಾರ್ಡ್ಗಳ ಒಳಗೆ ವಿಷಯವನ್ನು ಇರಿಸಲು ಕ್ಯಾನ್ವಾಸ್ಗಿಂತ ಒಂದು ಹೆಜ್ಜೆ ಮೇಲಿರುತ್ತವೆ. - Obsidian
#161718— ಎತ್ತರಿಸಿದ ಮೇಲ್ಮೈಗಳು, ಆಳವಾದ ರಟ್ಟಿನ ಫಲಕಗಳು - Graphite
#23252a— ಸೂಕ್ಷ್ಮ ಅಂಚುಗಳು, ವಿಭಜಕಗಳು, ಸೂಕ್ಷ್ಮ ಬಟನ್ ಬಾಹ್ಯರೇಖೆಗಳು - ಕಡಿಮೆ-ವ್ಯತಿರಿಕ್ತ ವಿನ್ಯಾಸದ ಅಂಚುಗಳು - Smoke
#383b3f— ಗ್ರ್ಯಾಫೈಟ್-ವಿಭಾಗ ವಿಭಜಕಗಳಿಗಿಂತ ತೆಳುವಾದ ಅಂಚುಗಳು ಹೆಚ್ಚಿನ ವ್ಯತಿರಿಕ್ತತೆಯನ್ನು ಹೊಂದಿವೆ.
ಮುದ್ರಣಕಲೆ
13 ರಿಂದ 72px ವರೆಗೆ · 8 ಹಂತಗಳು
- Inter Variable — ಬದಲಿ: Inter (variable) · ರೂಪರೇಷೆಗಳು 300, 400, 510, 590 · ಪ್ರಾಥಮಿಕ UI ಮತ್ತು ಹೆಡರ್ ಫಾಂಟ್ - ನ್ಯಾವಿಗೇಷನ್, ಬಾಡಿ ಟೆಕ್ಸ್ಟ್, ಹೆಡಿಂಗ್ಗಳು, ಬಟನ್ಗಳು ಮತ್ತು ಕಾರ್ಡ್ಗಳಲ್ಲಿ ಬಳಸಲಾಗುತ್ತದೆ.
- Berkeley Mono — ಬದಲಿ: JetBrains Mono · ರೂಪರೇಷೆಗಳು 400 · ಕೋಡ್-ಪಕ್ಕದ UI ಪಠ್ಯ - ಬಿಡುಗಡೆ ಗುರುತಿಸುವಿಕೆಗಳು (ENG-2703), ಕೀಬೋರ್ಡ್ ಶಾರ್ಟ್ಕಟ್ಗಳು, ಮೊನೊಸ್ಪೇಸ್ ಫಾಂಟ್ ಮೆಟಾಡೇಟಾ
ಮಧ್ಯಂತರಗಳು ಮತ್ತು ರೂಪ
| ಉದ್ದೇಶ | ಅರ್ಥ |
|---|---|
| ಸಾಂದ್ರತೆ | ವಿಶಾಲವಾದ |
| ಮೂಲ ಹಂತ | 8px |
| ಬಟನ್ ತ್ರಿಜ್ಯ | 6px |
| ಕಾರ್ಡ್ ತ್ರಿಜ್ಯ | 12px |
| ನೆರಳುಗಳು | ನೆರಳುಗಳ ಬದಲಿಗೆ ಗಡಿಗಳಿಲ್ಲ |
| ವಿಭಾಗಗಳ ನಡುವೆ | 96px |
| ಪುಟದ ಅಗಲ | 1200px |
AI ನಿಮ್ಮ ವೆಬ್ಸೈಟ್ ಅನ್ನು Linear ಶೈಲಿಯಲ್ಲಿ ನಿರ್ಮಿಸುತ್ತದೆ ಮತ್ತು ಅದನ್ನು ತುಂಬುತ್ತದೆ.
- Instagram, TikTok, Facebook ಲಿಂಕ್ ಮೂಲಕ ಉತ್ಪನ್ನಗಳು ಮತ್ತು ಪೋಸ್ಟ್ಗಳನ್ನು ಭರ್ತಿ ಮಾಡಿ.
- ನಿಮ್ಮ ಹಳೆಯ ಸೈಟ್ನಿಂದ ವಿಷಯವನ್ನು ವರ್ಗಾಯಿಸಿ—ವಿಳಾಸವನ್ನು ನಿರ್ದಿಷ್ಟಪಡಿಸಿ.
- ಅತ್ಯುತ್ತಮ ಎಂಜಿನ್ನಲ್ಲಿ ಆಧುನಿಕ ವಿನ್ಯಾಸ: ಸರ್ವರ್ ರೆಂಡರಿಂಗ್ ಮತ್ತು SEO ಆಪ್ಟಿಮೈಸೇಶನ್ನೊಂದಿಗೆ React ( Next.js).
- ಹುಡುಕಾಟ ಫಲಿತಾಂಶಗಳು ಮತ್ತು ನರಮಂಡಲದ ಶಿಫಾರಸುಗಳಿಗಾಗಿ ಸಂಪೂರ್ಣ ಸ್ವಯಂಚಾಲಿತ SEO ಆಪ್ಟಿಮೈಸೇಶನ್.
ಇದೇ ರೀತಿಯ ಶೈಲಿಗಳು
- Aaru — ಮಧ್ಯರಾತ್ರಿಯಲ್ಲಿ ಕಣ ಕ್ಷೇತ್ರ ವೀಕ್ಷಣಾಲಯ
- Atlas Card — ಮಿಡ್ನೈಟ್ ವಾಲ್ಟ್, ಅದರ ಏಕೈಕ ನೀಲಮಣಿ ಕಿರಣವನ್ನು ಹೊಂದಿದ್ದು, ಇದು ಕಪ್ಪು ಬಣ್ಣದ ವಿಸ್ತಾರವಾಗಿದ್ದು, ಅಲ್ಲಿ ಮುಖ್ಯವಾದುದು ಆಳವಾದ ವಿದ್ಯುತ್ ನೀಲಿ ಮಾತ್ರ.
- Checkly — ಡೀಪ್ ಆರ್ಬಿಟ್ ಮಿಷನ್ ಕಂಟ್ರೋಲ್ ಸೆಂಟರ್
- Savee — ದೃಶ್ಯ ಕ್ಯುರೇಟರ್ಗಳಿಗಾಗಿ ಕಪ್ಪು ಕ್ಯಾನ್ವಾಸ್
- Inngest — ಒಂದೇ ಅಂಬರ್ ಪೈಲಟ್ ಲೈಟ್ನಿಂದ ಬೆಳಗಿಸಲಾದ, ವಾದ್ಯಗಳೊಂದಿಗೆ ಕೆಲಸ ಮಾಡಲು ಸುಸಜ್ಜಿತವಾದ ಕತ್ತಲೆಯಾದ, ಶಾಂತವಾದ ವೀಕ್ಷಣಾಲಯ.
- Dala — ಕಪ್ಪು ವೆಲ್ವೆಟ್ ಮೇಲೆ ತೂಗಾಡುತ್ತಿರುವ ನಕ್ಷತ್ರಪುಂಜ
- Origin Financial — ನಿಶ್ಯಬ್ದವಾದ ಐಷಾರಾಮಿ ವಾತಾವರಣದ ಮಧ್ಯರಾತ್ರಿಯ ಗ್ಯಾಲರಿ. ದೊಡ್ಡ ಸೆರಿಫ್ ಫಾಂಟ್ಗಳು ಮತ್ತು ಕೆಲವು ಪ್ರಕಾಶಮಾನವಾದ ಬಣ್ಣದ ಪ್ಯಾನೆಲ್ಗಳು ಹಣಕಾಸು ಎಂಬುದು ಎಚ್ಚರಿಕೆಯಿಂದ ಸಂಗ್ರಹಿಸಲಾದ ಕಲಾಕೃತಿ ಎಂಬ ಭಾವನೆಯನ್ನು ಸೃಷ್ಟಿಸುವ ಶಾಂತ, ಬಹುತೇಕ ಕತ್ತಲೆಯಾದ ಕೋಣೆ.
- Hyperstudio — ವಿನ್ಯಾಸವನ್ನು ಅಬ್ಸಿಡಿಯನ್ ಬಣ್ಣದಲ್ಲಿ ಗೀಚಲಾಗಿದೆ. ಪಠ್ಯ ಮತ್ತು ಸೂಕ್ಷ್ಮ ರೇಖೆಗಳು ಶುದ್ಧ ಕಪ್ಪು ಬಣ್ಣದ ಬಿಳಿ ಜಾಗವನ್ನು ರೂಪಿಸುತ್ತವೆ, ಸಾಂದರ್ಭಿಕವಾಗಿ ಚಿನ್ನದ ದಿಕ್ಸೂಚಿ ಗುರುತುಗಳು ದಾರಿಯನ್ನು ಸೂಚಿಸುತ್ತವೆ.
- Air — "ಗಾಜಿನ ಮೂಲಕ ಮಿಡ್ನೈಟ್ ಸ್ಕೈ" ಶಿಲ್ಪ
- Resend — ನೇರಳೆ ನಿಯಾನ್ ಬಣ್ಣದೊಂದಿಗೆ ಕಪ್ಪು ವೆಲ್ವೆಟ್
- Raycast — ಮಿಡ್ನೈಟ್ ಕಮಾಂಡ್ ಸೆಂಟರ್, ಕೋರಲ್ ನಿಯಾನ್
- Dimension — ಫ್ರಾಸ್ಟೆಡ್ ಗ್ಲಾಸ್ ಪ್ಯಾನಲ್ಗಳನ್ನು ಹೊಂದಿರುವ ಮುಸ್ಸಂಜೆಯಲ್ಲಿ ಬೆಳಗುವ ಕಾರ್ಯಸ್ಥಳ