Letters
Rīta tikšanās brīvdabas klīnikā — sterils balts galds zem maigi ziliem griestiem, noklāts ar ķirurģiskiem ziliem instrumentiem
“Letters” ir medicīnisku vēstuļu rakstīšanas rīks, kas sākas ar gradientu atvērta tipa debesu virsrakstu — maigu, atmosfērisku zilu svītru, kas rada mierīgu, klīnisku atmosfēru —, pirms pāriet uz tīru, baltu darba vietu. Sistēma ir veidota vienkrāsainā stilā: tīrs balts audekls, gandrīz melns teksts (#070709), tumši tabletes formas aicinājumi uz darbību un noapaļotas kartītes, kas peld uz smalkākajām ēnām. Viena spilgti zila krāsa (#2597d0) ir rezervēta funkcionālām pieturzīmēm — ikonām, mikrografikai, viļņu formas atskaņotājiem —, kas nekad netiek izmantota pogām vai lieliem aizpildījumiem. Tipogrāfijā tiek izmantots Open Runde, ģeometrisks humānists bez serifa ar agresīvu negatīvu burtu atstarpi lielākos ekrāna izmēros (-0,04em pie 80 pikseļiem), kas saspiež virsrakstus pārliecinātos blokos. Komponenti šķiet viegli, līdzīgi kā medicīnas instruments: plānas apmales, liela atstarpe starp kartēm, tabletes formas pogas un diskrēta pacēluma izmantošana, kas ļauj debesu formas galvenei veikt emocionālo darbu.
Debeszila gradienta sākumlapa aptver visu lapas platumu ar centrētu virsrakstu un apakštekstu, kā arī aicinājuma uz darbību pogu zem tās. Tā vienmērīgi pāriet baltā satura apgabalā ar dāsnu atstarpi starp sadaļām (80–120 pikseļi). Funkciju sadaļās tiek izmantots divu kolonnu režģis ar lielām, noapaļotām kartītēm (18–32 pikseļu rādiuss) vienādās proporcijās. Sadaļu virsraksti vienmēr ir centrēti vienā kolonnā virs kartīšu režģa. Navigācija ir fiksēta balta augšējā josla ar centrētu saišu kopu un pa labi izlīdzinātām pieteikšanās darbībām. Kopējais ritms ir viena, atmosfēriska galvenā josla, pēc tam pārmaiņus baltas un #f5f5f5 sadaļas ar vienmērīgu vertikālu atstarpi. Nav sānu joslas, nav megaizvēlnes, nav asimetrisku izkārtojumu — lapa šķiet kā mierīga, simetriska kolonna.
Vizuālais dizains gandrīz pilnībā ir vērsts uz produkta lietotāja saskarni — nekādu dzīvesstila fotoattēlu, nekādu abstraktu 3D renderējumu. Vizuālā valoda ir veidota ap produktu kartītēm, kas parāda lietotnes iebūvēto saskarni: dokumentu salīdzinājums "pirms" un "pēc", ielādes zona ar punktētu apmali un audio atskaņotājs viļņu formas formā. Vienīgais atmosfēriskais vizuālais elements ir debesu gradients galvenajā attēlā. Ikonas ir plakanas, vienkrāsainas #2597d0 līniju ikonas (aploksne, mikrofons, atzīme) ar vienādu līniju biezumu, bez aizpildītām variācijām. Ilustrāciju stils ir atturīgs: produktu maketi ir attēloti uz balta fona, nedaudz pagriezti, lai radītu dziļumu, nekad nav asi noliekti. Ar roku rakstīts fonts (The Doctor) ir vienīgais organiskais/ar roku darinātais elements, kas izmantots tikai, lai atdarinātu klīnisko rokrakstu uz "pirms" kartītes.
Palete
Zīmols
- Surgical Blue
#2597d0— Ikonas, mikrofona ikona, skaņas viļņu atskaņotājs un nelieli funkcionāli akcenti visā saskarnē rada vienotu hromatisku noti.
Neitrāls
- Obsidian
#070709— Pamatteksts, aizpildītās aicinājuma uz darbību pogas un tumšie lietotāja interfeisa elementi — gandrīz melna krāsa ir izvēlēta tīra #000 vietā, lai mīkstinātu kontrastu ar balto fonu. - Paper White
#ffffff— Lapas fons, kartītes virsmas un pogas teksts ir galvenais audekls visām sadaļām zem galvenā elementa. - Cloud Gray
#f5f5f5— Papildu karšu virsmas un sadaļu foni atdala funkcionālos blokus no galvenā audekla. - Sky Tint
#d7e6f5— Kartona rāmja nokrāsa un tikko pamanāmais virsmas zilais tonis rada atmosfēras, nevis pelēcības sajūtu. - Charcoal
#60606c— Primārais teksts, sekundārais teksts un klusinātas apmales — dominējoša neitrāla krāsa saturam, kas nav virsraksts. - Slate
#8b8b8b— Mazs teksts un neaktīvi robežstāvokļi — tiek izmantoti, lai norādītu atrašanās vietas un nodrošinātu piekļuvi cilvēkiem ar invaliditāti.
Tipogrāfija
no 12 līdz 80 pikseļiem · 8 soļi
- sans-serif — nomaiņa: Inter · kontūras 400, 700 · sans-serif — atrodams iegūtajos datos, bet mākslīgais intelekts to nav aprakstījis.
- Open Runde — nomaiņa: Inter Tight · kontūras 400, 500, 600, 700, 900 · Galvenais virsrakstu un navigācijas fonts ir ģeometrisks humānists ar ciešu burtu atstarpi lielos izmēros; -0,04em pie 80 pikseļiem saspiež virsrakstu vienā, pārliecinošā blokā. Izmantojiet to visiem virsrakstiem, navigācijai un lielam tekstam.
- Inter — nomaiņa: system-ui · kontūras 400, 500 · Otrreizējais pamatteksts un lietotāja interfeisa teksts — tiek izmantots nelieliem virsrakstiem, navigācijas elementiem un iekļautām saitēm, kur vēlams neitrālāks lasīšanas ritms. Saderīgs ar Open Runde, lai radītu hierarhisku kontrastu.
Intervāli un forma
| Mērķis | Nozīme |
|---|---|
| Blīvums | blīvs |
| Pamata solis | 12-16px |
| Pogas rādiuss | 100px |
| Kartes rādiuss | 18px |
| Ēnas | nē — robežas ēnu vietā |
| Starp sekcijām | 80-120px |
| Lapas platums | 1200px |
Mākslīgais intelekts izveidos jūsu vietni Letters stilā un aizpildīs to
- Aizpildiet ar produktiem un ierakstiem, izmantojot saiti — Instagram, TikTok, Facebook.
- Pārsūtiet saturu no savas vecās vietnes — vienkārši norādiet adresi.
- Moderns dizains uz labākā dzinēja: React ( Next.js) ar servera renderēšanu un SEO optimizāciju uzreiz pēc instalēšanas.
- Pilnībā automatizēta SEO optimizācija meklēšanas rezultātiem un neironu tīkla ieteikumiem.
Līdzīgi stili
- Integrated Biosciences — Bioluminiscences laboratorija pusnaktī
- Mintlify — Mākoņu dārzs virs stikla galda. Ar roku zīmētās debesis un dokumentālā filma ir kadrēti kopā — vienīgā vieta, kur krāsa un koncepcija saduras, pirms lapa izgaist klostera baltumā.
- Gleap — Darba telpa, kas iekārtota siltos krēmkrāsas toņos ar grafīta akcentiem, — studija, kurā virs lina arhitektūras šķietami peld matēti melni tintes punktiņi.
- Render — Dizains ir veidots uz matēta alumīnija. Saskarne atgādina tīru, ģeometrisku inženiertehnisku dokumentu — balta telpa, plānas līnijas un viena violeta līnija, kas pievērš uzmanību darbībai.
- Grafbase — inženiertehniskais zīmējums uz auksta marmora
- Slash — Pusnakts velve ar apzeltītiem grāmatvedības žurnāliem
- Modal — Fosforescējošs terminālis aptumšotā serveru telpā — vienīgais gaismas avots ir spilgti zaļa krāsa
- Whimsical — Bagātīga plūmju tinte uz lavandas fona — radošas studijas piezīmju grāmatiņa, kas kalpo arī kā tehniskā tāfele.
- AgentQL — Ziemeļblāzma virs termināļa naktī
- Alveos One — Mājīga patvēruma vieta, kas veidota no upes akmeņiem – klusa, krēmīgi apgaismota meditācijas telpa, kur viens grafīta objekts atpūšas maigā dzintara mirdzumā.
- GitHub — Kosmosa komandu panelis ar bioluminiscējošiem vadības punktiem — tumša, atmosfēriska darba vieta, kur viena zaļa gaisma norāda ceļu uz priekšu.
- Buddy — Inženiertehniskais zīmējums uz milimetru papīra. Baltā zīmēšanas virsma ir iezīmēta ar tikko redzamu režģi, kas uzklāts ar gandrīz melnu tinti, ar fluorescējošiem laima zaļiem marķējumiem un varavīksnes gradienta triepieniem.