Ui
klinikinis planas ant matinio popieriaus
„shadcn/ui“ – tai dirbtuvės, skirtos kurti monochrominę dizaino sistemą: švari balta drobė, švelnūs šilti pilki paviršiai ir didelio spindulio kortelės, išdėstytos ant subtiliausių rėmelių. Sąsaja yra beveik visiškai achromatinė – juodas tekstas, balti paviršiai, pilki antriniai tonai – su viena, trikdančia raudona spalva, skirta klaidų būsenoms ir nieko daugiau. Tipografija remiasi „Geist“ geometriniu neutralumu su mažu raidžių aukščiu ekranuose, sukuriant ramų, kodo pojūtį, kuris labiau primena kūrėjo infrastruktūrą nei vartojimo produktą.
Minimalūs vaizdai – sistema beveik visiškai sudaryta iš vartotojo sąsajos. Jokių pagrindinių nuotraukų, iliustracijų ar dekoratyvinės grafikos. Produktų demonstracinės versijos pateikiamos kaip komponentų maketai (kortelės, įvesties laukai, mygtukai) tinklelyje, kurie naudojami ir kaip dokumentacija, ir kaip vaizdinis turinys. Piktogramos yra plonos geometrinės linijos (greičiausiai pasiskolintos iš „Lucide“), 1,5–2 pikselių storio, kurių kodas yra #0a0a0a arba #737373, naudojamos saikingai kaip funkciniai ženklai. Vizualinė kalba yra patys vartotojo sąsajos komponentai – puslapis veikia kaip gyvas stiliaus vadovas, kuriame kiekvienas matomas elementas yra matomas dizaino elementas.
Paletė
Neutralus
- Canvas
#f5f5f5— Puslapio fonas, prislopintas paviršiaus užpildymas, papildomi mygtukai. - Paper
#ffffff— Kortelių paviršiai, iššokantys fonai, pagrindinių mygtukų užpildymai - Surface Alt
#fafafa— Šoninės juostos fonas, netrukdanti kortelės parinktis, įvesties lauko neveikimo būsena. - Ink
#0a0a0a— Pagrindinis tekstas, antraštės, mygtukų pavadinimai, piktogramų kontūrai. - Ink Soft
#171717— Mygtukų fono paveikslėliai su užpildu, papildomas tekstas ant šviesių paviršių. - Mid Gray
#737373— Pagrindinis tekstas, vietos rezervavimo tekstas, pagalbinės etiketės ir piktogramų užpildymas ramybės būsenoje yra nutildyti.
Tipografija
nuo 12 iki 48 pikselių · 8 žingsniai
- Geist — pakeitimas: Inter · kontūrai 400, 500, 600 · Visas sąsajos tekstas – pagrindinio teksto linijos storis 14 pikselių / 400, antraščių – 24–48 pikselių / 600, o mygtukų – 13–14 pikselių / 500. „Geist“ geometrinės raidžių formos ir vienodas linijos storis sukuria neutralų kūrėjo įrankių įspūdį; 600 eilutės storis su 48 pikselių tarpais tarp raidžių ir -0,05 em tarpais tarp raidžių užtikrina aiškias, užtikrintas antraštes, kurios atrodo apgalvotos, o ne redaguotos.
Intervalai ir forma
| Tikslas | Reikšmė |
|---|---|
| Tankis | tankus |
| Pagrindinis žingsnis | 8px |
| Mygtuko spindulys | 18px |
| Kortelės spindulys | 24px |
| Šešėliai | ne – rėmeliai vietoj šešėlių |
| Tarp sekcijų | 48-80px |
| Puslapio plotis | 1280px |
Dirbtinis intelektas sukurs jūsų svetainę Ui stiliumi ir ją užpildys
- Užpildykite produktais ir įrašais per nuorodą – Instagram, TikTok, Facebook.
- Perkelkite turinį iš senos svetainės – tiesiog nurodykite adresą.
- Modernus dizainas geriausiame variklyje: React ( Next.js) su serverio atvaizdavimu ir SEO optimizavimu iš karto.
- Visiškai automatizuotas SEO optimizavimas paieškos rezultatams ir neuroninių tinklų rekomendacijoms.
Panašūs stiliai
- Ventriloc — Redakcinė duomenų observatorija ant šilto popieriaus – viena oranžinė žarija, pabrėžianti monochrominį tikslumą
- Geniestudio — Minkštas, dienos šviesos užrašų sąsiuvinis – toks su plačiomis paraštėmis ir vienu storu rašiklio brūkštelėjimu
- xAI — Šiltas kreminis laboratorijos gėrimas su juodomis piliulėmis
- Cal — Monochrominis praktiškumas, žmogiškas požiūris. Sistema, kuri teikia pirmenybę aiškumui ir funkcionalumui per griežtą juodai baltą paletę, tačiau sušvelnina jį draugiška tipografija ir apvaliomis formomis.
- Scale — Aukštos kokybės muziejaus lygio fotolaboratorija kartu su techniniu projektu
- Contractbook — kreminio popieriaus sutartys po ultramarino dangumi
- AutoSend — Jauki akmeninė studija su viena violetine lempute – kur antraštės su serifais ir ryškiai indigo spalvos raginimai veikti sutampa vienoje ramioje, beveik baltoje erdvėje.
- Air — skulptūra „Vidurnakčio dangus per stiklą“
- SpatialChat — violetinis pulsas ant balto pergamento
- Squarespace — Kinematografinė monochrominė galerija
- Giga — Vidurnakčio horizontas virš matinio obsidiano
- Supabase — Kodo redaktorius vidurnaktį su fosforescuojančiu žaliu tašku – vienu chromatiniu impulsu anglies dulkių jūroje