
Linear
midnattspresisjonsinstrument
Det lineære designsystemet er et nattlig kommandosenter bygget på nesten svarte overflater (#08090a) med skarp hvit skrift og en enkelt limegrønn aksent (#e4f222) som fungerer som en funksjonell lommelykt – liten, med høy kontrast og brukt sparsomt for å indikere handlinger. Grensesnittet behandler mørke som et fundament snarere enn et tema: teksten er skarp hvit med tett bokstavavstand (-0,022 em), skrifttykkelsen er i det lave området 400–510 i stedet for fet skrift, og kantene er ultratynne (0,5 piksler) for å la geometrien gjøre jobben som vanligvis gjøres av skygger. Komponentene føles presist utformet – 6 piksler og 12 pikslers radius, kompakte marginer på 8–12 piksler og en nesten fullstendig mangel på dekorative elementer – noe som gjør at produktets brukergrensesnitt (oppgavekort, Kanban-tavler, AI-agentpaneler) er den eneste visuelle teksturen i et ellers rolig system.
Oppsettet har en maksimal bredde på omtrent 1200 piksler, sentrert, med en mørk bakgrunn som strekker seg til kantene av viewporten. Hovedelementet er en stor overskrift, venstrejustert (64–72 piksler), kombinert med en høyrejustert handlingsfremmende oppfordring (CTA), etterfulgt av et stort produktskjermbilde som strekker seg litt utover den maksimale bredden. Rytmen i seksjonene veksler mellom komposisjoner med to kolonner med tekst til venstre og et bilde til høyre, og produktvisningsstriper i full bredde atskilt med 96 piksler vertikale innbindingsmarginer. Stripen med klientens logo er en enkelt horisontal rad. Siden bruker aldri trekolonners kortrutenett eller flislagte strukturer – informasjonstettheten forblir lav, med de fleste seksjoner som bruker god hvit plass og et enkelt fokuselement på skjermen. Navigasjonen er en fast topplinje med en venstrejustert logo og høyrejusterte lenker, uten sidefelt eller megameny.
Linears visuelle språk er basert på skjermbilder av produktet: illustrasjonene i begynnelsen og i seksjonene er ekte bilder av Linear-appens brukergrensesnitt, fanget i maksimal detalj – oppgavekort, Kanban-tavler, AI-agentdashbord, kommandopaletter – plassert i tynt innrammede rammer. Ingen arkivbilder, ingen livsstilsbilder, ingen abstrakte illustrasjoner. Logoer vises som en nøytral grå stripe (#8a8f98) med ensartet størrelse for kunder. Ikoner er minimalistiske lineære SVG-bilder i en monokromatisk gråskala. Skjermbildet øverst på siden flyter på en subtil lineær gradient (fra mørk til lys), og skaper atmosfærisk dybde uten å bruke ekte landskap. Hvert visuelt element er et funksjonelt element i selve produktet.
Palett
Merke
- Acid Lime
#e4f222— Hovedkontrollknappene og indikatorene for aktiv navigasjon er en lys aksent som bryter det monokrome fargeskjemaet.
Nøytral
- Mist
#d0d6e0— Sekundære overskrifter, knappetekst på mørke overflater - Void
#08090a— Sidelerret, bakgrunnsbilde i full bredde – som standard plasseres alle elementer på denne bakgrunnen. - Carbon
#0f1011— Kortflater, navigasjonslinjer, er et trinn over lerretet for å plassere innhold i kort. - Obsidian
#161718— Hevede overflater, dypere papppaneler - Graphite
#23252a— Subtile rammer, skilletegn, diskré knappekonturer – teksturerte kanter med lav kontrast - Smoke
#383b3f— Tynne kanter har høyere kontrast enn grafitt – seksjonsseparatorer.
Typografi
fra 13 til 72 piksler · 8 trinn
- Inter Variable — erstatning: Inter (variable) · omriss 300, 400, 510, 590 · Primært brukergrensesnitt og topptekstskrift – brukes i navigasjon, brødtekst, overskrifter, knapper og kort.
- Berkeley Mono — erstatning: JetBrains Mono · omriss 400 · Kodetilstøtende UI-tekst - utgivelsesidentifikatorer (ENG-2703), hurtigtaster, metadata for monospace-skrifttyper
Intervaller og form
| Hensikt | Betydning |
|---|---|
| Tetthet | romslig |
| Grunnleggende trinn | 8px |
| Knapperadius | 6px |
| Kortradius | 12px |
| Skygger | ingen grenser i stedet for skygger |
| Mellom seksjoner | 96px |
| Sidebredde | 1200px |
AI vil bygge nettstedet ditt i Linear -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
- Aaru — Partikkelfeltobservatorium ved midnatt
- Atlas Card — Midnattshvelvet, med sin eneste safirstråle, er en beksvart vidde der det eneste som betyr noe er den dype elektriske blåfargen.
- Checkly — Kontrollsenter for dyp bane
- Savee — Svart lerret for visuelle kuratorer
- Inngest — Et mørkt, stille observatorium, utstyrt for arbeid med instrumenter, opplyst av en enkelt gul pilotlampe
- Dala — en konstellasjon som svever på svart fløyel
- Origin Financial — Et midnattsgalleri med stille overdådighet. Et stille, nesten mørkt rom hvor store serif-fonter og noen få opplyste fargede paneler skaper følelsen av at finans er et nøye kuratert kunstverk.
- Hyperstudio — Designet er risset inn i obsidian. Tekst og fine linjer rammer inn en hvit flate av ren svart, med sporadiske gylne kompassmerker som indikerer veien.
- Air — skulpturen «Midnattshimmel gjennom glass»
- Resend — svart fløyel med lilla neonfarge
- Raycast — Midnattskommandosenter, Coral Neon
- Dimension — en skumringsbelyst arbeidsstasjon med frostede glasspaneler