Letters
Hommikune vastuvõtt vabaõhukliinikus – steriilne valge laud pehme sinise lae all, mis on täis kirurgilisi siniseid instrumente
Letters on meditsiiniliste kirjade kirjutamise tööriist, mis algab gradientse avatud taeva päisega – pehme, atmosfäärilise sinise triibuga, mis loob rahuliku ja kliinilise atmosfääri – enne üleminekut puhtale valgele tööruumile. Süsteem on kujundatud monokroomse stiiliga: puhas valge lõuend, peaaegu must tekst (#070709), tumedad tabletikujulised üleskutsed tegevusele ja ümarad kaardid, mis hõljuvad kõige peenemate varjude peal. Üks erk sinine (#2597d0) on reserveeritud funktsionaalsetele kirjavahemärkidele – ikoonidele, mikrograafikale, lainekujude esitajatele –, mida ei kasutata kunagi nuppude ega suurte täitematerjalide jaoks. Tüpograafia kasutab Open Runde'i, geomeetrilist humanistlikku sans-serif-tüüpi kirjastiili, millel on suurematel ekraanisuurustel agressiivne negatiivne tähevahe (-0,04em 80 piksli juures), mis surub päised kokku enesekindlateks plokkideks. Komponendid tunduvad kerged, nagu meditsiiniline instrument: õhukesed raamid, helde kaardivahe, tabletikujulised nupud ja diskreetne kõrguse kasutamine, mis võimaldab taevakujulisel päisel emotsionaalset tööd teha.
Taevasinine gradient-koduleht katab kogu lehe laiuse, tsentreeritud pealkirja ja alatekstiga ning allpool asuva tegevusele kutsuva nupuga. See läheb sujuvalt üle valgele sisualale, kus sektsioonide vahel on helde vahe (80–120 pikslit). Funktsioonisektsioonid kasutavad kaheveerulist ruudustikku, mis koosneb suurtest ümaratest kaartidest (raadius 18–32 pikslit) võrdsetes proportsioonides. Sektsioonide pealkirjad on alati tsentreeritud ühes veerus kaardiruudustiku kohal. Navigeerimine on fikseeritud valge ülemine riba, mille tsentreeritud linkide ja paremale joondatud sisselogimistoimingute kobar on paigutatud. Üldine rütm on üks atmosfääriline põhiriba, millele järgnevad vahelduvad valged ja #f5f5f5 sektsioonid ühtlase vertikaalse hingamisruumiga. Puudub külgriba, megamenüü ega asümmeetrilised paigutused – leht tundub rahuliku, sümmeetrilise veeruna.
Visuaalne disain keskendub peaaegu täielikult toote kasutajaliidesele – puuduvad elustiilifotod või abstraktsed 3D-renderdused. Visuaalne keel on üles ehitatud tootekaartidele, mis esitlevad rakenduse loomulikku liidest: dokumentide „enne” ja „pärast” võrdlus, punktiirjoonega laadimisala ja lainekujuline helipleier. Ainus atmosfääriline visuaalne element on põhipildil olev taevagradient. Ikoonid on lamedad, ühevärvilised #2597d0 joonikoonid (ümbrik, mikrofon, linnuke) ühtlase joonepaksusega, ilma täidetud variatsioonideta. Illustratsioonistiil on vaoshoitud: toote maketid kuvatakse valgel taustal, neid on sügavuse loomiseks veidi pööratud, mitte kunagi järsult kaldu. Käsitsi kirjutatud font (The Doctor) on ainus orgaaniline/käsitsi valmistatud element, mida kasutatakse ainult „enne” kaardil oleva kliinilise käekirja esiletoomiseks.
Palett
Bränd
- Surgical Blue
#2597d0— Ikoonid, mikrofoniikoon, helilainete mängija ja väikesed funktsionaalsed aktsendid loovad kogu liideses ühtse kromaatilise noodi.
Neutraalne
- Obsidian
#070709— Põhitekst, täidetud tegevusele kutsuvad nupud ja tumedad kasutajaliidese elemendid – valge taustaga kontrasti pehmendamiseks on valitud peaaegu must, mitte puhas #000. - Paper White
#ffffff— Lehe taust, kaardi pinnad ja nupu tekst on peamine lõuend kõigile põhielemendi all olevatele sektsioonidele. - Cloud Gray
#f5f5f5— Täiendavad kaardipinnad ja sektsioonide taustad eraldavad funktsionaalseid plokke põhilõuendist. - Sky Tint
#d7e6f5— Pappraami toon ja pinna vaevumärgatav sinine toon loovad pigem atmosfääri kui halluse tunde. - Charcoal
#60606c— Põhitekst, teisejärguline tekst ja summutatud äärised – domineeriv neutraalne värv mitte-päise sisu jaoks. - Slate
#8b8b8b— Väiksem tekst ja mitteaktiivsed äärised – kasutatakse asukohtade tähistamiseks ja puuetega inimeste ligipääsetavuse tagamiseks.
Tüpograafia
12-st 80 pikslini · 8 sammu
- sans-serif — asendamine: Inter · kontuurid 400, 700 · sans-serif – leitud andmetest, kuid tehisintellekt seda ei kirjelda.
- Open Runde — asendamine: Inter Tight · kontuurid 400, 500, 600, 700, 900 · Pealkirjade ja navigeerimise peamine font on geomeetriline humanistlik, mille suurte suuruste puhul on tähevahe tihe; -0,04em 80px juures tihendab pealkirja üheks kindlaks plokiks. Kasutage kõigi pealkirjade, navigeerimise ja suure teksti puhul.
- Inter — asendamine: system-ui · kontuurid 400, 500 · Teisene sisu ja kasutajaliidese tekst – kasutatakse väikeste pealkirjade, navigeerimiselementide ja tekstisiseste linkide jaoks, kus soovitakse neutraalsemat lugemisrütmi. Toimib koos Open Rundega hierarhilise kontrasti loomiseks.
Intervallid ja vorm
| Eesmärk | Tähendus |
|---|---|
| Tihedus | tihe |
| Põhisamm | 12-16px |
| Nupu raadius | 100px |
| Kaardi raadius | 18px |
| Varjud | ei - varjude asemel äärised |
| Sektsioonide vahel | 80-120px |
| Lehe laius | 1200px |
Tehisintellekt loob teie veebisaidi Letters stiilis ja täidab selle
- Täida toodete ja postitustega lingi kaudu - Instagram, TikTok, Facebook.
- Kanna sisu oma vanalt saidilt üle – täpsusta lihtsalt aadress.
- Moodne disain parimal mootoril: React ( Next.js) koos serveri renderdamise ja SEO optimeerimisega koheselt.
- Täisautomaatne SEO optimeerimine otsingutulemuste ja närvivõrgu soovituste jaoks.
Sarnased stiilid
- Integrated Biosciences — bioluminestsentsi labor keskööl
- Mintlify — Pilveaed klaaslaua kohal. Käsitsi joonistatud taevas ja dokumentaalfilm on raamitud kokku – ainus koht, kus värv ja kontseptsioon enne lehe kloostrivalgesse sulandumist kokku põrkuvad.
- Gleap — Soojades kreemikates toonides ja grafiidiaktsentidega sisustatud tööruum – stuudio, kus mattmustad tindipunktid näivad hõljuvat linase arhitektuuri kohal.
- Render — Kujundus on harjatud alumiiniumil. Liides tundub nagu puhas, geomeetriline inseneridokument – valge ruum, õhukesed jooned ja üks lilla joon, mis juhib tähelepanu tegevusele.
- Grafbase — insenerijoonised külmal marmoril
- Slash — Keskööseiklus kullatud pearaamatutega
- Modal — Fosforestseeruv terminal pimendatud serveriruumis - ainus valgusallikas on erkroheline värv
- Whimsical — Rikkalik ploomitint lavendlilillal taustal – loominguline stuudiovihik, mis toimib ka tehnilise tahvlina.
- AgentQL — Virmalised terminali kohal öösel
- Alveos One — Jõekividest hubane pelgupaik – vaikne, kreemika valgusega meditatsiooniruum, kus üks grafiidist objekt puhkab pehmes merevaigukollases kumades.
- GitHub — Kosmose juhtimispaneel bioluminestsentssete juhtimispunktidega – tume, atmosfääriline tööruum, kus üks roheline kuma näitab teed edasi.
- Buddy — Insenerijoonis graafikpaberil. Valgele joonistuspinnale on kantud peaaegu musta tindiga vaevumärgatav ruudustik, millel on fluorestseeruvad laimirohelised märgised ja sillerdavad gradientjooned.