Ui
plan klinikoa paper matean
shadcn/ui diseinu-sistema monokromo bat sortzeko tailer bat da: mihise zuri garbi bat, gainazal gris epel leunak eta erradio handiko txartelak ertz sotilenetan kokatuta. Interfazea ia erabat akromatikoa da —testu beltza, gainazal zuriak, bigarren mailako tonu grisak—, errore-egoeretarako gordetako kolore gorri bakarra eta disruptiboa duelarik. Tipografia Geist-en neutraltasun geometrikoan oinarritzen da, pantailetan letra-altuera estua duelarik, sentsazio lasai eta kode-antzekoa sortuz, kontsumo-produktu bat baino garatzaile-azpiegitura baten antza handiagoa duena.
Irudi minimalistak — sistema ia osorik erabiltzaile-interfazeaz osatuta dago. Ez dago argazki, ilustrazio edo grafiko apaingarri nagusirik. Produktuen demoak osagaien maketa gisa aurkezten dira (txartelak, sarrera-eremuak, botoiak) sareta batean, dokumentazio eta eduki bisual gisa balio dutenak. Ikonoak lerro geometriko meheak dira (ziurrenik Lucide-tik hartutakoak), 1,5-2 px-ko lodierakoak, #0a0a0a edo #737373 kolorekoak, gutxitan erabiltzen direnak funtzio-arrasto gisa. Hizkuntza bisuala UI osagaiak berak dira — orrialdeak estilo-gida bizidun gisa funtzionatzen du, non elementu ikusgai bakoitza diseinu-elementu ikusgai bat den.
Paleta
Neutroa
- Canvas
#f5f5f5— Orriaren atzeko planoa, gainazalaren betegarri isila, botoi gehigarriak. - Paper
#ffffff— Txartelen gainazalak, atzeko planoak, botoi nagusien betegarriak - Surface Alt
#fafafa— Alboko barraren atzeko planoa, txartel aukera diskretua, sarrera eremuaren egoera inaktibo. - Ink
#0a0a0a— Testu nagusia, goiburuak, botoien etiketak, ikonoen eskemak. - Ink Soft
#171717— Botoien atzeko planoko irudiak betegarriarekin, gainazal argietan testu gehigarria. - Mid Gray
#737373— Testu nagusia, leku-markatzailearen testua, etiketa lagungarriak eta ikonoen betegarria isilarazita daude.
Tipografia
12tik 48px-ra · 8 urrats
- Geist — ordezkapena: Inter · eskemak 400, 500, 600 · Interfazeko testu guztia —14px/400 lerro-lodierako gorputz-testua, 24–48px/600 lerro-lodierako goiburuak eta 13–14px/500 lerro-lodierako botoiak. Geist-en letra-forma geometrikoek eta lerro-lodiera uniformeak sentsazio neutroa sortzen dute garatzaileen tresnentzat; 600 lerro-lodierako 48px-ko letren arteko tartearekin eta -0.05em-ko letren arteko tartearekin goiburu argi eta seguruak bermatzen ditu, editatuak baino pentsakorrak diruditenak.
Tarteak eta forma
| Helburua | Esanahia |
|---|---|
| Dentsitatea | trinko |
| Oinarrizko urratsa | 8px |
| Botoiaren erradioa | 18px |
| Txartelaren erradioa | 24px |
| Itzalak | ez - itzalen ordez ertzak |
| Atalen artean | 48-80px |
| Orriaren zabalera | 1280px |
Adimen artifizialak zure webgunea Ui estiloan eraikiko du eta beteko du
- Bete produktu eta argitalpenekin estekaren bidez - Instagram, TikTok, Facebook.
- Transferitu edukia zure gune zaharretik: zehaztu helbidea.
- Diseinu modernoa motor onenean: React ( Next.js) zerbitzariaren errendatzearekin eta SEO optimizazioarekin hasieratik.
- Bilaketa-emaitzetarako eta sare neuronalen gomendioetarako SEO optimizazio guztiz automatizatua.
Estilo antzekoak
- Ventriloc — Paper epeleko datuen behatoki editoriala - txingar laranja bakar batek zehaztasun monokromoa nabarmentzen du
- Geniestudio — Eguneko koaderno leun bat —ertz zabalak eta boligrafo-marra lodi bakarra dituen motakoa—
- xAI — Krema epela laborategia pilula beltzarekin
- Cal — Praktikotasun monokromoa, ikuspegi gizatiarra. Argitasuna eta funtzionaltasuna lehenesten dituen sistema bat, paleta zuri-beltz zorrotz baten bidez, baina tipografia atseginarekin eta forma biribilduekin leuntzen dituena.
- Scale — Museo-kalitateko argazki-laborategi bikaina proiektu tekniko batekin konbinatuta
- Contractbook — krema paperezko kontratuak itsas urdineko zeru baten azpian
- AutoSend — Harrizko estudio eroso bat, argi more bakarrarekin, non serif izenburuak eta indigo distiratsuko ekintzarako deiak espazio lasai eta ia zuri batean bizi diren.
- Air — eskultura "Gauerdiko zerua beiraren bidez"
- SpatialChat — pergamino zuriaren gaineko pultsu morea
- Squarespace — Zinema Monokromo Galeria
- Giga — Gauerdiko horizontea obsidiana izoztuaren gainean
- Supabase — Gauerdiko kode editore bat puntu berde fosforeszente batekin: ikatz hauts itsaso batean pultsu kromatiko bakarra