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