Letters
En morgonbesök på en utomhusklinik – ett sterilt vitt bord under ett mjukt blått tak, beströdd med blå kirurgiska instrument
Letters är ett medicinskt brevskrivande verktyg som börjar med en tonad rubrik med öppen himmel – en mjuk, atmosfärisk blå rand som skapar en lugn, klinisk atmosfär – innan den övergår till en ren vit arbetsyta. Systemet är designat i en monokrom stil: en ren vit duk, nästan svart text (#070709), mörka pillerformade uppmaningar till handling och rundade kort som flyter på de subtilaste skuggorna. En enda klarblå färg (#2597d0) är reserverad för funktionell interpunktion – ikoner, mikrografik, vågformsspelare – som aldrig används för knappar eller stora fyllningar. Typografin använder Open Runde, en geometrisk humanistisk sans-serif med aggressivt negativt bokstavsavstånd vid större skärmstorlekar (-0,04 em vid 80px), vilket komprimerar rubrikerna till självsäkra block. Komponenterna känns lätta, som ett medicinskt instrument: tunna ramar, generöst kortavstånd, pillerformade knappar och en diskret användning av höjd som gör att den himmelformade rubriken kan göra det känslomässiga arbetet.
En himmelsblå tonad hemsida sträcker sig över hela sidans bredd, med en centrerad titel och undertext, och en uppmaningsknapp nedanför. Den övergår smidigt till ett vitt innehållsområde med generöst avstånd mellan sektionerna (80-120px). Featuresektioner använder ett tvåkolumnsrutnät med stora, rundade kort (18-32px radie) med lika stora proportioner. Sektionsrubriker är alltid centrerade, i en enda kolumn, ovanför kortrutnätet. Navigeringen är en fast vit övre stapel med ett centrerat kluster av länkar och högerjusterade inloggningsåtgärder. Den övergripande rytmen är en enda, atmosfärisk huvudrand, sedan alternerande vita och #f5f5f5 sektioner med konsekvent vertikalt andrum. Det finns ingen sidofält, ingen megameny, inga asymmetriska layouter – sidan känns som en lugn, symmetrisk kolumn.
Den visuella designen är nästan helt fokuserad på produktens användargränssnitt – inga livsstilsfoton, inga abstrakta 3D-renderingar. Det visuella språket är uppbyggt kring produktkort som visar appens ursprungliga gränssnitt: en "Före"- och "Efter"-jämförelse av dokument, ett laddningsområde med en prickad kant och en ljudspelare i form av en vågform. Det enda atmosfäriska visuella elementet är himmelgradienten i huvudbilden. Ikonerna är platta, enfärgade #2597d0-linjeikoner (kuvert, mikrofon, bockmarkering) med enhetliga linjetjocklekar, utan fyllda variationer. Illustrationsstilen är återhållsam: produktmodeller visas på en vit bakgrund, lätt roterade för att skapa djup, aldrig skarpt lutande. Ett handskrivet typsnitt (Doktorn) är det enda organiska/handgjorda elementet, som enbart används för att framkalla den kliniska handstilen på "Före"-kortet.
Palett
Stämpla
- Surgical Blue
#2597d0— Ikoner, en mikrofonikon, en ljudvågsspelare och små funktionella accenter skapar en enda kromatisk ton i hela gränssnittet.
Neutral
- Obsidian
#070709— Brödtexten, fyllda uppmaningsknappar och mörka gränssnittselement – nästan svarta – har valts istället för ren #000 för att mjuka upp kontrasten mot den vita bakgrunden. - Paper White
#ffffff— Sidbakgrunden, kortytorna och knapptexten är den huvudsakliga arbetsytan för alla avsnitt under huvudelementet. - Cloud Gray
#f5f5f5— Ytterligare kortytor och sektionsbakgrunder separerar funktionella block från huvudduken. - Sky Tint
#d7e6f5— Kartongramens nyans och den knappt märkbara blå tonen på ytan skapar en känsla av atmosfär snarare än gråhet. - Charcoal
#60606c— Primärtext, sekundärtext och dämpade ramar – en dominerande neutral färg för innehåll som inte är rubriker. - Slate
#8b8b8b— Mindre text och inaktiva gränsstater – används för att ange platser och säkerställa tillgänglighet för personer med funktionsnedsättning.
Typografi
från 12 till 80px · 8 steg
- sans-serif — ersättning: Inter · konturer 400, 700 · sans-serif - finns i den extraherade datan men beskrivs inte av AI:n.
- Open Runde — ersättning: Inter Tight · konturer 400, 500, 600, 700, 900 · Det primära teckensnittet för rubriker och navigering är ett geometriskt humanistiskt teckensnitt, med snävt bokstavsavstånd vid stora storlekar; -0,04 em vid 80px komprimerar rubriken till ett enda, tydligt block. Använd för alla rubriker, navigering och stor text.
- Inter — ersättning: system-ui · konturer 400, 500 · Sekundär brödtext och användargränssnittstext – används för små rubriker, navigeringselement och inbäddade länkar där en mer neutral läsrytm önskas. Kombineras med Open Runde för att skapa hierarkisk kontrast.
Intervaller och form
| Ändamål | Menande |
|---|---|
| Densitet | tät |
| Grundläggande steg | 12-16px |
| Knappradie | 100px |
| Kortradie | 18px |
| Skuggor | inga gränser istället för skuggor |
| Mellan sektioner | 80-120px |
| Sidbredd | 1200px |
AI kommer att bygga din webbplats i Letters -stil och fylla den
- Fyll på med produkter och inlägg via länken - Instagram, TikTok, Facebook.
- Överför innehåll från din gamla webbplats – ange bara adressen.
- Modern design på den bästa sökmotorn: React ( Next.js) med serverrendering och SEO-optimering direkt ur lådan.
- Helautomatisk SEO-optimering för sökresultat och rekommendationer för neurala nätverk.
Liknande stilar
- Integrated Biosciences — bioluminescenslab vid midnatt
- Mintlify — En molnträdgård ovanför ett glasbord. Den handritade himlen och dokumentären är inramade tillsammans – den enda platsen där färg och koncept möts innan sidan bleknar i klostervitt.
- Gleap — En arbetsplats inredd i varma krämfärgade toner med grafitfärgade accenter – en studio där mattsvarta bläckprickar tycks sväva ovanför linnearkitekturen.
- Render — Designen är gjord av borstad aluminium. Gränssnittet känns som ett rent, geometriskt ingenjörsdokument – vitt utrymme, tunna linjer och en enda lila linje som drar uppmärksamheten till handlingen.
- Grafbase — ingenjörsteckning på kall marmor
- Slash — Midnattsvalv med förgyllda böcker
- Modal — En fosforescerande terminal i ett mörklagt serverrum - den enda ljuskällan är en ljusgrön färg
- Whimsical — Rik plommonfärgad färg på lavendelfärgad bakgrund – en kreativ anteckningsbok som även fungerar som en teknisk whiteboardtavla.
- AgentQL — Norrsken över terminalen på natten
- Alveos One — En mysig tillflyktsort gjord av flodstenar – ett tyst, krämigt upplyst meditationsrum där ett enda grafitföremål vilar i ett mjukt bärnstensfärgat sken.
- GitHub — En rymdkommandopanel med bioluminescerande kontrollpunkter – en mörk, atmosfärisk arbetsyta där ett enda grönt sken pekar vägen framåt.
- Buddy — En teknisk ritning på rutat papper. Den vita ritningsytan är markerad med ett knappt synligt rutnät, applicerat i nästan svart bläck, med fluorescerande limegröna markeringar och skimrande gradientstreck.