Ui
klinysk plan op mat papier
shadcn/ui is in workshop foar it meitsjen fan in monochroom ûntwerpsysteem: in skjin wyt doek, sêfte waarme grize oerflakken, en kaarten mei grutte radiussen pleatst op 'e subtylste rânen. De ynterface is hast folslein achromatysk - swarte tekst, wite oerflakken, grize sekundêre toanen - mei in inkele, fersteurende reade kleur reservearre foar flaterstaten en neat oars. De typografy fertrout op Geist's geometryske neutraliteit mei strakke letterhichte op skermen, wêrtroch in rêstich, koade-eftich gefoel ûntstiet dat mear fielt as ûntwikkeldersynfrastruktuer dan as in konsuminteprodukt.
Minimale ôfbyldings - it systeem bestiet hast folslein út 'e brûkersynterface. Gjin wichtige foto's, yllustraasjes of dekorative grafiken. Produktdemo's wurde presintearre as komponintmodellen (kaarten, ynfierfjilden, knoppen) yn in raster, dy't sawol tsjinje as dokumintaasje as fisuele ynhâld. Ikoanen binne tinne geometryske linen (wierskynlik liend fan Lucide) 1,5-2px dik yn #0a0a0a of #737373, dy't sparjend brûkt wurde as funksjonele oanwizings. De fisuele taal binne de UI-komponinten sels - de pagina funksjonearret as in libbene stylgids, wêrby't elk sichtber elemint in sichtber ûntwerpelemint is.
Palet
Neutraal
- Canvas
#f5f5f5— Side-eftergrûn, gedempte oerflakopfoling, ekstra knoppen. - Paper
#ffffff— Kaartoerflakken, pop-up-eftergrûnen, primêre knopvullingen - Surface Alt
#fafafa— Eftergrûn fan sydbalke, ûnopfallende kaartopsje, ynaktive steat fan it ynfierfjild. - Ink
#0a0a0a— Haadtekst, kopteksten, knoplabels, ikoanomtrekken. - Ink Soft
#171717— Knopeftergrûnôfbyldings mei opfoling, ekstra tekst op ljochte oerflakken. - Mid Gray
#737373— De haadtekst, plakferfangende tekst, helplabels en ikoanopfolling yn rêst binne allegear stil.
Typografy
fan 12 oant 48px · 8 stappen
- Geist — ferfanging: Inter · sketsen 400, 500, 600 · Alle ynterfacetekst - lichemstekst mei in rigelgewicht fan 14px/400, kopteksten mei in rigelgewicht fan 24–48px/600, en knoppen mei in rigelgewicht fan 13–14px/500. De geometryske letterfoarmen en unifoarme rigelgewicht fan Geist skeppe in neutraal gefoel foar ûntwikkeldersark; in rigelgewicht fan 600 mei letterôfstân fan 48px en letterôfstân fan -0.05em soarget foar dúdlike, selsbewuste kopteksten dy't der neitocht útsjogge ynstee fan bewurke.
Yntervallen en foarm
| Doel | Betsjutting |
|---|---|
| Dichtheid | ticht |
| Basisstap | 8px |
| Knopradius | 18px |
| Kaartradius | 24px |
| Skaden | gjin grinzen ynstee fan skaden |
| Tusken seksjes | 48-80px |
| Sidebreedte | 1280px |
AI sil jo webside bouwe yn Ui -styl en it folje
- Folje oan mei produkten en berjochten fia de link - Instagram, TikTok, Facebook.
- Oerdrage ynhâld fan jo âlde side - spesifisearje gewoan it adres.
- Modern ûntwerp op 'e bêste motor: React ( Next.js) mei serverrendering en SEO-optimalisaasje direkt út 'e doaze.
- Folslein automatisearre SEO-optimalisaasje foar sykresultaten en oanbefellings foar neurale netwurken.
Ferlykbere stilen
- Ventriloc — In redaksjoneel observatoarium fan gegevens op waarm papier - in inkele oranje gloei dy't de monochrome presyzje markearret
- Geniestudio — In sêft deiljochtboekje - it soarte mei brede marzjes en ien dikke pinnestreek
- xAI — Waarme crèmelaboratorium mei swarte pil
- Cal — Monochrome praktykens, in minsklike oanpak. In systeem dat prioriteit jout oan dúdlikens en funksjonaliteit troch in strang swart-wyt palet, mar it sêfter makket mei freonlike typografy en rûne foarmen.
- Scale — In heechweardige fotolab fan museumkwaliteit kombinearre mei in technysk projekt
- Contractbook — kontrakten fan crèmekleurich papier ûnder in ultramarine loft
- AutoSend — In noflike stiennen studio mei ien pears ljocht - dêr't serif-koppen en helder indigo-oproppen ta aksje neist elkoar besteane yn ien rêstige, hast wite romte.
- Air — byldhouwurk "Middernachtshimmel troch glês"
- SpatialChat — pearse puls op wyt perkament
- Squarespace — Filmyske Monochrome Galery
- Giga — Middernachtshorizon oer matte obsidiaan
- Supabase — In koade-editor om middernacht mei in fosforeszinte griene stip - in inkele chromatyske puls op in see fan stienkoalstof