Ui
күңгірт қағаздағы клиникалық жоспар
shadcn/ui - монохромды дизайн жүйесін жасауға арналған шеберхана: таза ақ кенеп, жұмсақ жылы сұр беттер және ең нәзік жиектерде орналасқан үлкен радиусты карталар. Интерфейс толығымен дерлік ахроматикалық - қара мәтін, ақ беттер, сұр екінші реттік реңктер - қателік күйлері үшін сақталған жалғыз, бұзушы қызыл түспен және басқа ештеңемен ерекшеленеді. Типография Geist-тің геометриялық бейтараптығына негізделген, экрандардағы әріп биіктігі тығыз, бұл тұтынушылық өнімге қарағанда әзірлеуші инфрақұрылымына көбірек ұқсайтын тыныш, код тәрізді сезімді жасайды.
Минималды кескіндер — жүйе толығымен дерлік пайдаланушы интерфейсінен тұрады. Негізгі фотосуреттер, иллюстрациялар немесе сәндік графика жоқ. Өнімнің демонстрациялары торда компонент макеттері (карталар, енгізу өрістері, түймелер) ретінде ұсынылады, құжаттама және визуалды мазмұн ретінде қызмет етеді. Белгішелер — #0a0a0a немесе #737373 өлшемдерінде 1,5–2 пиксель қалыңдықтағы жұқа геометриялық сызықтар (мүмкін, Lucide-тен алынған), функционалдық белгілер ретінде сирек қолданылады. Визуалды тіл — пайдаланушы интерфейсінің компоненттерінің өзі — бет өмір сүру стилі бойынша нұсқаулық ретінде қызмет етеді, мұнда әрбір көрінетін элемент көрінетін дизайн элементі болып табылады.
Палитра
Бейтарап
- Canvas
#f5f5f5— Беттің фоны, дыбыссыз бетті толтыру, қосымша түймелер. - Paper
#ffffff— Карта беттері, қалқымалы фон, негізгі түймелерді толтыру - Surface Alt
#fafafa— Бүйірлік тақта фоны, байқалмайтын карта опциясы, енгізу өрісінің бос күйі. - Ink
#0a0a0a— Негізгі мәтін, тақырыптар, түйме белгілері, белгіше контурлары. - Ink Soft
#171717— Ашық беттерде толтырылған, қосымша мәтіні бар түймелі фон суреттері. - Mid Gray
#737373— Негізгі мәтін, толтырғыш мәтін, көмекші белгілер және бос тұрған кездегі белгішені толтыру дыбысы өшірілген.
Типография
12-ден 48 пиксельге дейін · 8 қадам
- Geist — ауыстыру: Inter · контурлар 400, 500, 600 · Барлық интерфейс мәтіні — жол қалыңдығы 14px/400 болатын негізгі мәтін, жол қалыңдығы 24–48px/600 болатын тақырыптар және жол қалыңдығы 13–14px/500 болатын түймелер. Geist геометриялық әріп формалары және біркелкі жол қалыңдығы әзірлеуші құралдары үшін бейтарап сезім тудырады; 48px әріп аралығы және -0.05em әріп аралығы бар 600 жол қалыңдығы өңделгеннен гөрі ойлы көрінетін анық, сенімді тақырыптарды қамтамасыз етеді.
Аралықтары және формасы
| Мақсаты | Мағынасы |
|---|---|
| Тығыздық | тығыз |
| Негізгі қадам | 8px |
| Түйме радиусы | 18px |
| Карта радиусы | 24px |
| Көлеңкелер | көлеңкелердің орнына шекаралар жоқ |
| Бөлімдер арасында | 48-80px |
| Беттің ені | 1280px |
Жасанды интеллект сіздің веб-сайтыңызды Ui стилінде жасайды және оны толтырады
- Instagram, TikTok, Facebook сілтемелері арқылы өнімдер мен жазбаларды толтырыңыз.
- Ескі сайтыңыздан мазмұнды тасымалдаңыз — тек мекенжайын көрсетіңіз.
- Ең үздік қозғалтқыштағы заманауи дизайн: серверді рендерингтеу және SEO оңтайландыру арқылы React ( Next.js).
- Іздеу нәтижелері мен нейрондық желі ұсыныстары үшін толық автоматтандырылған SEO оңтайландыруы.
Ұқсас стильдер
- Ventriloc — Жылы қағаздағы деректердің редакциялық обсерваториясы - монохромды дәлдікті көрсететін жалғыз қызғылт сары түсті көмір
- Geniestudio — Жұмсақ күндізгі дәптер — кең жиектері және бір қалың қалам сызығы бар түрі
- xAI — Қара таблеткасы бар жылы крем зертханасы
- Cal — Монохромды практикалық, адами тәсіл. Қатаң қара-ақ палитра арқылы айқындық пен функционалдылыққа басымдық беретін, бірақ оны ыңғайлы типографиямен және дөңгелек пішіндермен жұмсартатын жүйе.
- Scale — Техникалық жобамен біріктірілген жоғары сапалы мұражай сапасындағы фотозертхана
- Contractbook — ультрамарин аспанының астындағы кілегей қағазының келісімшарттары
- AutoSend — Жалғыз күлгін шамы бар жайлы тас студиясы - мұнда сериф тақырыптары мен жарқын индиго шақырулары бір тыныш, ақ дерлік кеңістікте қатар орналасқан.
- Air — «Түн ортасындағы аспан әйнек арқылы» мүсіні
- SpatialChat — ақ пергаменттегі күлгін импульс
- Squarespace — Кинематографиялық монохромды галерея
- Giga — Мұзды обсидиан үстіндегі түнгі көкжиек
- Supabase — Түн ортасындағы фосфоресцентті жасыл нүктесі бар код редакторы — көмір шаңы теңізіндегі бір хроматикалық импульс