Letters
Një takim në mëngjes në një klinikë të hapur—një tavolinë sterile e bardhë nën një tavan të butë blu, e mbushur me instrumente kirurgjikale blu
Letters është një mjet shkrimi letrash mjekësore që fillon me një kokë me qiell të hapur gradient - një shirit blu i butë atmosferik që krijon një atmosferë të qetë dhe klinike - përpara se të kalojë në një hapësirë pune të bardhë të pastër. Sistemi është projektuar në një stil monokrom: një kanavacë e bardhë e pastër, tekst pothuajse i zi (#070709), thirrje për veprim në formë pilule të errët dhe karta të rrumbullakosura që notojnë mbi hijet më delikate. Një blu e vetme e ndritshme (#2597d0) është e rezervuar për pikësim funksional - ikona, mikrografi, luajtës të formave të valëve - që nuk përdoren kurrë për butona ose mbushje të mëdha. Tipografia përdor Open Runde, një sans-serif humanist gjeometrik me hapësirë agresive negative midis shkronjave në madhësi më të mëdha të ekranit (-0.04em në 80px), i cili i kompreson kokat në blloqe të sigurta. Komponentët ndihen të lehtë, si një instrument mjekësor: korniza të holla, hapësirë bujare midis kartave, butona në formë pilule dhe një përdorim diskret i ngritjes që lejon që koka në formë qielli të bëjë punën emocionale.
Një faqe kryesore me gradient ngjyrë blu qielli përfshin të gjithë gjerësinë e faqes, me një titull dhe nëntekst të qendrës, dhe një buton thirrjeje për veprim poshtë. Kalon pa probleme në një zonë të bardhë përmbajtjeje me hapësira të bollshme midis seksioneve (80-120px). Seksionet e veçorive përdorin një rrjetë me dy kolona me karta të mëdha, të rrumbullakosura (me rreze 18-32px) me përmasa të barabarta. Titujt e seksioneve janë gjithmonë të qendruar, në një kolonë të vetme, mbi rrjetën e kartave. Navigimi është një shirit i bardhë i fiksuar në krye me një grumbull lidhjesh të qendrës dhe veprime hyrjeje të drejtuara djathtas. Ritmi i përgjithshëm është një shirit kryesor i vetëm, atmosferik, pastaj seksione të bardha dhe #f5f5f5 që alternohen me hapësirë vertikale të qëndrueshme. Nuk ka shirit anësor, as mega-menu, as paraqitje asimetrike - faqja ndihet si një kolonë e qetë dhe simetrike.
Dizajni vizual është pothuajse tërësisht i fokusuar në ndërfaqen e përdoruesit të produktit - pa foto të stilit të jetesës, pa renderime abstrakte 3D. Gjuha vizuale është ndërtuar rreth kartave të produkteve që shfaqin ndërfaqen native të aplikacionit: një krahasim "Para" dhe "Pas" i dokumenteve, një zonë ngarkimi me një kufi të pikuar dhe një lexues audio në formën e një forme vale. Elementi i vetëm vizual atmosferik është gradienti i qiellit në imazhin kryesor. Ikonat janë ikona të sheshta, me një ngjyrë të vetme, vija #2597d0 (zarf, mikrofon, shenjë kontrolli) me pesha uniforme vijash, pa variacione të mbushura. Stili i ilustrimit është i kufizuar: maketet e produkteve shfaqen në një sfond të bardhë, të rrotulluara pak për të krijuar thellësi, pa u anuar kurrë ndjeshëm. Një font i shkruar me dorë (The Doctor) është i vetmi element organik/i punuar me dorë, i përdorur vetëm për të evokuar shkrimin klinik në kartën "Para".
Paletë
Markë
- Surgical Blue
#2597d0— Ikonat, një ikonë mikrofoni, një lexues valësh zanore dhe thekse të vogla funksionale krijojnë një notë të vetme kromatike në të gjithë ndërfaqen.
Neutral
- Obsidian
#070709— Teksti i trupit, butonat e mbushur me thirrje për veprim dhe elementët e errët të ndërfaqes së përdoruesit - është zgjedhur ngjyra pothuajse e zezë në vend të #000 të pastër për të zbutur kontrastin kundrejt sfondit të bardhë. - Paper White
#ffffff— Sfondi i faqes, sipërfaqet e kartave dhe teksti i butonave janë kanavaca kryesore për të gjitha seksionet poshtë elementit kryesor. - Cloud Gray
#f5f5f5— Sipërfaqet shtesë të kartave dhe sfondet e seksioneve ndajnë blloqet funksionale nga kanavaca kryesore. - Sky Tint
#d7e6f5— Hija e kornizës së kartonit dhe toni blu mezi i dukshëm i sipërfaqes krijojnë një ndjesi atmosfere, në vend të grisisë. - Charcoal
#60606c— Teksti kryesor, teksti dytësor dhe kufijtë e heshtur - një ngjyrë neutrale mbizotëruese për përmbajtjen jo-titull. - Slate
#8b8b8b— Tekst i vogël dhe gjendje kufitare joaktive - përdoren për të treguar vendndodhjet dhe për të siguruar aksesueshmërinë për personat me aftësi të kufizuara.
Tipografi
nga 12 në 80px · 8 hapa
- sans-serif — zëvendësim: Inter · skica 400, 700 · sans-serif - gjendet në të dhënat e nxjerra, por nuk përshkruhet nga IA.
- Open Runde — zëvendësim: Inter Tight · skica 400, 500, 600, 700, 900 · Fonti kryesor për titujt dhe navigimin është një font gjeometrik humanist, me hapësirë të vogël midis shkronjave në madhësi të mëdha; -0.04em në 80px e kompreson titullin në një bllok të vetëm dhe të sigurt. Përdoret për të gjitha titujt, navigimin dhe tekstin e madh.
- Inter — zëvendësim: system-ui · skica 400, 500 · Trupi dytësor dhe teksti i ndërfaqes së përdoruesit – përdoret për tituj të vegjël, elementë navigimi dhe lidhje të brendshme ku dëshirohet një ritëm leximi më neutral. Kombinohet me Open Runde për të krijuar kontrast hierarkik.
Intervalet dhe forma
| Qëllimi | Kuptimi |
|---|---|
| Dendësia | i dendur |
| Hapi bazë | 12-16px |
| Rrezja e butonit | 100px |
| Rrezja e kartës | 18px |
| Hijet | pa kufij në vend të hijeve |
| Midis seksioneve | 80-120px |
| Gjerësia e faqes | 1200px |
IA do ta ndërtojë faqen tuaj të internetit në stilin Letters dhe do ta mbushë atë
- Plotësoni me produkte dhe postime përmes linkut - Instagram, TikTok, Facebook.
- Transferoni përmbajtje nga faqja juaj e vjetër—thjesht specifikoni adresën.
- Dizajn modern në motorin më të mirë: React ( Next.js) me renderim të serverit dhe optimizim SEO që në fillim.
- Optimizim plotësisht i automatizuar i SEO-s për rezultatet e kërkimit dhe rekomandimet e rrjeteve nervore.
Stile të ngjashme
- Integrated Biosciences — laboratori i biolumineshencës në mesnatë
- Mintlify — Një kopsht me re mbi një tavolinë qelqi. Qielli i vizatuar me dorë dhe dokumentari janë të vendosur së bashku - i vetmi vend ku ngjyra dhe koncepti përplasen përpara se faqja të zbehet në të bardhën monastike.
- Gleap — Një hapësirë pune e dekoruar me tone të ngrohta krem me thekse grafiti—një studio ku pikat e bojës së zezë mat duket se notojnë mbi arkitekturën e lirit.
- Render — Dizajni është bërë në alumin të lëmuar. Ndërfaqja duket si një dokument inxhinierik i pastër gjeometrik - hapësirë e bardhë, vija të holla dhe një vijë e vetme vjollcë që tërheq vëmendjen te veprimi.
- Grafbase — vizatim inxhinierik në mermer të ftohtë
- Slash — Kasaforta e mesnatës me libra të praruar
- Modal — Një terminal fosforeshent në një dhomë serverash të errët - burimi i vetëm i dritës është një ngjyrë jeshile e ndritshme
- Whimsical — Bojë e pasur me ngjyrë kumbulle mbi një sfond livandoje - një fletore pune krijuese në studio që shërben edhe si tabelë e bardhë teknike.
- AgentQL — Dritat Veriore mbi terminal natën
- Alveos One — Një strehë komode e bërë nga gurë lumi – një dhomë meditimi e qetë, e ndriçuar me krem, ku një objekt i vetëm grafiti pushon në një shkëlqim të butë qelibar.
- GitHub — Një panel komande hapësinore me pika kontrolli biolumineshente—një hapësirë pune e errët, atmosferike ku një shkëlqim i vetëm jeshil tregon rrugën përpara.
- Buddy — Një vizatim inxhinierik në letër milimetrike. Sipërfaqja e bardhë e vizatimit është shënuar me një rrjetë mezi të dukshme, të aplikuar me bojë pothuajse të zezë, me shenja fluoreshente në të gjelbër limoni dhe vija me gradient të ylbertë.