Letters
En morgenaftale på en udendørs klinik – et sterilt hvidt bord under et blødt blåt loft, oversået med blå kirurgiske instrumenter
Letters er et værktøj til at skrive medicinske breve, der starter med en gradient åben himmel-overskrift – en blød, atmosfærisk blå stribe, der skaber en rolig, klinisk atmosfære – før den overgår til et rent, hvidt arbejdsområde. Systemet er designet i en monokrom stil: et rent hvidt lærred, næsten sort tekst (#070709), mørke pilleformede opfordringer til handling og afrundede kort, der flyder på de fineste skygger. En enkelt klar blå (#2597d0) er reserveret til funktionel tegnsætning – ikoner, mikrografik, bølgeformsafspillere – der aldrig bruges til knapper eller store udfyldninger. Typografien bruger Open Runde, en geometrisk humanistisk sans-serif med aggressiv negativ bogstavafstand ved større skærmstørrelser (-0,04 em ved 80px), som komprimerer overskrifterne til sikre blokke. Komponenterne føles lette, som et medicinsk instrument: tynde rammer, generøs kortafstand, pilleformede knapper og en diskret brug af elevation, der tillader den himmelformede overskrift at udføre det følelsesmæssige arbejde.
En himmelblå, gradienteret hjemmeside strækker sig over hele sidens bredde med en centreret titel og undertekst samt en call-to-action-knap nedenunder. Den overgår jævnt til et hvidt indholdsområde med generøs afstand mellem sektionerne (80-120px). Featuresektioner bruger et to-kolonne gitter af store, afrundede kort (radius 18-32px) med lige store proportioner. Sektionsoverskrifter er altid centreret i en enkelt kolonne over kortgitteret. Navigationen er en fast hvid øverste bjælke med en centreret klynge af links og højrejusterede loginhandlinger. Den overordnede rytme er en enkelt, atmosfærisk hovedstribe, derefter skiftevis hvide og #f5f5f5 sektioner med ensartet lodret åndedrætsrum. Der er ingen sidebjælke, ingen megamenu, ingen asymmetriske layouts – siden føles som en rolig, symmetrisk kolonne.
Det visuelle design er næsten udelukkende fokuseret på produktets brugergrænseflade – ingen livsstilsbilleder, ingen abstrakte 3D-gengivelser. Det visuelle sprog er bygget op omkring produktkort, der viser appens native brugerflade: en "Før"- og "Efter"-sammenligning af dokumenter, et indlæsningsområde med en stiplet kant og en lydafspiller i form af en bølgeform. Det eneste atmosfæriske visuelle element er himmelgradienten i hovedbilledet. Ikonerne er flade, ensfarvede #2597d0-linjeikoner (kuvert, mikrofon, flueben) med ensartede linjetykkelser uden udfyldte variationer. Illustrationsstilen er tilbageholdende: produktmodeller vises på en hvid baggrund, let roterede for at skabe dybde, aldrig skarpt vippet. En håndskrevet skrifttype (The Doctor) er det eneste organiske/håndlavede element, der udelukkende bruges til at fremkalde den kliniske håndskrift på "Før"-kortet.
Palet
Mærke
- Surgical Blue
#2597d0— Ikoner, et mikrofonikon, en lydbølgeafspiller og små funktionelle accenter skaber en enkelt kromatisk tone i hele brugerfladen.
Neutral
- Obsidian
#070709— Brødteksten, udfyldte call-to-action-knapper og mørke brugergrænsefladeelementer – næsten sort – er valgt i stedet for ren #000 for at blødgøre kontrasten mod den hvide baggrund. - Paper White
#ffffff— Sidens baggrund, kortoverflader og knaptekst er det primære lærred for alle sektioner under hovedelementet. - Cloud Gray
#f5f5f5— Yderligere kortoverflader og sektionsbaggrunde adskiller funktionelle blokke fra hovedlærredet. - Sky Tint
#d7e6f5— Paprammens skygge og den knap mærkbare blå tone på overfladen skaber en følelse af atmosfære snarere end gråhed. - Charcoal
#60606c— Primær tekst, sekundær tekst og dæmpede rammer - en dominerende neutral farve til indhold, der ikke er overskrifter. - Slate
#8b8b8b— Mindre tekst og inaktive grænsestater - bruges til at angive steder og sikre tilgængelighed for personer med handicap.
Typografi
fra 12 til 80px · 8 trin
- sans-serif — udskiftning: Inter · konturer 400, 700 · sans-serif - fundet i de udtrukne data, men ikke beskrevet af AI'en.
- Open Runde — udskiftning: Inter Tight · konturer 400, 500, 600, 700, 900 · Den primære skrifttype til overskrifter og navigation er en geometrisk humanistisk skrifttype med tæt bogstavafstand ved store størrelser; -0,04em ved 80px komprimerer overskriften til en enkelt, sikker blok. Bruges til alle overskrifter, navigation og stor tekst.
- Inter — udskiftning: system-ui · konturer 400, 500 · Sekundær brødtekst og brugergrænsefladetekst – bruges til små overskrifter, navigationselementer og indlejrede links, hvor en mere neutral læserytme ønskes. Kombineres med Open Runde for at skabe hierarkisk kontrast.
Intervaller og form
| Formål | Mening |
|---|---|
| Tæthed | tæt |
| Grundlæggende trin | 12-16px |
| Knapradius | 100px |
| Kortradius | 18px |
| Skygger | ingen grænser i stedet for skygger |
| Mellem sektioner | 80-120px |
| Sidebredde | 1200px |
AI vil bygge din hjemmeside i Letters -stil og udfylde den
- Fyld med produkter og opslag via linket - Instagram, TikTok, Facebook.
- Overfør indhold fra dit gamle websted – angiv blot adressen.
- Moderne design på den bedste søgemotor: React ( Next.js) med serverrendering og SEO-optimering lige fra starten.
- Fuldautomatiseret SEO-optimering til søgeresultater og anbefalinger til neurale netværk.
Lignende stilarter
- Integrated Biosciences — bioluminescenslaboratorium ved midnat
- Mintlify — En skyhave over et glasbord. Den håndtegnede himmel og dokumentaren er indrammet sammen – det eneste sted, hvor farve og koncept mødes, før siden falmer i klosterhvid.
- Gleap — Et arbejdsområde indrettet i varme cremefarvede toner med grafitfarvede accenter – et studie, hvor matte sorte blækprikker synes at svæve over linnedarkitekturen.
- Render — Designet er lavet af børstet aluminium. Brugerfladen føles som et rent, geometrisk ingeniørdokument – hvidt område, tynde linjer og en enkelt lilla linje, der henleder opmærksomheden på handlingen.
- Grafbase — Ingeniørtegning på kold marmor
- Slash — Midnatshvælving med forgyldte bøger
- Modal — En fosforescerende terminal i et mørklagt serverrum - den eneste lyskilde er en lys grøn farve
- Whimsical — Mættet blommefarvet blæk på en lavendelfarvet baggrund – en kreativ notesbog, der også fungerer som en teknisk whiteboard.
- AgentQL — Nordlys over terminalen om natten
- Alveos One — Et hyggeligt tilflugtssted lavet af flodsten – et stille, cremet oplyst meditationsrum, hvor en enkelt grafitgenstand hviler i en blød ravfarvet glød.
- GitHub — Et rumkommandopanel med bioluminescerende kontrolpunkter – et mørkt, atmosfærisk arbejdsområde, hvor en enkelt grøn glød peger vejen frem.
- Buddy — En ingeniørtegning på millimeterpapir. Den hvide tegneflade er markeret med et næsten usynligt gitter, påført med næsten sort blæk, med fluorescerende limegrønne markeringer og iriserende gradientstreger.