Letters
Un appuntamentu di mane in una clinica à l'aria aperta - una tavula bianca sterile sottu à un soffittu turchinu dolce, sparsa di strumenti chirurgichi turchini
Letters hè un strumentu di scrittura di lettere mediche chì principia cù un'intestazione à celu apertu sfumatu - una striscia blu dolce è atmosferica chì crea un'atmosfera calma è clinica - prima di passà à un spaziu di travagliu biancu pulitu. U sistema hè cuncipitu in un stile monocromu: una tela bianca pulita, testu quasi neru (#070709), chjamate à l'azione scure in forma di pillola è carte arrotondate chì flottanu nantu à l'ombre più suttili. Un unicu blu brillanti (#2597d0) hè riservatu per a punteggiatura funzionale - icone, micrografiche, lettori di forme d'onda - mai usati per buttoni o riempimenti grandi. A tipografia usa Open Runde, un sans-serif umanistu geometricu cù una spaziatura negativa aggressiva di e lettere à schermi più grandi (-0,04em à 80px), chì comprime l'intestazioni in blocchi sicuri. I cumpunenti si sentenu leggeri, cum'è un strumentu medicu: cornici sottili, spaziatura generosa di e carte, buttoni in forma di pillola è un usu discretu di l'elevazione chì permette à l'intestazione in forma di celu di fà u travagliu emotivu.
Una pagina iniziale cù un gradiente turchinu celu si stende per tutta a larghezza di a pagina, cù un tìtulu è un sottutestu centrati, è un buttone di chjama à l'azzione sottu. Si passa senza intoppi in una zona di cuntenutu bianca cù una spaziatura generosa trà e sezioni (80-120px). E sezioni di funzione utilizanu una griglia à duie colonne di carte grande è arrotondate (raghju 18-32px) di proporzioni uguali. I tituli di e sezioni sò sempre centrati, in una sola colonna, sopra a griglia di e carte. A navigazione hè una barra superiore bianca fissa cù un gruppu centratu di ligami è azzioni di login allineate à diritta. U ritmu generale hè una sola striscia principale atmosferica, poi sezioni bianche è #f5f5f5 alternate cù un spaziu di respirazione verticale consistente. Ùn ci hè nè barra laterale, nè mega-menu, nè layout asimmetrici - a pagina si sente cum'è una colonna calma è simmetrica.
U disignu visuale hè guasi interamente focalizatu nantu à l'interfaccia utente di u pruduttu - nisuna foto di stile di vita, nisun rendering 3D astrattu. U linguaghju visuale hè custruitu intornu à e carte di u pruduttu chì mostranu l'interfaccia nativa di l'app: una paragone "Prima" è "Dopu" di i documenti, una zona di carica cù un bordu punteggiatu è un lettore audio in forma di forma d'onda. L'unicu elementu visuale atmosfericu hè u gradiente di u celu in l'imagine principale. L'icone sò icone di linea piatte, di un solu culore #2597d0 (busta, microfonu, segnu di spunta) cù spessori di linea uniformi, senza variazioni di riempimentu. U stile di l'illustrazione hè cuntrullatu: i mockup di u pruduttu sò visualizati nantu à un sfondate biancu, ligeramente rotati per creà prufundità, mai inclinati bruscamente. Un carattere scrittu à manu (U Duttore) hè l'unicu elementu organicu/artigianale, utilizatu solu per evocà a scrittura clinica nantu à a carta "Prima".
Paletta
Marca
- Surgical Blue
#2597d0— Icone, un'icona di microfonu, un lettore d'onde sonore è picculi accenti funziunali creanu una sola nota cromatica in tutta l'interfaccia.
Neutru
- Obsidian
#070709— U testu di u corpu, i buttoni di chjama à l'azzione pieni è l'elementi di l'interfaccia utente scuri - quasi u neru hè sceltu invece di u #000 puru per addulcì u cuntrastu cù u fondu biancu. - Paper White
#ffffff— U fondu di a pagina, e superfici di e carte è u testu di i buttoni sò a tela principale per tutte e sezzioni sottu à l'elementu principale. - Cloud Gray
#f5f5f5— E superfici di carte supplementari è i sfondi di sezioni separanu i blocchi funziunali da a tela principale. - Sky Tint
#d7e6f5— L'ombra di a cornice di cartone è u tonu turchinu appena percettibile di a superficia creanu una sensazione d'atmosfera, piuttostu chè di grisgiu. - Charcoal
#60606c— Testu primariu, testu secundariu è bordi attenuati - un culore neutru dominante per u cuntenutu chì ùn hè micca un titulu. - Slate
#8b8b8b— Testu minore è stati di cunfine inattivi - aduprati per indicà i lochi è assicurà l'accessibilità per e persone cun disabilità.
Tipografia
da 12 à 80px · 8 passi
- sans-serif — rimpiazzamentu: Inter · contorni 400, 700 · sans-serif - truvatu in i dati estratti ma micca discrittu da l'IA.
- Open Runde — rimpiazzamentu: Inter Tight · contorni 400, 500, 600, 700, 900 · U caratteru principale per i tituli è a navigazione hè un umanistu geometricu, cù una spaziatura stretta di e lettere à grande dimensione; -0.04em à 80px comprime u tìtulu in un unicu bloccu sicuru. Aduprà per tutti i tituli, a navigazione è u testu grande.
- Inter — rimpiazzamentu: system-ui · contorni 400, 500 · Corpu secundariu è testu di l'interfaccia utente - utilizati per i picculi tituli, l'elementi di navigazione è i ligami in linea induve si desidera un ritmu di lettura più neutru. Si accoppia cù Open Runde per creà un cuntrastu gerarchicu.
Intervalli è forma
| Scopu | Significatu |
|---|---|
| Densità | densu |
| Passu basicu | 12-16px |
| Raggiu di u buttone | 100px |
| Raggiu di a carta | 18px |
| Ombre | nò - bordi invece di ombre |
| Trà e sezioni | 80-120px |
| Larghezza di a pagina | 1200px |
L'IA custruisce u vostru situ web in stile Letters è u riempirà
- Riempite cù prudutti è publicazioni via u ligame - Instagram, TikTok, Facebook.
- Trasferisce u cuntenutu da u vostru vechju situ - basta à specificà l'indirizzu.
- Design mudernu nant'à u megliu mutore: React ( Next.js) cù rendering di u servitore è ottimizazione SEO pronta per l'usu.
- Ottimizazione SEO cumpletamente automatizata per i risultati di ricerca è e raccomandazioni di rete neurale.
Stili simili
- Integrated Biosciences — laburatoriu di bioluminescenza à mezanotte
- Mintlify — Un giardinu di nuvole sopra una tavula di vetru. U celu disegnatu à manu è u documentariu sò inquadrati inseme - l'unicu locu induve u culore è u cuncettu si scontranu prima chì a pagina si sfumi in u biancu monasticu.
- Gleap — Un spaziu di travagliu decoratu in tonalità crema calde cù accenti di grafite - un studio induve i punti di inchiostru neru opacu parenu fluttuà sopra l'architettura di linu.
- Render — U disignu hè in aluminiu spazzolatu. L'interfaccia si sente cum'è un documentu d'ingegneria pulitu è geometricu - spaziu biancu, linee fine è una sola linea viola chì attira l'attenzione nantu à l'azione.
- Grafbase — disegnu d'ingegneria nantu à u marmaru fretu
- Slash — Volta di mezzanotte cù registri dorati
- Modal — Un terminale fosforescente in una stanza di servitori scura - l'unica fonte di luce hè un culore verde brillanti
- Whimsical — Inchiostru di prugna ricca nantu à un sfondate lavanda - un quaderno di studio creativo chì serve ancu da lavagna tecnica.
- AgentQL — Aurora boreale sopra u terminal di notte
- Alveos One — Un rifugiu accogliente fattu di petre di fiume - una stanza di meditazione tranquilla è illuminata da una luce cremosa induve un unicu oggettu di grafite riposa in un dolce bagliore ambratu
- GitHub — Un pannellu di cummandu spaziale cù punti di cuntrollu bioluminescenti - un spaziu di travagliu scuru è atmosfericu induve un unicu bagliore verde indica a strada da seguità.
- Buddy — Un disegnu d'ingegneria nantu à carta millimetrata. A superficia bianca di u disegnu hè marcata cù una griglia appena visibile, applicata in inchiostru quasi neru, cù marchi verdi lime fluorescenti è tratti sfumati iridescenti.