Ui
klinisk plan på mat papir
shadcn/ui er en workshop til at skabe et monokromt designsystem: et rent hvidt lærred, bløde, varme grå overflader og kort med stor radius placeret på de fineste kanter. Grænsefladen er næsten udelukkende akromatisk – sort tekst, hvide overflader, grå sekundære toner – med en enkelt, forstyrrende rød farve reserveret til fejltilstande og intet andet. Typografien er baseret på Geists geometriske neutralitet med en stram bogstavhøjde på skærmene, hvilket skaber en rolig, kodelignende fornemmelse, der føles mere som udviklerinfrastruktur end et forbrugerprodukt.
Minimale billeder – systemet består næsten udelukkende af brugergrænsefladen. Ingen nøglefotos, illustrationer eller dekorativ grafik. Produktdemoer præsenteres som komponentmockups (kort, inputfelter, knapper) i et gitter, der fungerer både som dokumentation og visuelt indhold. Ikoner er tynde geometriske linjer (sandsynligvis lånt fra Lucide) 1,5-2px tykke i #0a0a0a eller #737373, der bruges sparsomt som funktionelle signaler. Det visuelle sprog er selve brugergrænsefladekomponenterne – siden fungerer som en levende stilguide, hvor hvert synligt element er et synligt designelement.
Palet
Neutral
- Canvas
#f5f5f5— Sidebaggrund, dæmpet overfladefyldning, yderligere knapper. - Paper
#ffffff— Kortoverflader, pop op-baggrunde, primære knapudfyldninger - Surface Alt
#fafafa— Baggrund i sidebjælken, diskret kortindstilling, inputfeltets inaktive tilstand. - Ink
#0a0a0a— Hovedtekst, overskrifter, knapetiketter, ikonomrids. - Ink Soft
#171717— Baggrundsbilleder af knap med udfyldning, yderligere tekst på lyse overflader. - Mid Gray
#737373— Hovedteksten, pladsholderteksten, hjælpeetiketterne og ikonudfyldningen i hviletilstand er alle slået fra.
Typografi
fra 12 til 48px · 8 trin
- Geist — udskiftning: Inter · konturer 400, 500, 600 · Al grænsefladetekst – brødtekst med en linjetykkelse på 14px/400, overskrifter med en linjetykkelse på 24-48px/600 og knapper med en linjetykkelse på 13-14px/500. Geists geometriske bogstavformer og ensartede linjetykkelse skaber en neutral fornemmelse for udviklerværktøjer; en linjetykkelse på 600 med 48px bogstavafstand og -0,05em bogstavafstand sikrer klare og overbevisende overskrifter, der ser gennemtænkte ud snarere end redigerede.
Intervaller og form
| Formål | Mening |
|---|---|
| Tæthed | tæt |
| Grundlæggende trin | 8px |
| Knapradius | 18px |
| Kortradius | 24px |
| Skygger | ingen grænser i stedet for skygger |
| Mellem sektioner | 48-80px |
| Sidebredde | 1280px |
AI vil bygge din hjemmeside i Ui -stil og udfylde den
- Fyld med produkter og opslag via linket - Instagram, TikTok, Facebook.
- Overfør indhold fra dit gamle websted – angiv blot adressen.
- Moderne design på den bedste søgemotor: React ( Next.js) med serverrendering og SEO-optimering lige fra starten.
- Fuldautomatiseret SEO-optimering til søgeresultater og anbefalinger til neurale netværk.
Lignende stilarter
- Ventriloc — Et redaktionelt observatorium af data på varmt papir - en enkelt orange glød fremhæver den monokrome præcision
- Geniestudio — En blød notesbog med dagslys – den slags med brede margener og et tykt pennestrøg
- xAI — Varm Creme Lab med Sort Pille
- Cal — Monokrom praktisk sans, en menneskelig tilgang. Et system, der prioriterer klarhed og funktionalitet gennem en streng sort-hvid palet, men blødgør den op med venlig typografi og afrundede former.
- Scale — Et fotolaboratorium af høj kvalitet i museumskvalitet kombineret med et teknisk projekt
- Contractbook — kontrakter af cremefarvet papir under en ultramarinblå himmel
- AutoSend — Et hyggeligt stenstudie med et enkelt lilla lys – hvor serif-overskrifter og klare indigo-opfordringer til handling sameksisterer i ét stille, næsten hvidt rum.
- Air — skulptur "Midnatshimlen gennem glas"
- SpatialChat — lilla puls på hvidt pergament
- Squarespace — Filmisk monokrom galleri
- Giga — Midnatshorisont over matteret obsidian
- Supabase — En kodeeditor ved midnat med en fosforescerende grøn prik – en enkelt kromatisk puls på et hav af kulstøv