Letters
Miadi ya asubuhi katika kliniki ya wazi—meza nyeupe tasa chini ya dari laini la bluu, iliyojaa vifaa vya upasuaji vya bluu
Barua ni kifaa cha kuandika barua za kimatibabu kinachoanza na kichwa cha habari chenye mteremko wa anga wazi—mstari laini wa bluu wenye angahewa unaounda mazingira tulivu na ya kimatibabu—kabla ya kuhamia kwenye nafasi ya kazi nyeupe safi. Mfumo huu umeundwa kwa mtindo wa monochrome: turubai nyeupe safi, maandishi karibu nyeusi (#070709), miito nyeusi yenye umbo la kidonge kuelekea kwenye vitendo, na kadi zenye mviringo zinazoelea kwenye vivuli hafifu zaidi. Bluu moja angavu (#2597d0) imehifadhiwa kwa ajili ya uakifishaji unaofanya kazi—aikoni, mikrografiki, vichezaji vya umbo la mawimbi—haijawahi kutumika kwa vitufe au kujaza vitu vikubwa. Uchapaji hutumia Open Runde, kifaa cha kijiometri kisicho na serif chenye nafasi ya herufi hasi kwa ukubwa wa skrini kubwa (-0.04em kwa pikseli 80), ambacho hubana vichwa vya habari kuwa vitalu vya kujiamini. Vipengele hivyo huhisi vyepesi, kama kifaa cha kimatibabu: bezels nyembamba, nafasi kubwa ya kadi, vifungo vyenye umbo la kidonge, na matumizi ya busara ya mwinuko ambayo huruhusu kichwa cha habari chenye umbo la anga kufanya kazi ya kihisia.
Ukurasa wa nyumbani wa gradient ya bluu-anga hufunika upana mzima wa ukurasa, ukiwa na kichwa na maandishi madogo yaliyo katikati, na kitufe cha wito wa kuchukua hatua hapa chini. Hubadilika vizuri hadi eneo la maudhui meupe lenye nafasi kubwa kati ya sehemu (pikseli 80-120). Sehemu za vipengele hutumia gridi ya safu mbili ya kadi kubwa, zenye mviringo (radius ya pikseli 18-32) zenye uwiano sawa. Vichwa vya sehemu huwa katikati kila wakati, katika safu wima moja, juu ya gridi ya kadi. Urambazaji ni upau wa juu mweupe usiobadilika wenye kundi la viungo vilivyo katikati na vitendo vya kuingia vilivyopangwa kulia. Mdundo wa jumla ni mstari mmoja, wa angahewa, kisha sehemu nyeupe na #f5f5f5 zinazobadilishana zenye nafasi ya kupumua wima thabiti. Hakuna upau wa pembeni, hakuna menyu kubwa, hakuna mipangilio isiyo na ulinganifu—ukurasa unahisi kama safu wima tulivu na yenye ulinganifu.
Muundo wa taswira karibu unalenga kabisa kiolesura cha mtumiaji cha bidhaa—hakuna picha za mtindo wa maisha, hakuna michoro ya dhahania ya 3D. Lugha ya taswira imejengwa kuzunguka kadi za bidhaa zinazoonyesha kiolesura asilia cha programu: ulinganisho wa hati za "Kabla" na "Baada", eneo la kupakia lenye mpaka wenye nukta, na kicheza sauti katika umbo la wimbi. Kipengele pekee cha taswira cha angahewa ni mteremko wa anga katika picha kuu. Aikoni ni aikoni tambarare, zenye rangi moja #2597d0 (bahasha, maikrofoni, alama ya tiki) zenye uzito wa mistari sare, bila tofauti zilizojazwa. Mtindo wa michoro umezuiliwa: mifano ya bidhaa huonyeshwa kwenye usuli mweupe, huzungushwa kidogo ili kuunda kina, kamwe hazielekezwi kwa kasi. Fonti iliyoandikwa kwa mkono (The Doctor) ndiyo kipengele pekee cha kikaboni/kilichotengenezwa kwa mikono, kinachotumika tu kuibua mwandiko wa kliniki kwenye kadi ya "Kabla".
Paleti
Chapa
- Surgical Blue
#2597d0— Aikoni, aikoni ya maikrofoni, kicheza sauti, na lafudhi ndogo zinazofanya kazi huunda noti moja ya kromatic katika kiolesura chote.
Isiyoegemea upande wowote
- Obsidian
#070709— Nakala ya mwili, vitufe vya wito wa kuchukua hatua vilivyojazwa, na vipengele vyeusi vya UI—karibu na nyeusi huchaguliwa badala ya #000 safi ili kupunguza utofautishaji dhidi ya mandharinyuma meupe. - Paper White
#ffffff— Mandharinyuma ya ukurasa, nyuso za kadi, na maandishi ya kitufe ndio turubai kuu kwa sehemu zote zilizo chini ya kipengele kikuu. - Cloud Gray
#f5f5f5— Nyuso za ziada za kadi na mandharinyuma ya sehemu hutenganisha vitalu vya utendaji kutoka kwenye turubai kuu. - Sky Tint
#d7e6f5— Kivuli cha fremu ya kadibodi na toni ya bluu isiyoonekana vizuri ya uso huunda hisia ya angahewa, badala ya kijivu. - Charcoal
#60606c— Maandishi ya msingi, maandishi ya pili, na mipaka iliyozimwa - rangi isiyo na upande wowote inayotawala kwa maudhui yasiyo na vichwa vya habari. - Slate
#8b8b8b— Maandishi madogo na mipaka isiyotumika - hutumika kuonyesha maeneo na kuhakikisha ufikiaji kwa watu wenye ulemavu.
Uchapaji
kutoka pikseli 12 hadi 80 · hatua 8
- sans-serif — mbadala: Inter · mihtasari 400, 700 · sans-serif - hupatikana katika data iliyotolewa lakini haijaelezewa na AI.
- Open Runde — mbadala: Inter Tight · mihtasari 400, 500, 600, 700, 900 · Fonti kuu ya vichwa vya habari na urambazaji ni ya kibinadamu ya kijiometri, yenye nafasi finyu ya herufi katika ukubwa mkubwa; -0.04em katika pikseli 80 hubana kichwa cha habari kuwa kizuizi kimoja, chenye ujasiri. Tumia kwa vichwa vyote vya habari, urambazaji, na maandishi makubwa.
- Inter — mbadala: system-ui · mihtasari 400, 500 · Maandishi ya mwili wa pili na kiolesura cha mtumiaji - hutumika kwa vichwa vidogo, vipengele vya urambazaji, na viungo vya ndani ambapo mdundo wa usomaji usioegemea upande wowote unahitajika. Huunganishwa na Open Runde ili kuunda utofautishaji wa kihierarkia.
Vipindi na umbo
| Kusudi | Maana |
|---|---|
| Uzito | mnene |
| Hatua ya msingi | 12-16px |
| Kipenyo cha kitufe | 100px |
| Redi ya kadi | 18px |
| Vivuli | hapana - mipaka badala ya vivuli |
| Kati ya sehemu | 80-120px |
| Upana wa ukurasa | 1200px |
AI itaunda tovuti yako kwa mtindo wa Letters na kuijaza
- Jaza bidhaa na machapisho kupitia kiungo - Instagram, TikTok, Facebook.
- Hamisha maudhui kutoka kwa tovuti yako ya zamani—taja tu anwani.
- Muundo wa kisasa kwenye injini bora: React ( Next.js) yenye utoaji wa seva na uboreshaji wa SEO bila kuchelewa.
- Uboreshaji wa SEO kiotomatiki kikamilifu kwa matokeo ya utafutaji na mapendekezo ya mtandao wa neva.
Mitindo inayofanana
- Integrated Biosciences — maabara ya bioluminescence usiku wa manane
- Mintlify — Bustani ya mawingu juu ya meza ya kioo. Anga iliyochorwa kwa mkono na makala halisi vimeunganishwa pamoja—mahali pekee ambapo rangi na dhana hugongana kabla ya ukurasa kufifia na kuwa nyeupe ya kimonaki.
- Gleap — Sehemu ya kazi iliyopambwa kwa rangi ya krimu yenye joto na lafudhi za grafiti—studio ambapo madoa ya wino mweusi yasiyong'aa yanaonekana kuelea juu ya usanifu wa kitani.
- Render — Muundo umetengenezwa kwa alumini iliyosuguliwa. Kiolesura kinahisi kama hati safi ya uhandisi ya kijiometri—nafasi nyeupe, mistari nyembamba, na mstari mmoja wa zambarau unaovutia umakini kwenye kitendo.
- Grafbase — mchoro wa uhandisi kwenye marumaru baridi
- Slash — Hifadhi ya usiku wa manane yenye leja zilizopambwa kwa dhahabu
- Modal — Kifaa cha fosforasi katika chumba cha seva chenye giza - chanzo pekee cha mwanga ni rangi ya kijani kibichi
- Whimsical — Wino mnono wa plamu kwenye mandharinyuma ya lavender—daftari bunifu la studio linalotumika kama ubao mweupe wa kiufundi.
- AgentQL — Taa za Kaskazini juu ya kituo usiku
- Alveos One — Kimbilio lenye utulivu lililotengenezwa kwa mawe ya mto - chumba cha kutafakari tulivu na chenye mwanga wa krimu ambapo kitu kimoja cha grafiti hupumzika katika mwanga laini wa kaharabu
- GitHub — Paneli ya amri ya anga yenye sehemu za kudhibiti mwangaza wa kibiolojia—sehemu ya kazi yenye giza, angavu ambapo mwangaza mmoja wa kijani huelekeza njia mbele.
- Buddy — Mchoro wa uhandisi kwenye karatasi ya grafu. Sehemu nyeupe ya kuchora imewekwa alama ya gridi isiyoonekana vizuri, iliyopakwa kwa wino mweusi karibu, yenye alama za kijani kibichi zenye rangi ya chokaa na mipigo ya rangi ya waridi.