Ui
klinesche Plang op Mattpabeier
shadcn/ui ass e Workshop fir e monochromatescht Designsystem ze kreéieren: eng propper wäiss Leinwand, mëll waarmgro Uewerflächen a Kaarte mat grousse Radius, déi op de subtilste Ränner positionéiert sinn. D'Interface ass bal komplett achromatesch - schwaarzen Text, wäiss Uewerflächen, gro Sekundärtéin - mat enger eenzeger, stéierender rouder Faarf, déi fir Feelerzoustänn reservéiert ass a soss näischt. D'Typographie baséiert op der geometrescher Neutralitéit vu Geist mat enger knapper Buschtawenhéicht op Schiirme, wat e rouegt, codeähnlecht Gefill kreéiert, dat sech méi wéi Entwécklerinfrastruktur wéi e Konsumgidderprodukt ufillt.
Minimal Biller - de System besteet bal ganz aus der Benotzeroberfläche. Keng Schlësselfotoen, Illustratiounen oder dekorativ Grafiken. Produktdemoe ginn als Komponentmockups (Kaarten, Inputfelder, Knäppercher) an engem Raster presentéiert, déi souwuel als Dokumentatioun wéi och als visuellen Inhalt déngen. Ikonen sinn dënn geometresch Linnen (wahrscheinlech vu Lucide iwwerholl) 1,5–2px déck an #0a0a0a oder #737373, déi spuersam als funktionell Hiweiser benotzt ginn. Déi visuell Sprooch sinn d'UI-Komponenten selwer - d'Säit funktionéiert als e liewege Stilguide, wou all siichtbaart Element e siichtbaart Designelement ass.
Palette
Neutral
- Canvas
#f5f5f5— Säitenhannergrond, gedämpft Uewerflächefëllung, zousätzlech Knäppercher. - Paper
#ffffff— Kaarteflächen, Pop-up-Hannergrënn, primär Knäppefëllungen - Surface Alt
#fafafa— Säitebar-Hannergrond, onopfälleg Kaartenoptioun, Idle-Zoustand vum Inputfeld. - Ink
#0a0a0a— Haapttext, Iwwerschrëften, Knäppchenbeschrëftungen, Ikonkonturen. - Ink Soft
#171717— Knäppchenhannergrondbiller mat Fëllung, zousätzlechen Text op hellen Uewerflächen. - Mid Gray
#737373— Den Haapttext, den Plazhaltertext, d'Niewebeschrëftungen an d'Ikonfëllung am Rouegzoustand sinn all stumm.
Typographie
vun 12 bis 48px · 8 Schrëtt
- Geist — Ersatz: Inter · Konturen 400, 500, 600 · All Interfacetext - Kierpertext mat enger Zeilendéckt vun 14px/400, Iwwerschrëften mat enger Zeilendéckt vun 24–48px/600, a Knäppercher mat enger Zeilendéckt vun 13–14px/500. Déi geometresch Buschtawenformen an déi eenheetlech Zeilendéckt vu Geist schafen en neutralt Gefill fir Entwécklertools; eng Zeilendéckt vu 600 mat engem Buschtawenofstand vun 48px an engem Buschtawenofstand vun -0,05em garantéiert kloer, selbstbewosst Iwwerschrëften, déi nodenklech anstatt geännert ausgesinn.
Intervaller a Form
| Zweck | Bedeitung |
|---|---|
| Dicht | dicht |
| Basis Schrëtt | 8px |
| Knäppchenradius | 18px |
| Kaarteradius | 24px |
| Schied | keng Grenzen amplaz vu Schied |
| Tëscht de Sektiounen | 48-80px |
| Säitebreet | 1280px |
KI baut Är Websäit am Stil vun Ui op a fëllt se aus
- Fëllt mat Produkter a Posts iwwer de Link aus - Instagram, TikTok, Facebook.
- Inhalt vun Ärer aler Säit transferéieren - gitt einfach d'Adress un.
- Modernen Design op der beschter Engine: React ( Next.js) mat Serverrendering an SEO Optimiséierung direkt aus der Këscht.
- Vollautomatesch SEO-Optimiséierung fir Sichresultater an Empfehlungen fir neuronal Netzwierker.
Ähnlech Stiler
- Ventriloc — En redaktionellt Observatoire vun Daten op waarmem Pabeier - eng eenzeg orange Kuel, déi déi monochrom Präzisioun ervirhiewt
- Geniestudio — E mëllen Dagesliichtnotizbuch - déi Zort mat breede Rand an engem décke Bicsträifen
- xAI — Waarm Crème Lab mat schwaarzer Pëll
- Cal — Monochrom Praktikabilitéit, eng mënschlech Approche. E System, dat Kloerheet a Funktionalitéit duerch eng strikt schwaarz-wäiss Palette prioritär behandelt, awer se mat frëndlecher Typographie a gerundeten Formen ofmëllegt.
- Scale — E qualitativ héichwäertegt Fotolaboratoire a Muséequalitéit kombinéiert mat engem technesche Projet
- Contractbook — Kontrakter vu Crèmepabeier ënner engem ultramarine Himmel
- AutoSend — E gemittlecht Steenstudio mat engem eenzege violette Liicht - wou serif-Schlagzeilen an hell Indigo-Opruff zum Handeln zesummekommen an engem rouegen, bal wäisse Raum.
- Air — Skulptur "Mëtternuechtshimmel duerch Glas"
- SpatialChat — violette Puls op wäissem Pergament
- Squarespace — Filmesch Monochrom Galerie
- Giga — Mëtternuechtshorizont iwwer matten Obsidian
- Supabase — E Code-Editor um Mëtternuecht mat engem phosphoreszenten grénge Punkt - en eenzege chromateschen Impuls op engem Mier vu Kuelestaub