Letters
In moarnsôfspraak by in iepenloftklinyk - in sterile wite tafel ûnder in sêft blau plafond, bezaaid mei sjirurgyske blauwe ynstruminten
Letters is in ark foar it skriuwen fan medyske brieven dat begjint mei in kleurige iepen-loft koptekst - in sêfte, sfearfolle blauwe stripe dy't in rêstige, klinyske sfear skept - foardat it oergiet nei in skjinne wite wurkromte. It systeem is ûntworpen yn in monochrome styl: in skjin wyt doek, hast swarte tekst (#070709), donkere pilfoarmige oprop ta aksje, en rûne kaarten dy't driuwe op 'e subtylste skaden. In inkele helder blauwe kleur (#2597d0) is reservearre foar funksjonele ynterpunksje - ikoanen, mikrografiken, golffoarmspilers - nea brûkt foar knoppen of grutte opfolingen. De typografy brûkt Open Runde, in geometrysk humanistysk sans-serif mei agressive negative letterôfstân by gruttere skermgrutte (-0.04em by 80px), wat de kopteksten komprimearret yn selsbewuste blokken. De komponinten fiele ljocht, lykas in medysk ynstrumint: tinne rânen, royale kaartôfstân, pilfoarmige knoppen, en in diskreet gebrûk fan ferheging wêrtroch't de loftfoarmige koptekst it emosjonele wurk dwaan kin.
In loftblauwe homepage mei in kleurferrin beslacht de hiele breedte fan 'e side, mei in sintraal titel en subtekst, en in knop mei oprop ta aksje derûnder. It giet soepel oer yn in wyt ynhâldsgebiet mei in romme ôfstân tusken seksjes (80-120px). Feature-seksjes brûke in raster mei twa kolommen fan grutte, rûne kaarten (radius fan 18-32px) fan gelikense proporsjes. Seksjekoppen binne altyd sintraal, yn ien kolom, boppe it kaartenraster. Navigaasje is in fêste wite boppeste balke mei in sintraal kluster fan keppelings en rjochts-ôfstimde oanmeldaksjes. It algemiene ritme is in inkele, sfearfolle haadstripe, dan ôfwikseljende wite en #f5f5f5 seksjes mei konsekwinte fertikale sykhelromte. Der is gjin sydbalke, gjin mega-menu, gjin asymmetryske yndielingen - de side fielt as in rêstige, symmetryske kolom.
It fisuele ûntwerp is hast folslein rjochte op 'e brûkersynterface fan it produkt - gjin libbensstylfoto's, gjin abstrakte 3D-renderings. De fisuele taal is boud om produktkaarten dy't de native ynterface fan 'e app sjen litte: in "Foar" en "Nei" ferliking fan dokuminten, in laadgebiet mei in stippele râne, en in audiospiler yn 'e foarm fan in golffoarm. It ienige atmosfearyske fisuele elemint is de loftgradiënt yn 'e haadôfbylding. De ikoanen binne platte, ienkleurige #2597d0 line-ikoanen (envelop, mikrofoan, vinkje) mei unifoarme linegewichten, sûnder ynfolde fariaasjes. De yllustraasjestyl is beheind: produktmodellen wurde werjûn op in wite eftergrûn, wat draaid om djipte te meitsjen, nea skerp kantele. In mei de hân skreaun lettertype (The Doctor) is it ienige organyske/mei de hân makke elemint, allinich brûkt om it klinyske hânskrift op 'e "Foar"-kaart op te roppen.
Palet
Merk
- Surgical Blue
#2597d0— Ikoanen, in mikrofoanikoan, in lûdsweachspiler en lytse funksjonele aksinten meitsje ien chromatyske noat yn 'e heule ynterface.
Neutraal
- Obsidian
#070709— De lichemtekst, ynfolde call-to-action-knoppen en donkere UI-eleminten - hast swart is keazen ynstee fan suver #000 om it kontrast tsjin de wite eftergrûn te verzachten. - Paper White
#ffffff— De eftergrûn fan 'e side, kaartoerflakken en knoptekst binne it wichtichste kanvas foar alle seksjes ûnder it haadelemint. - Cloud Gray
#f5f5f5— Ekstra kaartoerflakken en seksje-eftergrûnen skiede funksjonele blokken fan it haaddoek. - Sky Tint
#d7e6f5— De skaad fan it kartonnen frame en de amper merkbere blauwe toan fan it oerflak skeppe in gefoel fan sfear, ynstee fan griisheid. - Charcoal
#60606c— Primêre tekst, sekundêre tekst en gedempte rânen - in dominante neutrale kleur foar ynhâld dy't gjin koptekst is. - Slate
#8b8b8b— Lytse tekst en ynaktive grinsstaten - brûkt om lokaasjes oan te jaan en tagonklikens foar minsken mei in beheining te garandearjen.
Typografy
fan 12 oant 80px · 8 stappen
- sans-serif — ferfanging: Inter · sketsen 400, 700 · sans-serif - fûn yn 'e ekstrahearre gegevens, mar net beskreaun troch de AI.
- Open Runde — ferfanging: Inter Tight · sketsen 400, 500, 600, 700, 900 · It primêre lettertype foar kopteksten en navigaasje is in geometrysk humanistysk lettertype, mei in krappe letterôfstân by grutte formaten; -0.04em by 80px komprimearret de koptekst ta ien, betrouber blok. Brûk foar alle kopteksten, navigaasje en grutte tekst.
- Inter — ferfanging: system-ui · sketsen 400, 500 · Sekundêre lichem- en brûkersynterfacetekst - brûkt foar lytse kopteksten, navigaasje-eleminten en inline-keppelings wêr't in neutraler lêsritme winske is. Kombinearret mei Open Runde om hiërargysk kontrast te meitsjen.
Yntervallen en foarm
| Doel | Betsjutting |
|---|---|
| Dichtheid | ticht |
| Basisstap | 12-16px |
| Knopradius | 100px |
| Kaartradius | 18px |
| Skaden | gjin grinzen ynstee fan skaden |
| Tusken seksjes | 80-120px |
| Sidebreedte | 1200px |
AI sil jo webside bouwe yn Letters -styl en it folje
- Folje oan mei produkten en berjochten fia de link - Instagram, TikTok, Facebook.
- Oerdrage ynhâld fan jo âlde side - spesifisearje gewoan it adres.
- Modern ûntwerp op 'e bêste motor: React ( Next.js) mei serverrendering en SEO-optimalisaasje direkt út 'e doaze.
- Folslein automatisearre SEO-optimalisaasje foar sykresultaten en oanbefellings foar neurale netwurken.
Ferlykbere stilen
- Integrated Biosciences — bioluminesinsjelaboratoarium om middernacht
- Mintlify — In wolkentún boppe in glêzen tafel. De mei de hân tekene loft en dokumintêre binne tegearre ynkaderd - it ienige plak dêr't kleur en konsept botsje foardat de pagina yn kleasterwyt ferdwynt.
- Gleap — In wurkromte ynrjochte yn waarme crèmekleurige toanen mei grafytaksinten - in studio dêr't matte swarte inketstippen boppe de linnen arsjitektuer lykje te sweeven.
- Render — It ûntwerp is op geborsteld aluminium. De ynterface fielt as in skjin, geometrysk yngenieursdokumint - wite romte, tinne linen en in inkele pearse line dy't de oandacht lûkt nei de aksje.
- Grafbase — yngenieurstekening op kâld moarmer
- Slash — Middernachtskluis mei fergulde ledgers
- Modal — In fosforeszente terminal yn in tsjustere serverkeamer - de ienige ljochtboarne is in helder griene kleur
- Whimsical — Rike pruiminkt op in lavendelkleurige eftergrûn - in kreatyf studio-notebook dat ek tsjinnet as in technysk whiteboard.
- AgentQL — Noarderljocht boppe de terminal by nacht
- Alveos One — In noflik taflechtplak makke fan rivierstiennen - in rêstige, crèmekleurige meditaasjekeamer dêr't in inkele grafytobjekt rêst yn in sêfte amberkleurige gloed
- GitHub — In romtekommandopaniel mei biolumineszinte kontrôlepunten - in tsjustere, sfearfolle wurkromte dêr't in inkele griene gloed de wei foarút wiist.
- Buddy — In yngenieurstekening op grafiekpapier. It wite tekenoerflak is markearre mei in amper sichtber raster, oanbrocht yn hast swarte inket, mei fluorescerende limoengriene markeringen en iriserende gradiëntstreken.