Ui
klinični načrt na mat papirju
shadcn/ui je delavnica za ustvarjanje enobarvnega oblikovalskega sistema: čisto belo platno, mehke, toplo sive površine in kartice z velikim radijem, nameščene na najsubtilnejših robovih. Vmesnik je skoraj v celoti akromatičen – črno besedilo, bele površine, sivi sekundarni toni – z eno samo, motečo rdečo barvo, rezervirano za stanja napak in nič drugega. Tipografija se opira na Geistovo geometrijsko nevtralnost z ozko višino črk na zaslonih, kar ustvarja umirjen, kodi podoben občutek, ki je bolj podoben razvijalski infrastrukturi kot potrošniškemu izdelku.
Minimalne slike – sistem je skoraj v celoti sestavljen iz uporabniškega vmesnika. Brez ključnih fotografij, ilustracij ali dekorativne grafike. Predstavitve izdelkov so predstavljene kot makete komponent (kartice, vnosna polja, gumbi) v mreži, ki služijo tako kot dokumentacija kot vizualna vsebina. Ikone so tanke geometrijske črte (verjetno izposojene iz Lucide), debele 1,5–2 slikovnih pik v barvi #0a0a0a ali #737373, ki se redko uporabljajo kot funkcionalni namigi. Vizualni jezik so same komponente uporabniškega vmesnika – stran deluje kot življenjski slogovni vodnik, kjer je vsak vidni element vidni element oblikovanja.
Paleta
Nevtralno
- Canvas
#f5f5f5— Ozadje strani, utišano površinsko polnilo, dodatni gumbi. - Paper
#ffffff— Površine kartic, pojavna ozadja, polnila primarnih gumbov - Surface Alt
#fafafa— Ozadje stranske vrstice, možnost nevsiljive kartice, stanje mirovanja vnosnega polja. - Ink
#0a0a0a— Glavno besedilo, naslovi, oznake gumbov, obrisi ikon. - Ink Soft
#171717— Slike ozadja gumbov z zapolnitvijo, dodatno besedilo na svetlih površinah. - Mid Gray
#737373— Glavno besedilo, besedilo rezerviranega mesta, pomožne oznake in polnilo ikon v mirovanju so vsi utišani.
Tipografija
od 12 do 48 slikovnih pik · 8 korakov
- Geist — zamenjava: Inter · obrisi 400, 500, 600 · Vse besedilo vmesnika – telo besedila z debelino vrstice 14px/400, naslovi z debelino vrstice 24–48px/600 in gumbi z debelino vrstice 13–14px/500. Geistove geometrijske oblike črk in enotna debelina vrstice ustvarjajo nevtralen občutek za orodja za razvijalce; debelina vrstice 600 z razmikom med črkami 48px in razmikom med črkami -0,05em zagotavlja jasne in samozavestne naslove, ki so videti premišljeni in ne urejeni.
Intervali in oblika
| Namen | Pomen |
|---|---|
| Gostota | gosta |
| Osnovni korak | 8px |
| Polmer gumba | 18px |
| Polmer kartice | 24px |
| Sence | ne - obrobe namesto senc |
| Med odseki | 48-80px |
| Širina strani | 1280px |
Umetna inteligenca bo zgradila vašo spletno stran v slogu Ui in jo napolnila
- Polnite z izdelki in objavami prek povezave - Instagram, TikTok, Facebook.
- Prenesite vsebino s starega spletnega mesta – samo navedite naslov.
- Sodoben dizajn na najboljšem iskalniku: React ( Next.js) z vnaprej pripravljenim upodabljanjem na strežniku in optimizacijo za SEO.
- Popolnoma avtomatizirana SEO optimizacija za rezultate iskanja in priporočila nevronskih mrež.
Podobni slogi
- Ventriloc — Uredniški observatorij podatkov na toplem papirju - ena sama oranžna žerjavica, ki poudarja enobarvno natančnost
- Geniestudio — Mehak dnevni zvezek – takšen s širokimi robovi in eno debelo potezo peresa
- xAI — Topla krema Lab s črno tabletko
- Cal — Enobarvna praktičnost, človeški pristop. Sistem, ki daje prednost jasnosti in funkcionalnosti s strogo črno-belo paleto, a jo hkrati mehča s prijazno tipografijo in zaobljenimi oblikami.
- Scale — Visokokakovosten fotolaboratorij muzejske kakovosti v kombinaciji s tehničnim projektom
- Contractbook — pogodbe iz kremnega papirja pod ultramarinskim nebom
- AutoSend — Prijeten kamnit studio z eno samo vijolično lučjo – kjer serifni naslovi in svetlo indigo vijolični pozivi k dejanju sobivajo v enem mirnem, skoraj belem prostoru.
- Air — skulptura "Polnočno nebo skozi steklo"
- SpatialChat — vijolični stročji na belem pergamentu
- Squarespace — Kinematografska monokromatska galerija
- Giga — Polnočno obzorje nad zmrznjenim obsidianom
- Supabase — Urejevalnik kode ob polnoči s fosforescentno zeleno piko – en sam kromatični impulz na morju premogovega prahu