Letters
Jutarnji pregled u klinici na otvorenom - sterilni bijeli stol pod mekim plavim stropom, posut plavim kirurškim instrumentima
Letters je alat za pisanje medicinskih pisama koji započinje gradijentnim zaglavljem u obliku otvorenog neba - mekom, atmosferskom plavom prugom koja stvara mirnu, kliničku atmosferu - prije nego što se prebaci na čisto bijelo radno mjesto. Sustav je dizajniran u monokromatskom stilu: čisto bijelo platno, gotovo crni tekst (#070709), tamni pozivi na akciju u obliku tableta i zaobljene kartice koje lebde na najsuptilnijim sjenama. Jedna svijetloplava (#2597d0) rezervirana je za funkcionalnu interpunkciju - ikone, mikrografiku, playere valnih oblika - nikada se ne koristi za gumbe ili velike ispune. Tipografija koristi Open Runde, geometrijski humanistički sans-serif s agresivnim negativnim razmakom između slova na većim veličinama zaslona (-0,04em na 80px), koji komprimira zaglavlja u samouvjerene blokove. Komponente se osjećaju lagano, poput medicinskog instrumenta: tanki okviri, velikodušni razmak između kartica, gumbi u obliku tableta i diskretna upotreba elevacije koja omogućuje zaglavlju u obliku neba da obavlja emocionalni posao.
Početna stranica s nebeskoplavim gradijentom proteže se cijelom širinom stranice, s centriranim naslovom i podtekstom te gumbom 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 uvijek su centrirani, u jednom stupcu, iznad mreže kartica. Navigacija je fiksna bijela gornja traka s centriranim skupom poveznica i desno poravnatih radnji prijave. Ukupni ritam je jedna, atmosferska glavna pruga, a zatim naizmjenično bijeli i #f5f5f5 odjeljci s dosljednim vertikalnim prostorom za disanje. Nema bočne trake, nema mega-izbornika, nema asimetričnih rasporeda - stranica se doima kao miran, simetričan stupac.
Vizualni dizajn gotovo je u potpunosti usmjeren na korisničko sučelje proizvoda - nema fotografija životnog stila, nema apstraktnih 3D rendera. Vizualni jezik izgrađen je oko kartica proizvoda koje prikazuju izvorno sučelje aplikacije: usporedba dokumenata "Prije" i "Poslije", područje učitavanja s točkastim rubom i audio player u obliku valnog oblika. Jedini atmosferski vizualni element je gradijent neba na glavnoj slici. Ikone su ravne, jednobojne linijske ikone #2597d0 (omotnica, mikrofon, kvačica) s ujednačenim debljinama linija, bez ispunjenih varijacija. Stil ilustracije je suzdržan: makete proizvoda prikazane su na bijeloj pozadini, lagano rotirane radi stvaranja dubine, nikada oštro nagnute. Rukom pisani font (Doktor) jedini je organski/ručno izrađen element, koji se koristi isključivo za evociranje kliničkog rukopisa na kartici "Prije".
Paleta
Robna marka
- Surgical Blue
#2597d0— Ikone, ikona mikrofona, player zvučnih valova i mali funkcionalni akcenti stvaraju jednu kromatsku notu u cijelom sučelju.
Neutralno
- Obsidian
#070709— Tijelo teksta, ispunjeni gumbi s pozivom na akciju i tamni elementi korisničkog sučelja - 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 gumba glavno su 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 obrubi - 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 osiguravanje 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 umjetna 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. Koristite za sve naslove, navigaciju i veliki tekst.
- Inter — zamjena: system-ui · obrisi 400, 500 · Sekundarni dio i tekst korisničkog sučelja – koristi se za male naslove, navigacijske elemente i umetnute poveznice gdje je poželjan neutralniji ritam čitanja. Uparuje se s Open Rundeom za stvaranje hijerarhijskog kontrasta.
Intervali i forma
| Svrha | Značenje |
|---|---|
| Gustoća | gust |
| Osnovni korak | 12-16px |
| Radijus gumba | 100px |
| Radijus kartice | 18px |
| Sjene | ne - obrubi umjesto sjena |
| Između odjeljaka | 80-120px |
| Širina stranice | 1200px |
Umjetna inteligencija će izraditi vašu web stranicu u Letters stilu i ispuniti je
- Popunite proizvodima i objavama putem poveznice - Instagram, TikTok, Facebook.
- Prenesite sadržaj sa svoje stare web-lokacije - samo navedite adresu.
- Moderan dizajn na najboljem engineu: React ( Next.js) s renderiranjem na serveru i SEO optimizacijom odmah po instalaciji.
- Potpuno automatizirana SEO optimizacija za rezultate pretraživanja i preporuke neuronskih mreža.
Slični stilovi
- Integrated Biosciences — laboratorij 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 točkice tinte kao da lebde iznad lanenog platna
- Render — Dizajn je na brušenom aluminiju. Sučelje se doima kao čist, geometrijski inženjerski dokument - bijeli prostor, tanke linije i jedna ljubičasta linija koja privlači pozornost na akciju.
- Grafbase — inženjerski crtež na hladnom mramoru
- Slash — Ponoćni trezor s 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 toč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.