Letters
Jutranji pregled v kliniki na prostem – sterilna bela miza pod nežno modrim stropom, posuta s kirurškimi modrimi instrumenti
Letters je orodje za pisanje medicinskih pisem, ki se začne z gradientno glavo v obliki odprtega neba – mehko, atmosfersko modro črto, ki ustvarja mirno, klinično vzdušje – preden preide v čisto belo delovno okolje. Sistem je zasnovan v enobarvnem slogu: čisto belo platno, skoraj črno besedilo (#070709), temni pozivi k dejanju v obliki tablet in zaobljene kartice, ki lebdijo na najslabših sencah. Ena sama svetlo modra barva (#2597d0) je rezervirana za funkcionalna ločila – ikone, mikrografiko, predvajalnike valovnih oblik – ki se nikoli ne uporabljajo za gumbe ali velika polnila. Tipografija uporablja Open Runde, geometrijski humanistični sans-serif z agresivnim negativnim razmikom med črkami pri večjih velikostih zaslona (-0,04em pri 80px), ki stisne glave v samozavestne bloke. Komponente so lahke, kot medicinski instrument: tanki okvirji, velikodušen razmik med karticami, gumbi v obliki tablet in diskretna uporaba dviga, ki omogoča glavi v obliki neba, da opravlja čustveno delo.
Celotno širino strani se razprostira nebesno modra gradientna domača stran, s centriranim naslovom in podbesedilom ter gumbom za poziv k dejanju spodaj. Gladko prehaja v belo območje vsebine z velikimi razmiki med razdelki (80–120 slikovnih pik). Razdelki z značilnostmi uporabljajo mrežo z dvema stolpcema velikih, zaobljenih kartic (polmer 18–32 slikovnih pik) enakih razmerij. Naslovi razdelkov so vedno centrirani, v enem stolpcu, nad mrežo kartic. Navigacija je fiksna bela zgornja vrstica s centrirano skupino povezav in desno poravnanimi dejanji prijave. Celoten ritem je en sam, atmosferski glavni pas, nato pa se izmenjujejo beli in #f5f5f5 razdelki z doslednim navpičnim prostorom za dihanje. Ni stranske vrstice, ni mega menija, ni asimetričnih postavitev – stran se zdi kot umirjen, simetričen stolpec.
Vizualna zasnova je skoraj v celoti osredotočena na uporabniški vmesnik izdelka – brez fotografij življenjskega sloga, brez abstraktnih 3D-upodobitev. Vizualni jezik je zgrajen okoli kartic izdelkov, ki prikazujejo izvorni vmesnik aplikacije: primerjava dokumentov»Prej« in»Po«, območje nalaganja s pikčastim robom in predvajalnik zvoka v obliki valovne oblike. Edini atmosferski vizualni element je gradient neba na glavni sliki. Ikone so ravne, enobarvne črtne ikone #2597d0 (ovojnica, mikrofon, kljukica) z enotnimi debelinami črt, brez zapolnjenih različic. Slog ilustracije je zadržan: makete izdelkov so prikazane na belem ozadju, rahlo zasukane za ustvarjanje globine, nikoli ostro nagnjene. Ročno napisana pisava (The Doctor) je edini organski/ročno izdelan element, ki se uporablja izključno za priklic klinične pisave na kartici»Prej«.
Paleta
Blagovna znamka
- Surgical Blue
#2597d0— Ikone, ikona mikrofona, predvajalnik zvočnih valov in majhni funkcionalni poudarki ustvarjajo enotno kromatično noto v celotnem vmesniku.
Nevtralno
- Obsidian
#070709— Telo besedila, zapolnjeni gumbi s pozivom k dejanju in temni elementi uporabniškega vmesnika – namesto čiste barve #000 je izbrana skoraj črna barva, da se zmehča kontrast glede na belo ozadje. - Paper White
#ffffff— Ozadje strani, površine kartic in besedilo gumbov so glavno platno za vse razdelke pod glavnim elementom. - Cloud Gray
#f5f5f5— Dodatne površine kartic in ozadja odsekov ločujejo funkcionalne bloke od glavnega platna. - Sky Tint
#d7e6f5— Odtenek kartonskega okvirja in komaj opazen modri ton površine ustvarjata občutek atmosfere in ne sivine. - Charcoal
#60606c— Primarno besedilo, sekundarno besedilo in utišani robovi – prevladujoča nevtralna barva za vsebino, ki ni naslov. - Slate
#8b8b8b— Manjše besedilo in neaktivne mejne države – uporabljajo se za označevanje lokacij in zagotavljanje dostopnosti za invalide.
Tipografija
od 12 do 80 slikovnih pik · 8 korakov
- sans-serif — zamenjava: Inter · obrisi 400, 700 · sans-serif - najdeno v izvlečenih podatkih, vendar ga umetna inteligenca ne opisuje.
- Open Runde — zamenjava: Inter Tight · obrisi 400, 500, 600, 700, 900 · Primarna pisava za naslove in navigacijo je geometrijski humanistični slog z majhnim razmikom med črkami pri velikih velikostih; -0,04 em pri 80 slikovnih pik stisne naslov v en sam, samozavesten blok. Uporabite za vse naslove, navigacijo in veliko besedilo.
- Inter — zamenjava: system-ui · obrisi 400, 500 · Sekundarno telo in besedilo uporabniškega vmesnika – uporablja se za manjše naslove, navigacijske elemente in povezave v vrstici, kjer je zaželen bolj nevtralen ritem branja. V kombinaciji z Open Runde ustvarja hierarhični kontrast.
Intervali in oblika
| Namen | Pomen |
|---|---|
| Gostota | gosta |
| Osnovni korak | 12-16px |
| Polmer gumba | 100px |
| Polmer kartice | 18px |
| Sence | ne - obrobe namesto senc |
| Med odseki | 80-120px |
| Širina strani | 1200px |
Umetna inteligenca bo zgradila vašo spletno stran v slogu Letters 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
- Integrated Biosciences — laboratorij za bioluminiscenco ob polnoči
- Mintlify — Vrt oblakov nad stekleno mizo. Ročno narisano nebo in dokumentarec sta uokvirjena skupaj – edino mesto, kjer se barva in koncept srečata, preden se stran zbledi v samostansko belino.
- Gleap — Delovni prostor, okrašen v toplih kremnih tonih z grafitnimi poudarki – studio, kjer se zdi, da mat črne pike črnila lebdijo nad laneno arhitekturo.
- Render — Zasnova je na brušenem aluminiju. Vmesnik deluje kot čist, geometrijski inženirski dokument – bel prostor, tanke črte in ena sama vijolična črta, ki opozarja na dogajanje.
- Grafbase — inženirska risba na hladnem marmorju
- Slash — Polnočni trezor z pozlačenimi knjigami
- Modal — Fosforescentni terminal v zatemnjeni strežniški sobi - edini vir svetlobe je svetlo zelene barve
- Whimsical — Bogato slivovo črnilo na sivkinem ozadju – ustvarjalni studijski zvezek, ki služi tudi kot tehnična tabla.
- AgentQL — Severni sij nad terminalom ponoči
- Alveos One — Prijetno zatočišče iz rečnih kamnov – tiha, kremasto osvetljena soba za meditacijo, kjer en sam grafitni predmet počiva v mehkem jantarnem siju
- GitHub — Vesoljska komandna plošča z bioluminiscenčnimi kontrolnimi točkami – temen, atmosferski delovni prostor, kjer en sam zelen sij kaže pot naprej.
- Buddy — Inženirska risba na milimetrskem papirju. Bela risalna površina je označena s komaj vidno mrežo, naneseno s skoraj črnim črnilom, s fluorescentnimi limetno zelenimi oznakami in mavričnimi gradientnimi potezami.