Ui
klinický plán na matnom papieri
shadcn/ui je workshop zameraný na tvorbu monochromatického dizajnového systému: čisté biele plátno, mäkké teplé sivé povrchy a karty s veľkým polomerom umiestnené na najjemnejších okrajoch. Rozhranie je takmer úplne achromatické – čierny text, biele povrchy, sivé sekundárne tóny – s jednou rušivou červenou farbou vyhradenou pre chybové stavy a nič iné. Typografia sa opiera o Geistovu geometrickú neutralitu s pevnou výškou písmen na obrazovkách, čím vytvára pokojný, kódový dojem, ktorý pôsobí skôr ako infraštruktúra pre vývojárov než ako spotrebiteľský produkt.
Minimálne obrázky – systém pozostáva takmer výlučne z používateľského rozhrania. Žiadne kľúčové fotografie, ilustrácie ani dekoratívna grafika. Ukážky produktov sú prezentované ako makety komponentov (karty, vstupné polia, tlačidlá) v mriežke, ktoré slúžia ako dokumentácia aj vizuálny obsah. Ikony sú tenké geometrické čiary (pravdepodobne prevzaté z Lucide) s hrúbkou 1,5 – 2 pixely v odtieni #0a0a0a alebo #737373, používané striedmo ako funkčné podnety. Vizuálnym jazykom sú samotné komponenty používateľského rozhrania – stránka funguje ako sprievodca živým štýlom, kde každý viditeľný prvok je viditeľným dizajnovým prvkom.
Paleta
Neutrálny
- Canvas
#f5f5f5— Pozadie stránky, tlmená výplň povrchu, ďalšie tlačidlá. - Paper
#ffffff— Povrchy kariet, vyskakovacie pozadia, výplne hlavných tlačidiel - Surface Alt
#fafafa— Pozadie bočného panela, nenápadná možnosť karty, nečinný stav vstupného poľa. - Ink
#0a0a0a— Hlavný text, nadpisy, popisy tlačidiel, obrysy ikon. - Ink Soft
#171717— Obrázky na pozadí tlačidiel s výplňou, dodatočný text na svetlých povrchoch. - Mid Gray
#737373— Hlavný text, zástupný text, pomocné popisky a výplň ikon v pokoji sú stlmené.
Typografia
od 12 do 48px · 8 krokov
- Geist — náhrada: Inter · obrysy 400, 500, 600 · Všetok text rozhrania – text tela s hrúbkou riadku 14px/400, nadpisy s hrúbkou riadku 24 – 48px/600 a tlačidlá s hrúbkou riadku 13 – 14px/500. Geometrické tvary písmen a jednotná hrúbka riadku v Geiste vytvárajú neutrálny dojem pre vývojárske nástroje; hrúbka riadku 600 s rozstupom písmen 48px a rozstupom písmen -0,05em zaisťuje jasné a sebavedomé nadpisy, ktoré vyzerajú premyslene a nie upravene.
Intervaly a forma
| Účel | Význam |
|---|---|
| Hustota | hustý |
| Základný krok | 8px |
| Polomer tlačidla | 18px |
| Polomer karty | 24px |
| Tiene | nie - okraje namiesto tieňov |
| Medzi sekciami | 48-80px |
| Šírka stránky | 1280px |
Umelá inteligencia vytvorí vašu webovú stránku v štýle Ui a naplní ju
- Doplňte produktmi a príspevkami cez odkaz - Instagram, TikTok, Facebook.
- Preneste obsah zo svojej starej stránky – stačí zadať adresu.
- Moderný dizajn na najlepšom engine: React ( Next.js) s vykresľovaním servera a SEO optimalizáciou hneď po vybalení.
- Plne automatizovaná SEO optimalizácia pre výsledky vyhľadávania a odporúčania neurónových sietí.
Podobné štýly
- Ventriloc — Redakčné observatórium údajov na teplom papieri – jediný oranžový uhlík zvýrazňujúci monochromatickú presnosť
- Geniestudio — Mäkký zápisník s denným svetlom – taký so širokými okrajmi a jedným hrubým ťahom pera
- xAI — Teplý krémový laboratórium s čiernou tabletkou
- Cal — Monochromatická praktickosť, ľudský prístup. Systém, ktorý uprednostňuje jasnosť a funkčnosť prostredníctvom prísnej čiernobielej palety, ale zjemňuje ju priateľskou typografiou a zaoblenými tvarmi.
- Scale — Vysokokvalitné fotolaboratórium múzejnej kvality v kombinácii s technickým projektom
- Contractbook — zmluvy z krémového papiera pod ultramarínovou oblohou
- AutoSend — Útulné kamenné štúdio s jediným fialovým svetlom – kde sa v jednom tichom, takmer bielom priestore snúbia pätkové titulky a jasne indigové výzvy na akciu.
- Air — socha „Polnočná obloha cez sklo“
- SpatialChat — fialový pulz na bielom pergamene
- Squarespace — Filmová monochromatická galéria
- Giga — Polnočný horizont nad matným obsidiánom
- Supabase — Editor kódu o polnoci s fosforeskujúcou zelenou bodkou – jediný chromatický impulz na mori uhoľného prachu