Ui
klinický plán na matném papíře
shadcn/ui je workshop pro tvorbu monochromatického designového systému: čisté bílé plátno, měkké teplé šedé povrchy a karty s velkým poloměrem umístěné na nejjemnějších okrajích. Rozhraní je téměř výhradně achromatické – černý text, bílé povrchy, šedé sekundární tóny – s jedinou, rušivou červenou barvou vyhrazenou pro chybové stavy a nic jiného. Typografie se opírá o geometrickou neutralitu Geistu s pevnou výškou písmen na obrazovkách, což vytváří klidný, kódový dojem, který působí spíše jako vývojářská infrastruktura než spotřebitelský produkt.
Minimální množství obrázků – systém se skládá téměř výhradně z uživatelského rozhraní. Žádné klíčové fotografie, ilustrace ani dekorativní grafika. Ukázky produktů jsou prezentovány jako makety komponent (karty, vstupní pole, tlačítka) v mřížce, které slouží jak jako dokumentace, tak jako vizuální obsah. Ikony jsou tenké geometrické čáry (pravděpodobně převzaté z Lucide) o tloušťce 1,5–2 pixely v barvě #0a0a0a nebo #737373, používané střídmě jako funkční vodítka. Vizuálním jazykem jsou samotné komponenty uživatelského rozhraní – stránka funguje jako průvodce živým stylem, kde každý viditelný prvek je viditelným designovým prvkem.
Paleta
Neutrální
- Canvas
#f5f5f5— Pozadí stránky, tlumená výplň povrchu, další tlačítka. - Paper
#ffffff— Povrchy karet, vyskakovací pozadí, výplně primárních tlačítek - Surface Alt
#fafafa— Pozadí postranního panelu, nenápadná možnost zobrazení karty, nečinný stav vstupního pole. - Ink
#0a0a0a— Hlavní text, nadpisy, popisky tlačítek, obrysy ikon. - Ink Soft
#171717— Obrázky pozadí tlačítek s výplní, další text na světlých površích. - Mid Gray
#737373— Hlavní text, zástupný text, pomocné popisky a výplň ikon v klidovém stavu jsou ztlumené.
Typografie
od 12 do 48 pixelů · 8 kroků
- Geist — nahrazení: Inter · obrysy 400, 500, 600 · Veškerý text rozhraní – text těla s tloušťkou řádku 14px/400, nadpisy s tloušťkou řádku 24–48px/600 a tlačítka s tloušťkou řádku 13–14px/500. Geometrické tvary písmen a jednotná tloušťka řádku v Geistu vytvářejí neutrální dojem pro vývojářské nástroje; tloušťka řádku 600 s roztečí písmen 48px a roztečí písmen -0,05em zajišťuje jasné a sebevědomé nadpisy, které vypadají spíše promyšleně než upraveně.
Intervaly a forma
| Účel | Význam |
|---|---|
| Hustota | hustý |
| Základní krok | 8px |
| Poloměr tlačítka | 18px |
| Poloměr karty | 24px |
| Stíny | ne - okraje místo stínů |
| Mezi sekcemi | 48-80px |
| Šířka stránky | 1280px |
Umělá inteligence vám vytvoří web ve stylu Ui a naplní ho
- Doplňujte produkty a příspěvky přes odkaz - Instagram, TikTok, Facebook.
- Přeneste obsah ze starého webu – stačí zadat adresu.
- Moderní design na nejlepším enginu: React ( Next.js) s renderováním na serveru a SEO optimalizací ihned po vybalení.
- Plně automatizovaná SEO optimalizace pro výsledky vyhledávání a doporučení neuronových sítí.
Podobné styly
- Ventriloc — Redakční observatoř dat na teplém papíře - jediný oranžový uhlík zdůrazňující monochromatickou preciznost
- Geniestudio — Měkký zápisník s denním světlem – takový s širokými okraji a jedním tlustým tahem pera
- xAI — Teplý krém Lab s černou pilulkou
- Cal — Monochromatická praktičnost, lidský přístup. Systém, který upřednostňuje jasnost a funkčnost prostřednictvím striktní černobílé palety, ale zjemňuje ji přátelskou typografií a zaoblenými tvary.
- Scale — Vysoce kvalitní fotolaboratoř muzejní kvality v kombinaci s technickým projektem
- Contractbook — smlouvy z krémového papíru pod ultramarínovou oblohou
- AutoSend — Útulné kamenné studio s jediným fialovým světlem – kde se v jednom tichém, téměř bílém prostoru snoubí patkové titulky a zářivě indigové výzvy k akci.
- Air — socha "Půlnoční obloha skrz sklo"
- SpatialChat — fialový puls na bílém pergamenu
- Squarespace — Filmová monochromatická galerie
- Giga — Půlnoční horizont nad matným obsidiánem
- Supabase — Editor kódu o půlnoci s fosforeskující zelenou tečkou – jediný chromatický puls na moři uhelného prachu