Letters
O programare de dimineață la o clinică în aer liber — o masă albă sterilă sub un tavan albastru pal, presărată cu instrumente chirurgicale albastre
Letters este un instrument de scriere a scrisorilor medicale care începe cu un antet în gradient, cu cer deschis - o dungă albastră delicată, atmosferică, creând o atmosferă calmă și clinică - înainte de a trece la un spațiu de lucru alb și curat. Sistemul este conceput într-un stil monocrom: o pânză albă curată, text aproape negru (#070709), îndemnuri la acțiune în formă de pastilă și cartonașe rotunjite care plutesc pe cele mai subtile umbre. Un singur albastru strălucitor (#2597d0) este rezervat punctuației funcționale - pictograme, micrografice, playere de forme de undă - niciodată folosit pentru butoane sau umpluturi mari. Tipografia folosește Open Runde, un sans-serif umanist geometric, cu o spațiere negativă agresivă a literelor la dimensiuni mai mari ale ecranului (-0,04em la 80px), care comprimă anteturile în blocuri conturate. Componentele se simt ușoare, ca un instrument medical: rame subțiri, spațiere generoasă a cartonașelor, butoane în formă de pastilă și o utilizare discretă a elevației care permite antetului în formă de cer să facă munca emoțională.
O pagină principală cu gradient albastru-aprins se întinde pe întreaga lățime a paginii, cu un titlu și un subtext centrate și un buton de îndemn la acțiune dedesubt. Aceasta trece lin într-o zonă de conținut albă, cu o spațiere generoasă între secțiuni (80-120px). Secțiunile de caracteristici utilizează o grilă pe două coloane, formată din fișe mari, rotunjite (rază 18-32px), de proporții egale. Titlurile secțiunilor sunt întotdeauna centrate, într-o singură coloană, deasupra grilei fișelor. Navigarea se face printr-o bară superioară albă fixă, cu un grup centrat de linkuri și acțiuni de conectare aliniate la dreapta. Ritmul general este o singură bandă principală atmosferică, urmată de alternarea secțiunilor albe și #f5f5f5, cu un spațiu vertical consistent. Nu există bară laterală, mega-meniu sau machete asimetrice - pagina se simte ca o coloană calmă și simetrică.
Designul vizual este aproape în întregime concentrat pe interfața utilizator a produsului - fără fotografii din stilul de viață, fără randări 3D abstracte. Limbajul vizual este construit în jurul unor fișe de produs care prezintă interfața nativă a aplicației: o comparație „Înainte” și „După” a documentelor, o zonă de încărcare cu o bordură punctată și un player audio sub forma unei forme de undă. Singurul element vizual atmosferic este gradientul cerului din imaginea principală. Pictogramele sunt pictograme plate, monocolore, cu linii #2597d0 (plic, microfon, bifă) cu grosimi uniforme ale liniilor, fără variații de umplutură. Stilul de ilustrație este restrâns: machetele produselor sunt afișate pe un fundal alb, ușor rotite pentru a crea adâncime, niciodată înclinate brusc. Un font scris de mână (Doctorul) este singurul element organic/artizanal, folosit exclusiv pentru a evoca scrisul de mână clinic de pe fișa „Înainte”.
Paletă
Marca
- Surgical Blue
#2597d0— Pictogramele, o pictogramă de microfon, un player de unde sonore și mici accente funcționale creează o singură notă cromatică în întreaga interfață.
Neutru
- Obsidian
#070709— Textul principal, butoanele de îndemn la acțiune umplute și elementele de interfață închise la culoare - negrul aproape egal cu #000 pur este ales pentru a atenua contrastul față de fundalul alb. - Paper White
#ffffff— Fundalul paginii, suprafețele cardurilor și textul butoanelor reprezintă pânza principală pentru toate secțiunile de sub elementul principal. - Cloud Gray
#f5f5f5— Suprafețe suplimentare ale cărților și fundaluri de secțiuni separă blocurile funcționale de pânza principală. - Sky Tint
#d7e6f5— Nuanța ramei de carton și tonul albastru abia sesizabil al suprafeței creează o senzație de atmosferă, mai degrabă decât de cenușiu. - Charcoal
#60606c— Text principal, text secundar și chenar estompat - o culoare neutră dominantă pentru conținutul care nu este titlu. - Slate
#8b8b8b— Text minor și state de frontieră inactive - utilizate pentru a indica locațiile și a asigura accesibilitatea persoanelor cu dizabilități.
Tipografie
de la 12 la 80px · 8 pași
- sans-serif — înlocuire: Inter · contururi 400, 700 · sans-serif - găsit în datele extrase, dar nedescris de AI.
- Open Runde — înlocuire: Inter Tight · contururi 400, 500, 600, 700, 900 · Fontul principal pentru titluri și navigare este un font umanist geometric, cu spațiere strânsă între litere la dimensiuni mari; -0.04em la 80px comprimă titlul într-un singur bloc, sigur. Se utilizează pentru toate titlurile, navigarea și textul mare.
- Inter — înlocuire: system-ui · contururi 400, 500 · Textul secundar al corpului și al interfeței utilizator – folosit pentru titluri mici, elemente de navigare și linkuri inline unde se dorește un ritm de citire mai neutru. Se combină cu Open Runde pentru a crea un contrast ierarhic.
Intervale și formă
| Scop | Sens |
|---|---|
| Densitate | dens |
| Pasul de bază | 12-16px |
| Raza butonului | 100px |
| Raza cardului | 18px |
| Umbre | fără - margini în loc de umbre |
| Între secțiuni | 80-120px |
| Lățimea paginii | 1200px |
Inteligența artificială vă va construi site-ul web în stilul Letters și îl va completa
- Completează cu produse și postări prin link - Instagram, TikTok, Facebook.
- Transferați conținut de pe vechiul site - specificați doar adresa.
- Design modern pe cel mai bun motor: React ( Next.js) cu randare pe server și optimizare SEO gata de utilizare.
- Optimizare SEO complet automatizată pentru rezultatele căutării și recomandări de rețele neuronale.
Stiluri similare
- Integrated Biosciences — laborator de bioluminescență la miezul nopții
- Mintlify — O grădină de nori deasupra unei mese de sticlă. Cerul desenat manual și documentarul sunt încadrate împreună - singurul loc unde culoarea și conceptul se ciocnesc înainte ca pagina să se estompeze într-un alb monastic.
- Gleap — Un spațiu de lucru decorat în tonuri calde de crem cu accente de grafit - un studio în care punctele de cerneală neagră mată par să plutească deasupra arhitecturii din in.
- Render — Designul este realizat din aluminiu periat. Interfața seamănă cu un document ingineresc curat, geometric - spațiu alb, linii subțiri și o singură linie violetă care atrage atenția asupra acțiunii.
- Grafbase — desen ingineresc pe marmură rece
- Slash — Boltă de la miezul nopții cu registre aurite
- Modal — Un terminal fosforescent într-o cameră de servere întunecată - singura sursă de lumină este o culoare verde strălucitor
- Whimsical — Cerneală bogată de culoarea prunei pe un fundal de lavandă — un caiet de studio creativ care poate fi folosit și ca tablă albă tehnică.
- AgentQL — Aurora boreală deasupra terminalului noaptea
- Alveos One — Un refugiu confortabil făcut din pietre de râu – o cameră de meditație liniștită, luminată de un crem, unde un singur obiect de grafit se odihnește într-o strălucire blândă de chihlimbar.
- GitHub — Un panou de comandă spațială cu puncte de control bioluminescente — un spațiu de lucru întunecat și atmosferic, unde o singură strălucire verde indică drumul înainte.
- Buddy — Un desen ingineresc pe hârtie milimetrică. Suprafața albă a desenului este marcată cu o grilă abia vizibilă, aplicată cu cerneală aproape neagră, cu marcaje fluorescente verde-lime și linii iridescente în gradient.