Letters
En morgentime på en utendørsklinikk – et sterilt hvitt bord under et mykt blått tak, strødd med kirurgiske blå instrumenter
Letters er et verktøy for medisinsk brevskriving som starter med en gradient åpen himmel-overskrift – en myk, atmosfærisk blå stripe som skaper en rolig, klinisk atmosfære – før den går over til en ren hvit arbeidsplass. Systemet er designet i en monokrom stil: et rent hvitt lerret, nesten svart tekst (#070709), mørke pilleformede oppfordringer til handling og avrundede kort som flyter på de fineste skyggene. En enkelt lys blåfarge (#2597d0) er reservert for funksjonell tegnsetting – ikoner, mikrografikk, bølgeformspillere – som aldri brukes til knapper eller store fyll. Typografien bruker Open Runde, en geometrisk humanistisk sans-serif med aggressiv negativ bokstavavstand ved større skjermstørrelser (-0,04 em ved 80 piksler), som komprimerer overskriftene til trygge blokker. Komponentene føles lette, som et medisinsk instrument: tynne rammer, sjenerøs kortavstand, pilleformede knapper og en diskret bruk av elevasjon som lar den himmelformede overskriften gjøre det emosjonelle arbeidet.
En himmelblå, gradient hjemmeside strekker seg over hele sidens bredde, med en sentrert tittel og undertekst, og en handlingsfremmende knapp nedenfor. Den går jevnt over i et hvitt innholdsområde med sjenerøs avstand mellom seksjonene (80–120 piksler). Hovedseksjoner bruker et rutenett med to kolonner med store, avrundede kort (radius 18–32 piksler) med like proporsjoner. Seksjonsoverskrifter er alltid sentrert, i en enkelt kolonne, over kortrutenettet. Navigasjonen er en fast hvit topplinje med en sentrert klynge av lenker og høyrejusterte påloggingshandlinger. Den overordnede rytmen er en enkelt, atmosfærisk hovedstripe, deretter vekslende hvite og #f5f5f5-seksjoner med konsistent vertikal pusterom. Det er ingen sidefelt, ingen megameny, ingen asymmetriske oppsett – siden føles som en rolig, symmetrisk kolonne.
Det visuelle designet er nesten utelukkende fokusert på produktets brukergrensesnitt – ingen livsstilsbilder, ingen abstrakte 3D-gjengivelser. Det visuelle språket er bygget rundt produktkort som viser appens innebygde grensesnitt: en "Før"- og "Etter"-sammenligning av dokumenter, et lasteområde med en stiplet kant og en lydspiller i form av en bølgeform. Det eneste atmosfæriske visuelle elementet er himmelgradienten i hovedbildet. Ikonene er flate, ensfargede #2597d0-linjeikoner (konvolutt, mikrofon, hake) med ensartede linjetykkelser, uten fylte variasjoner. Illustrasjonsstilen er behersket: produktmodeller vises på en hvit bakgrunn, litt rotert for å skape dybde, aldri skarpt skråstilt. En håndskrevet skrifttype (The Doctor) er det eneste organiske/håndlagde elementet, som utelukkende brukes til å fremkalle den kliniske håndskriften på "Før"-kortet.
Palett
Merke
- Surgical Blue
#2597d0— Ikoner, et mikrofonikon, en lydbølgespiller og små funksjonelle aksenter skaper en enkelt kromatisk tone gjennom hele grensesnittet.
Nøytral
- Obsidian
#070709— Brødteksten, fylte handlingsfremmende knapper og mørke brukergrensesnittelementer – nesten svart – er valgt i stedet for ren #000 for å myke opp kontrasten mot den hvite bakgrunnen. - Paper White
#ffffff— Sidebakgrunnen, kortoverflatene og knappeteksten er hovedlerretet for alle seksjoner under hovedelementet. - Cloud Gray
#f5f5f5— Ytterligere kortflater og seksjonsbakgrunner skiller funksjonelle blokker fra hovedlerretet. - Sky Tint
#d7e6f5— Papprammens skygge og den knapt merkbare blåtonen på overflaten skaper en følelse av atmosfære, snarere enn gråhet. - Charcoal
#60606c— Primærtekst, sekundærtekst og dempede rammer – en dominerende nøytral farge for innhold som ikke er overskrift. - Slate
#8b8b8b— Mindre tekst og inaktive grensestater – brukes til å angi steder og sikre tilgjengelighet for funksjonshemmede.
Typografi
fra 12 til 80 piksler · 8 trinn
- sans-serif — erstatning: Inter · omriss 400, 700 · sans-serif – funnet i de utvunnede dataene, men ikke beskrevet av AI-en.
- Open Runde — erstatning: Inter Tight · omriss 400, 500, 600, 700, 900 · Primærskrifttypen for overskrifter og navigasjon er en geometrisk humanistisk skrifttype, med tett bokstavavstand i store størrelser; -0,04em ved 80 piksler komprimerer overskriften til én enkelt, overbevisende blokk. Brukes for alle overskrifter, navigasjon og stor tekst.
- Inter — erstatning: system-ui · omriss 400, 500 · Sekundær brødtekst og brukergrensesnitttekst – brukes til små overskrifter, navigasjonselementer og innebygde lenker der en mer nøytral leserytme er ønsket. Kombineres med Open Runde for å skape hierarkisk kontrast.
Intervaller og form
| Hensikt | Betydning |
|---|---|
| Tetthet | tett |
| Grunnleggende trinn | 12-16px |
| Knapperadius | 100px |
| Kortradius | 18px |
| Skygger | ingen grenser i stedet for skygger |
| Mellom seksjoner | 80-120px |
| Sidebredde | 1200px |
AI vil bygge nettstedet ditt i Letters -stil og fylle det
- Fyll på med produkter og innlegg via lenken - Instagram, TikTok, Facebook.
- Overfør innhold fra det gamle nettstedet ditt – bare oppgi adressen.
- Moderne design på den beste søkemotoren: React ( Next.js) med serverrendering og SEO-optimalisering rett ut av boksen.
- Helautomatisk SEO-optimalisering for søkeresultater og anbefalinger fra nevrale nettverk.
Lignende stiler
- Integrated Biosciences — bioluminescenslaboratorium ved midnatt
- Mintlify — En skyhage over et glassbord. Den håndtegnede himmelen og dokumentaren er innrammet sammen – det eneste stedet hvor farge og konsept kolliderer før siden falmer inn i klosterhvitt.
- Gleap — Et arbeidsområde innredet i varme kremtoner med grafittaksenter – et studio hvor matte, svarte blekkprikker ser ut til å sveve over linarkitekturen.
- Render — Designet er laget av børstet aluminium. Grensesnittet føles som et rent, geometrisk ingeniørdokument – hvite områder, tynne linjer og en enkelt lilla linje som trekker oppmerksomheten mot handlingen.
- Grafbase — ingeniørtegning på kald marmor
- Slash — Midnattshvelv med forgylte bøker
- Modal — En fosforescerende terminal i et mørklagt serverrom – den eneste lyskilden er en lys grønn farge
- Whimsical — Rik plommeblekk på lavendelfarget bakgrunn – en kreativ studionotatbok som også fungerer som en teknisk tavle.
- AgentQL — Nordlys over terminalen om natten
- Alveos One — Et koselig tilfluktssted laget av elvesteiner – et stille, kremfarget meditasjonsrom hvor en enkelt grafittgjenstand hviler i en myk, ravfarget glød
- GitHub — Et romkommandopanel med bioluminescerende kontrollpunkter – et mørkt, atmosfærisk arbeidsområde der en enkelt grønn glød peker veien fremover.
- Buddy — En ingeniørtegning på millimeterpapir. Den hvite tegneflaten er merket med et knapt synlig rutenett, påført med nesten svart blekk, med fluorescerende limegrønne markeringer og iriserende gradientstrøk.