Letters
Jutarnji pregled u klinici na otvorenom - sterilni bijeli stol pod mekim plavim stropom, prekriven plavim hirurškim instrumentima.
Letters je alat za pisanje medicinskih pisama koji počinje gradijentnim zaglavljem otvorenog neba - mekom, atmosferskom plavom prugom koja stvara mirnu, kliničku atmosferu - prije prelaska na čisto bijelo radno mjesto. Sistem je dizajniran u monohromatskom stilu: čisto bijelo platno, gotovo crni tekst (#070709), tamni pozivi na akciju u obliku tableta i zaobljene kartice koje lebde na najsuptilnijim sjenama. Jedna jarko plava (#2597d0) je rezervirana za funkcionalnu interpunkciju - ikone, mikrografiku, playere valnih oblika - nikada se ne koristi za dugmad ili velika ispunjavanja. Tipografija koristi Open Runde, geometrijski humanistički sans-serif s agresivnim negativnim razmakom između slova na većim veličinama ekrana (-0,04em na 80px), koji komprimira zaglavlja u samouvjerene blokove. Komponente djeluju lagano, poput medicinskog instrumenta: tanki okviri, velikodušan razmak između kartica, dugmad u obliku tableta i diskretna upotreba elevacije koja omogućava zaglavlju u obliku neba da obavlja emocionalni posao.
Početna stranica s nebeskoplavim gradijentom prostire se cijelom širinom stranice, s centriranim naslovom i podtekstom te dugmetom za poziv na akciju ispod. Glatko prelazi u bijelo područje sadržaja s velikim razmakom između odjeljaka (80-120px). Odjeljci s istaknutim elementima koriste mrežu s dva stupca velikih, zaobljenih kartica (radijus 18-32px) jednakih proporcija. Naslovi odjeljaka su uvijek centrirani, u jednom stupcu, iznad mreže kartica. Navigacija je fiksna bijela gornja traka s centriranim skupom linkova i desno poravnatih radnji prijave. Ukupni ritam je jedna, atmosferska glavna pruga, a zatim naizmjenično bijeli i #f5f5f5 odjeljci s konzistentnim vertikalnim prostorom za disanje. Nema bočne trake, nema mega-izbornika, nema asimetričnih rasporeda - stranica se doima kao mirna, simetrična kolona.
Vizualni dizajn je gotovo u potpunosti fokusiran na korisnički interfejs proizvoda - nema fotografija životnog stila, nema apstraktnih 3D rendera. Vizualni jezik je izgrađen oko kartica proizvoda koje prikazuju izvorni interfejs aplikacije: poređenje dokumenata "Prije" i "Poslije", područje za učitavanje s isprekidanim okvirom i audio plejer u obliku talasnog oblika. Jedini atmosferski vizuelni element je gradijent neba na glavnoj slici. Ikone su ravne, jednobojne linijske ikone #2597d0 (koverta, mikrofon, kvačica) s ujednačenim debljinama linija, bez ispunjenih varijacija. Stil ilustracije je suzdržan: makete proizvoda prikazane su na bijeloj pozadini, blago rotirane radi stvaranja dubine, nikada oštro nagnute. Rukom pisani font (Doktor) je jedini organski/ručno izrađen element, koji se koristi isključivo da evocira klinički rukopis na kartici "Prije".
Paleta
Brend
- Surgical Blue
#2597d0— Ikone, ikona mikrofona, plejer zvučnih talasa i mali funkcionalni akcenti stvaraju jednu hromatsku notu u cijelom interfejsu.
Neutralno
- Obsidian
#070709— Tekst teksta, ispunjena dugmad za poziv na akciju i tamni elementi korisničkog interfejsa - umjesto čistog #000 odabrana je gotovo crna boja kako bi se ublažio kontrast u odnosu na bijelu pozadinu. - Paper White
#ffffff— Pozadina stranice, površine kartica i tekst dugmadi su glavno platno za sve odjeljke ispod glavnog elementa. - Cloud Gray
#f5f5f5— Dodatne površine kartica i pozadine sekcija odvajaju funkcionalne blokove od glavnog platna. - Sky Tint
#d7e6f5— Nijansa kartonskog okvira i jedva primjetan plavi ton površine stvaraju osjećaj atmosfere, a ne sivila. - Charcoal
#60606c— Primarni tekst, sekundarni tekst i prigušeni okviri - dominantna neutralna boja za sadržaj koji nije naslov. - Slate
#8b8b8b— Manji tekst i neaktivne granične države - koriste se za označavanje lokacija i osiguranje pristupačnosti osobama s invaliditetom.
Tipografija
od 12 do 80px · 8 koraka
- sans-serif — zamjena: Inter · obrisi 400, 700 · sans-serif - pronađen u izdvojenim podacima, ali ga vještačka inteligencija nije opisala.
- Open Runde — zamjena: Inter Tight · obrisi 400, 500, 600, 700, 900 · Primarni font za naslove i navigaciju je geometrijski humanistički, s malim razmakom između slova pri velikim veličinama; -0,04em na 80px komprimira naslov u jedan, pouzdan blok. Koristi se za sve naslove, navigaciju i veliki tekst.
- Inter — zamjena: system-ui · obrisi 400, 500 · Sekundarni dio i tekst korisničkog interfejsa – koristi se za male naslove, navigacijske elemente i inline linkove gdje je poželjan neutralniji ritam čitanja. Uparuje se s Open Runde za stvaranje hijerarhijskog kontrasta.
Intervali i forma
| Svrha | Značenje |
|---|---|
| Gustoća | gust |
| Osnovni korak | 12-16px |
| Radijus dugmeta | 100px |
| Radijus kartice | 18px |
| Sjene | ne - okviri umjesto sjena |
| Između sekcija | 80-120px |
| Širina stranice | 1200px |
Vještačka inteligencija će izgraditi vašu web stranicu u Letters stilu i popuniti je
- Popunite proizvodima i objavama putem linka - Instagram, TikTok, Facebook.
- Prenesite sadržaj sa vaše stare stranice - samo navedite adresu.
- Moderan dizajn na najboljem engine-u: React ( Next.js) sa serverskim renderovanjem i SEO optimizacijom odmah po instalaciji.
- Potpuno automatizirana SEO optimizacija za rezultate pretrage i preporuke neuronskih mreža.
Slični stilovi
- Integrated Biosciences — laboratorija za bioluminiscenciju u ponoć
- Mintlify — Vrt oblaka iznad staklenog stola. Ručno crtano nebo i dokumentarac su uokvireni zajedno - jedino mjesto gdje se boja i koncept sudaraju prije nego što stranica izblijedi u monašku bjelinu.
- Gleap — Radni prostor uređen u toplim krem tonovima s grafitnim akcentima - studio u kojem mat crne tačkice tinte kao da lebde iznad lanenog platna.
- Render — Dizajn je napravljen od brušenog aluminija. Interfejs djeluje kao čist, geometrijski inženjerski dokument - bijeli prostor, tanke linije i jedna ljubičasta linija koja privlači pažnju na akciju.
- Grafbase — inženjerski crtež na hladnom mramoru
- Slash — Ponoćni trezor sa pozlaćenim knjigama
- Modal — Fosforescentni terminal u zamračenoj serverskoj sobi - jedini izvor svjetlosti je jarko zelene boje
- Whimsical — Bogata šljiva tinta na lavandinoj pozadini - kreativna studijska bilježnica koja služi i kao tehnička bijela ploča.
- AgentQL — Sjeverna svjetlost iznad terminala noću
- Alveos One — Ugodno utočište od riječnog kamenja – tiha, kremasto osvijetljena soba za meditaciju u kojoj jedan grafitni predmet počiva u mekom jantarnom sjaju
- GitHub — Svemirska komandna ploča s bioluminiscentnim kontrolnim tačkama - taman, atmosferski radni prostor gdje jedan zeleni sjaj pokazuje put naprijed.
- Buddy — Inženjerski crtež na milimetarskom papiru. Bijela površina za crtanje označena je jedva vidljivom mrežom, nanesenom gotovo crnom tintom, s fluorescentnim limeta zelenim oznakama i iridescentnim gradijentnim potezima.