Ui
klinički plan na mat papiru
shadcn/ui je radionica za stvaranje monokromatskog dizajnerskog sustava: čisto bijelo platno, meke tople sive površine i kartice velikog radijusa postavljene na najsuptilnijim rubovima. Sučelje je gotovo u potpunosti akromatsko - crni tekst, bijele površine, sivi sekundarni tonovi - s jednom, disruptivnom crvenom bojom rezerviranom za stanja pogrešaka i ništa drugo. Tipografija se oslanja na Geistovu geometrijsku neutralnost s uskom visinom slova na ekranima, stvarajući miran, kodni osjećaj koji se više doima kao razvojna infrastruktura nego potrošački proizvod.
Minimalne slike - sustav se gotovo u potpunosti sastoji od korisničkog sučelja. Nema ključnih fotografija, ilustracija ili dekorativne grafike. Demo prikazi proizvoda prikazani su kao makete komponenti (kartice, polja za unos, gumbi) u mreži, služeći i kao dokumentacija i kao vizualni sadržaj. Ikone su tanke geometrijske linije (vjerojatno posuđene iz Lucidea) debljine 1,5-2px u boji #0a0a0a ili #737373, korištene rijetko kao funkcionalni znakovi. Vizualni jezik su same komponente korisničkog sučelja - stranica funkcionira kao vodič za živi stil, gdje je svaki vidljivi element vidljivi element dizajna.
Paleta
Neutralno
- Canvas
#f5f5f5— Pozadina stranice, prigušeno ispunjavanje površine, dodatni gumbi. - Paper
#ffffff— Površine kartica, skočne pozadine, ispune glavnih gumba - Surface Alt
#fafafa— Pozadina bočne trake, neupadljiva opcija kartice, stanje mirovanja polja za unos. - Ink
#0a0a0a— Glavni tekst, naslovi, oznake gumba, obrisi ikona. - Ink Soft
#171717— Pozadinske slike gumba s ispunom, dodatni tekst na svijetlim površinama. - Mid Gray
#737373— Glavni tekst, tekst rezerviranog mjesta, pomoćne oznake i ispuna ikona u mirovanju su isključeni.
Tipografija
od 12 do 48px · 8 koraka
- Geist — zamjena: Inter · obrisi 400, 500, 600 · Sav tekst sučelja - tekst tijela s debljinom linije 14px/400, naslovi s debljinom linije 24–48px/600 i gumbi s debljinom linije 13–14px/500. Geistovi geometrijski oblici slova i ujednačena debljina linije stvaraju neutralan osjećaj za alate za razvojne programere; debljina linije 600 s razmakom između slova od 48px i razmakom između slova od -0,05em osigurava jasne, samouvjerene naslove koji izgledaju promišljeno, a ne uređeno.
Intervali i forma
| Svrha | Značenje |
|---|---|
| Gustoća | gust |
| Osnovni korak | 8px |
| Radijus gumba | 18px |
| Radijus kartice | 24px |
| Sjene | ne - obrubi umjesto sjena |
| Između odjeljaka | 48-80px |
| Širina stranice | 1280px |
Umjetna inteligencija će izraditi vašu web stranicu u Ui stilu i ispuniti je
- Popunite proizvodima i objavama putem poveznice - Instagram, TikTok, Facebook.
- Prenesite sadržaj sa svoje stare web-lokacije - samo navedite adresu.
- Moderan dizajn na najboljem engineu: React ( Next.js) s renderiranjem na serveru i SEO optimizacijom odmah po instalaciji.
- Potpuno automatizirana SEO optimizacija za rezultate pretraživanja i preporuke neuronskih mreža.
Slični stilovi
- Ventriloc — Urednički opservatorij podataka na toplom papiru - jedan narančasti žar koji ističe monokromatsku preciznost
- Geniestudio — Mekani bilježnica za dnevno svjetlo - ona sa širokim marginama i jednim debelim potezom pera
- xAI — Topla krema Lab s crnom tabletom
- Cal — Monokromatska praktičnost, ljudski pristup. Sustav koji daje prioritet jasnoći i funkcionalnosti kroz strogu crno-bijelu paletu, ali je omekšava prijateljskom tipografijom i zaobljenim oblicima.
- Scale — Visokokvalitetni fotolaboratorij muzejske kvalitete u kombinaciji s tehničkim projektom
- Contractbook — ugovori od krem papira pod ultramarinskim nebom
- AutoSend — Ugodan kameni studio s jednim ljubičastim svjetlom - gdje serifni naslovi i jarko indigo pozivi na akciju koegzistiraju u jednom tihom, gotovo bijelom prostoru.
- Air — skulptura "Ponoćno nebo kroz staklo"
- SpatialChat — ljubičasti puls na bijelom pergamentu
- Squarespace — Filmska monokromatska galerija
- Giga — Ponoćni horizont iznad zaleđenog opsidijana
- Supabase — Uređivač koda u ponoć s fosforescentnom zelenom točkom - jednim kromatskim pulsom na moru ugljene prašine