Letters
'n Oggendafspraak by 'n opelugkliniek—'n steriele wit tafel onder 'n sagte blou plafon, besaai met chirurgiese blou instrumente
Letters is 'n mediese briefskryfinstrument wat begin met 'n gradiënt ooplugkoptekst – 'n sagte, atmosferiese blou streep wat 'n kalm, kliniese atmosfeer skep – voordat dit oorskakel na 'n skoon wit werkspasie. Die stelsel is ontwerp in 'n monochroom styl: 'n skoon wit doek, amper-swart teks (#070709), donker pilvormige oproepe tot aksie, en afgeronde kaarte wat op die subtielste skaduwees dryf. 'n Enkele helderblou (#2597d0) is gereserveer vir funksionele punktuasie – ikone, mikrografika, golfvormspelers – wat nooit vir knoppies of groot vullings gebruik word nie. Die tipografie gebruik Open Runde, 'n geometriese humanistiese sans-serif met aggressiewe negatiewe letterspasiëring by groter skermgroottes (-0.04em teen 80px), wat die koptekste in selfversekerde blokke saampers. Die komponente voel lig, soos 'n mediese instrument: dun rame, ruim kaartspasiëring, pilvormige knoppies, en 'n diskrete gebruik van elevasie wat die lugvormige koptekst toelaat om die emosionele werk te doen.
'n Hemelsblou gradiënttuisblad strek oor die hele breedte van die bladsy, met 'n gesentreerde titel en subteks, en 'n oproep-tot-aksie-knoppie onder. Dit gaan glad oor na 'n wit inhoudsarea met ruim spasiëring tussen afdelings (80-120px). Hoofafdelings gebruik 'n tweekolomrooster van groot, afgeronde kaarte (18-32px radius) van gelyke verhoudings. Afdelingsopskrifte is altyd gesentreer, in 'n enkele kolom, bo die kaartrooster. Navigasie is 'n vaste wit boonste balk met 'n gesentreerde groep skakels en regs-belynde aanmeldaksies. Die algehele ritme is 'n enkele, atmosferiese hoofstreep, dan afwisselende wit en #f5f5f5 afdelings met konsekwente vertikale asemhalingsruimte. Daar is geen sybalk, geen mega-kieslys, geen asimmetriese uitlegte nie – die bladsy voel soos 'n kalm, simmetriese kolom.
Die visuele ontwerp is amper geheel en al gefokus op die produk se gebruikerskoppelvlak—geen leefstylfoto's, geen abstrakte 3D-weergawes nie. Die visuele taal is gebou rondom produkkaarte wat die toepassing se oorspronklike koppelvlak vertoon: 'n "Voor"- en "Na"-vergelyking van dokumente, 'n laai-area met 'n stippellynrand, en 'n klankspeler in die vorm van 'n golfvorm. Die enigste atmosferiese visuele element is die luggradiënt in die hoofbeeld. Die ikone is plat, enkelkleurige #2597d0-lynikone (koevert, mikrofoon, regmerkie) met eenvormige lyngewigte, sonder gevulde variasies. Die illustrasiestyl is ingehoue: produkmodelle word op 'n wit agtergrond vertoon, effens geroteer om diepte te skep, nooit skerp gekantel nie. 'n Handgeskrewe lettertipe (The Doctor) is die enigste organiese/handgemaakte element, wat uitsluitlik gebruik word om die kliniese handskrif op die "Voor"-kaart op te roep.
Palet
Handelsmerk
- Surgical Blue
#2597d0— Ikone, 'n mikrofoonikoon, 'n klankgolfspeler en klein funksionele aksente skep 'n enkele chromatiese noot dwarsdeur die koppelvlak.
Neutraal
- Obsidian
#070709— Die liggaamsteks, gevulde oproep-tot-aksie-knoppies en donker UI-elemente – amper swart – word gekies in plaas van suiwer #000 om die kontras teen die wit agtergrond te versag. - Paper White
#ffffff— Die bladsyagtergrond, kaartoppervlaktes en knoppieteks is die hoofdoek vir alle afdelings onder die hoofelement. - Cloud Gray
#f5f5f5— Bykomende kaartoppervlaktes en seksie-agtergronde skei funksionele blokke van die hoofdoek. - Sky Tint
#d7e6f5— Die skakering van die kartonraam en die skaars merkbare blou toon van die oppervlak skep 'n gevoel van atmosfeer, eerder as grysheid. - Charcoal
#60606c— Primêre teks, sekondêre teks en gedempte rande - 'n dominante neutrale kleur vir nie-opskrifinhoud. - Slate
#8b8b8b— Klein teks en onaktiewe grensstate - word gebruik om liggings aan te dui en toeganklikheid vir mense met gestremdhede te verseker.
Tipografie
van 12 tot 80px · 8 stappe
- sans-serif — vervanging: Inter · buitelyne 400, 700 · sans-serif - gevind in die onttrekte data, maar nie deur die KI beskryf nie.
- Open Runde — vervanging: Inter Tight · buitelyne 400, 500, 600, 700, 900 · Die primêre lettertipe vir opskrifte en navigasie is 'n geometriese humanis, met stywe letterspasiëring by groot groottes; -0.04em by 80px komprimeer die opskrif in 'n enkele, betroubare blok. Gebruik dit vir alle opskrifte, navigasie en groot teks.
- Inter — vervanging: system-ui · buitelyne 400, 500 · Sekondêre liggaam en gebruikerskoppelvlakteks – word gebruik vir klein opskrifte, navigasie-elemente en inlynskakels waar 'n meer neutrale leesritme verlang word. Koppel met Open Runde om hiërargiese kontras te skep.
Intervalle en vorm
| Doel | Betekenis |
|---|---|
| Digtheid | dig |
| Basiese stap | 12-16px |
| Knoppieradius | 100px |
| Kaartradius | 18px |
| Skaduwees | geen grense in plaas van skaduwees |
| Tussen afdelings | 80-120px |
| Bladsybreedte | 1200px |
KI sal jou webwerf in Letters -styl bou en dit vul
- Vul met produkte en plasings via die skakel - Instagram, TikTok, Facebook.
- Dra inhoud van jou ou webwerf oor – spesifiseer net die adres.
- Moderne ontwerp op die beste enjin: React ( Next.js) met bedienerweergawe en SEO-optimalisering reg uit die boks.
- Volledig outomatiese SEO-optimering vir soekresultate en neurale netwerkaanbevelings.
Soortgelyke style
- Integrated Biosciences — bioluminessensie-laboratorium om middernag
- Mintlify — 'n Wolketuin bo 'n glastafel. Die handgetekende lug en dokumentêr word saam geraam – die enigste plek waar kleur en konsep bots voordat die bladsy in kloosterwit vervaag.
- Gleap — ’n Werkruimte versier in warm roomkleure met grafietaksente—’n ateljee waar matswart inkkolle bo die linne-argitektuur lyk te sweef.
- Render — Die ontwerp is op geborselde aluminium. Die koppelvlak voel soos 'n skoon, geometriese ingenieursdokument—wit spasie, dun lyne en 'n enkele pers lyn wat aandag op die aksie vestig.
- Grafbase — ingenieurstekening op koue marmer
- Slash — Middernagkluis met vergulde grootboeke
- Modal — 'n Fosforeserende terminaal in 'n donker bedienerkamer - die enigste ligbron is 'n heldergroen kleur
- Whimsical — Ryk pruimink op 'n laventel-agtergrond—’n kreatiewe ateljee-notaboek wat ook as 'n tegniese witbord dien.
- AgentQL — Noorderligte oor die terminaal in die nag
- Alveos One — 'n Gesellige toevlugsoord gemaak van rivierklippe – 'n stil, roomverligte meditasiekamer waar 'n enkele grafietvoorwerp in 'n sagte amber gloed rus.
- GitHub — 'n Ruimte-opdragpaneel met bioluminescerende beheerpunte—'n donker, atmosferiese werkruimte waar 'n enkele groen gloed die pad vorentoe aandui.
- Buddy — 'n Ingenieurstekening op grafiekpapier. Die wit tekenoppervlak is gemerk met 'n skaars sigbare rooster, aangebring in amper-swart ink, met fluoresserende lemmetjiegroen merke en iriserende gradiëntstrepe.