Ui
клинички план на мат хартија
shadcn/ui е работилница за креирање монохроматски систем за дизајн: чисто бело платно, меки топли сиви површини и картички со голем радиус поставени на најсуптилните граници. Интерфејсот е речиси целосно ахроматичен - црн текст, бели површини, сиви секундарни тонови - со една, дисруптивна црвена боја резервирана за состојби на грешка и ништо друго. Типографијата се потпира на геометриската неутралност на Geist со тесна висина на буквите на екраните, создавајќи мирно, чувство слично на код кое повеќе личи на инфраструктура за развивачи отколку на потрошувачки производ.
Минимални слики - системот речиси целосно се состои од кориснички интерфејс. Нема клучни фотографии, илустрации или декоративна графика. Демо-прегледите на производите се претставени како макети на компоненти (картички, полиња за внесување, копчиња) во мрежа, служејќи и како документација и како визуелна содржина. Иконите се тенки геометриски линии (веројатно позајмени од Lucide) со дебелина од 1,5–2px во #0a0a0a или #737373, кои се користат ретко како функционални знаци. Визуелниот јазик се самите компоненти на корисничкиот интерфејс - страницата функционира како водич за жив стил, каде што секој видлив елемент е видлив елемент на дизајнот.
Палета
Неутрално
- Canvas
#f5f5f5— Позадина на страницата, пригушено полнење на површината, дополнителни копчиња. - Paper
#ffffff— Површини на картички, појавни позадини, примарни пополнувања на копчиња - Surface Alt
#fafafa— Позадина на страничната лента, опција за ненаметлива картичка, состојба на мирување на полето за внесување. - Ink
#0a0a0a— Главен текст, наслови, ознаки на копчиња, контури на икони. - Ink Soft
#171717— Слики во позадина на копчиња со пополнување, дополнителен текст на светли површини. - Mid Gray
#737373— Главниот текст, текстот за резервирање места, помошните етикети и пополнувањето на иконите во мирување се исклучени.
Типографија
од 12 до 48px · 8 чекори
- Geist — замена: Inter · контури 400, 500, 600 · Целиот текст на интерфејсот - текст на телото со дебелина на линијата од 14px/400, наслови со дебелина на линијата од 24–48px/600 и копчиња со дебелина на линијата од 13–14px/500. Геометриските форми на букви на Geist и униформната дебелина на линијата создаваат неутрален изглед за алатките за програмери; дебелина на линијата од 600 со растојание помеѓу буквите од 48px и растојание помеѓу буквите од -0,05em обезбедува јасни, сигурни наслови кои изгледаат внимателно, а не како уредени.
Интервали и форма
| Намена | Значење |
|---|---|
| Густина | густ |
| Основен чекор | 8px |
| Радиус на копчето | 18px |
| Радиус на картичката | 24px |
| Сенки | без граници наместо сенки |
| Помеѓу деловите | 48-80px |
| Ширина на страницата | 1280px |
Вештачката интелигенција ќе ја изгради вашата веб-страница во стилот Ui и ќе ја пополни
- Пополнете со производи и објави преку линкот - Instagram, TikTok, Facebook.
- Пренесете содржина од вашата стара страница - само наведете ја адресата.
- Модерен дизајн на најдобриот мотор: React ( Next.js) со рендерирање на серверот и SEO оптимизација веднаш.
- Целосно автоматизирана SEO оптимизација за резултати од пребарување и препораки за невронски мрежи.
Слични стилови
- Ventriloc — Уредничка опсерваторија на податоци на топла хартија - една портокалова жар што ја истакнува монохроматската прецизност
- Geniestudio — Тетратка со мека дневна светлина - од оние со широки маргини и еден дебел потег на пенкалото
- xAI — Лабораторија за топол крем со црна пилула
- Cal — Монохроматска практичност, човечки пристап. Систем кој дава приоритет на јасноста и функционалноста преку строга црно-бела палета, но ги омекнува со пријателска типографија и заоблени форми.
- Scale — Висококвалитетна фотолабораторија со музејски квалитет во комбинација со технички проект
- Contractbook — договори од крем хартија под ултрамаринско небо
- AutoSend — Пријатно камено студио со едно виолетово светло - каде што серифните наслови и светлите индиго повици за акција коегзистираат во еден тивок, речиси бел простор.
- Air — скулптура „Полноќно небо низ стакло“
- SpatialChat — виолетов пулс на бел пергамент
- Squarespace — Кинематска монохроматска галерија
- Giga — Полноќен хоризонт над замрзнат обсидијан
- Supabase — Уредник на код на полноќ со фосфоресцентна зелена точка - единствен хроматски пулс на море од јагленова прашина