Ui
күңгүрт кагаздагы клиникалык план
shadcn/ui – бул монохромдуу дизайн системасын түзүү боюнча семинар: таза ак полотно, жумшак жылуу боз беттер жана эң жука чектерде жайгашкан чоң радиусу бар карталар. Интерфейс дээрлик толугу менен ахроматикалык – кара текст, ак беттер, боз кошумча тондор – ката абалдары үчүн гана сакталган бир гана, бузуучу кызыл түс менен жана башка эч нерсе эмес. Типография экрандарда тамгалардын бийиктигинин тыгыздыгы менен Geistтин геометриялык нейтралдуулугуна таянат, бул керектөөчү продуктка караганда иштеп чыгуучунун инфраструктурасына көбүрөөк окшош тынч, код сыяктуу сезимди жаратат.
Минималдуу сүрөттөр — система дээрлик толугу менен колдонуучу интерфейсинен турат. Негизги сүрөттөр, иллюстрациялар же декоративдик графика жок. Продукциянын демонстрациялары торчодо компоненттик макеттер (карталар, киргизүү талаалары, баскычтар) катары көрсөтүлүп, документтештирүү жана визуалдык мазмун катары кызмат кылат. Сүрөтчөлөр — бул #0a0a0a же #737373 сүрөттөрүндө калыңдыгы 1,5–2 пиксел болгон ичке геометриялык сызыктар (болжол менен Lucideден алынган), функционалдык белги катары сейрек колдонулат. Визуалдык тил — бул UI компоненттеринин өзү — баракча жашоо стилинин колдонмосу катары иштейт, мында ар бир көрүнгөн элемент көрүнгөн дизайн элементи болуп саналат.
Түстөр палитрасы
Нейтралдуу
- 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 — Түн ортосунда фосфоресценттүү жашыл чекит менен код редактору — көмүр чаңынын деңизиндеги бир хроматикалык импульс