Ui
klīniskais plāns uz matēta papīra
shadcn/ui ir darbnīca vienkrāsainas dizaina sistēmas izveidei: tīrs balts audekls, maigi silti pelēkas virsmas un liela rādiusa kartītes, kas novietotas uz visniecīgākajām apmalēm. Saskarne ir gandrīz pilnībā ahromatiska — melns teksts, baltas virsmas, pelēki sekundārie toņi — ar vienu, traucējošu sarkanu krāsu, kas rezervēta kļūdu stāvokļiem un nekam citam. Tipogrāfija balstās uz Geist ģeometrisko neitralitāti ar nelielu burtu augstumu ekrānos, radot mierīgu, kodam līdzīgu sajūtu, kas vairāk atgādina izstrādātāja infrastruktūru, nevis patēriņa produktu.
Minimāli attēli — sistēma gandrīz pilnībā sastāv no lietotāja saskarnes. Nav galveno fotoattēlu, ilustrāciju vai dekoratīvas grafikas. Produktu demonstrācijas tiek attēlotas kā komponentu maketi (kartes, ievades lauki, pogas) režģī, kas kalpo gan kā dokumentācija, gan kā vizuāls saturs. Ikonas ir plānas ģeometriskas līnijas (iespējams, aizgūtas no Lucide) 1,5–2 pikseļi biezumā ar kodējumu #0a0a0a vai #737373, kuras tiek reti izmantotas kā funkcionālas norādes. Vizuālo valodu veido paši lietotāja saskarnes komponenti — lapa darbojas kā dzīvs stila ceļvedis, kur katrs redzamais elements ir redzams dizaina elements.
Palete
Neitrāls
- Canvas
#f5f5f5— Lapas fons, klusināts virsmas aizpildījums, papildu pogas. - Paper
#ffffff— Kartīšu virsmas, uznirstošie foni, galveno pogu aizpildījumi - Surface Alt
#fafafa— Sānjoslas fons, neuzkrītoša kartes opcija, ievades lauka dīkstāves stāvoklis. - Ink
#0a0a0a— Galvenais teksts, virsraksti, pogu nosaukumi, ikonu kontūras. - Ink Soft
#171717— Pogas fona attēli ar aizpildījumu, papildu teksts uz gaišām virsmām. - Mid Gray
#737373— Galvenais teksts, aizvietotāja teksts, palīgetiķetes un ikonu aizpildījums miera stāvoklī ir apklusināti.
Tipogrāfija
no 12 līdz 48 pikseļiem · 8 soļi
- Geist — nomaiņa: Inter · kontūras 400, 500, 600 · Viss saskarnes teksts — pamatteksts ar līnijas biezumu 14 pikseļi/400, virsraksti ar līnijas biezumu 24–48 pikseļi/600 un pogas ar līnijas biezumu 13–14 pikseļi/500. Geist ģeometriskās burtu formas un vienmērīgais līnijas biezums izstrādātāju rīkiem rada neitrālu sajūtu; 600 līniju biezums ar 48 pikseļiem burtu atstarpi un -0,05em burtu atstarpi nodrošina skaidrus, pārliecinātus virsrakstus, kas izskatās pārdomāti, nevis rediģēti.
Intervāli un forma
| Mērķis | Nozīme |
|---|---|
| Blīvums | blīvs |
| Pamata solis | 8px |
| Pogas rādiuss | 18px |
| Kartes rādiuss | 24px |
| Ēnas | nē — robežas ēnu vietā |
| Starp sekcijām | 48-80px |
| Lapas platums | 1280px |
Mākslīgais intelekts izveidos jūsu vietni Ui stilā un aizpildīs to
- Aizpildiet ar produktiem un ierakstiem, izmantojot saiti — Instagram, TikTok, Facebook.
- Pārsūtiet saturu no savas vecās vietnes — vienkārši norādiet adresi.
- Moderns dizains uz labākā dzinēja: React ( Next.js) ar servera renderēšanu un SEO optimizāciju uzreiz pēc instalēšanas.
- Pilnībā automatizēta SEO optimizācija meklēšanas rezultātiem un neironu tīkla ieteikumiem.
Līdzīgi stili
- Ventriloc — Redakcijas datu observatorija uz silta papīra — viena oranža ogle, kas izceļ melnbalto precizitāti
- Geniestudio — Mīksta dienasgaismas piezīmju grāmatiņa — tāda, kurai ir platas malas un viens resns rakstāmspalvas triepiens
- xAI — Siltā krēma laboratorija ar melnu tableti
- Cal — Vienkrāsains praktiskums, cilvēciska pieeja. Sistēma, kas piešķir prioritāti skaidrībai un funkcionalitātei, izmantojot stingru melnbaltu paleti, bet mīkstina to ar draudzīgu tipogrāfiju un noapaļotām formām.
- Scale — Augstas kvalitātes muzeja līmeņa fotolaboratorija apvienojumā ar tehnisku projektu
- Contractbook — krēmkrāsas papīra līgumi zem ultramarīna debesīm
- AutoSend — Mājīga akmens studija ar vienu violetu gaismu — kur vienā klusā, gandrīz baltā telpā sadzīvo serif virsraksti un spilgti indigo aicinājumi uz rīcību.
- Air — skulptūra "Pusnakts debesis caur stiklu"
- SpatialChat — violets pulss uz balta pergamenta
- Squarespace — Kinematogrāfiskā vienkrāsainā galerija
- Giga — Pusnakts horizonts virs matēta obsidiāna
- Supabase — Koda redaktors pusnaktī ar fosforescējošu zaļu punktu — vienu hromatisku impulsu uz ogļu putekļu jūras