Telegram, WhatsApp+380637610482
Valery Danyuk
Valery DanyukudviklerUdvikling af AI-værktøjer til virksomheder. Høj kvalitet. Overkommelige priser.Skriv på Telegram
Linear — en forhåndsvisning af et websted i denne stil

Linear

midnatspræcisionsinstrument

Det lineære designsystem er et natligt kommandocenter bygget på næsten sorte overflader (#08090a) med skarp hvid skrift og en enkelt limegrøn accent (#e4f222), der fungerer som en funktionel lommelygte – lille, med høj kontrast og brugt sparsomt til at indikere handlinger. Grænsefladen behandler mørke som et fundament snarere end et tema: teksten er skarp hvid med tæt bogstavafstand (-0,022em), skrifttykkelsen er i det lave område 400-510 snarere end fed, og rammerne er ultratynde (0,5px) for at lade geometrien udføre det arbejde, der typisk udføres af skygger. Komponenterne føles præcist udformede – 6px og 12px radier, kompakte 8-12px marginer og en næsten fuldstændig mangel på dekorative elementer – hvilket gør produktets brugergrænseflade (opgavekort, Kanban-tavler, AI-agentpaneler) til den eneste visuelle tekstur i et ellers roligt system.

Layoutet har en maksimal bredde på cirka 1200px, centreret, med en mørk baggrund, der strækker sig til kanterne af viewporten. Hovedelementet er en stor overskrift, venstrejusteret (64-72px), parret med en højrejusteret call to action (CTA), efterfulgt af et stort produktskærmbillede, der strækker sig lidt ud over den maksimale bredde. Rytmen i sektionerne skifter mellem kompositioner med to kolonner med tekst til venstre og et billede til højre, og produktvisningsstriber i fuld bredde adskilt af 96px lodrette indlægsmargener. Striben med klientens logo er en enkelt vandret række. Siden bruger aldrig kortgitre med tre kolonner eller flisebelagte strukturer - informationstætheden forbliver lav, hvor de fleste sektioner bruger rigelig hvid plads og et enkelt fokuselement på skærmen. Navigationen er en fast øverste bjælke med et venstrejusteret logo og højrejusterede links, uden en sidebjælke eller megamenu.

Linears visuelle sprog er baseret på produktskærmbilleder: Illustrationerne i begyndelsen og i sektionerne er ægte billeder af Linear-appens brugergrænseflade, fanget i maksimal detalje – opgavekort, Kanban-tavler, AI-agentdashboards, kommandopaletter – placeret i tyndt indrammede rammer. Ingen stockfotos, ingen livsstilsbilleder, ingen abstrakte illustrationer. Logoer vises som en neutral grå stribe (#8a8f98) af ensartet størrelse for kunderne. Ikonerne er minimalistiske lineære SVG-billeder i en monokromatisk gråskala. Skærmbilledet øverst på siden flyder på en subtil lineær gradient (fra mørk til lys), hvilket skaber atmosfærisk dybde uden at bruge ægte landskaber. Hvert visuelt element er et funktionelt element i selve produktet.

Palet

Mærke

  • Acid Lime #e4f222 — De vigtigste kontrolknapper og aktive navigationsindikatorer er en lys accent, der bryder det monokrome farveskema.

Neutral

  • Mist #d0d6e0 — Sekundære overskrifter, knaptekst på mørke overflader
  • Void #08090a — Sidelærred, baggrundsbillede i fuld bredde - som standard er alle elementer placeret mod denne baggrund.
  • Carbon #0f1011 — Kortoverflader, navigationslinjer, er et trin over lærredet til at placere indhold i kort.
  • Obsidian #161718 — Hævede overflader, dybere pappaneler
  • Graphite #23252a — Diskrete rammer, separatorer, diskrete knapkonturer – teksturerede kanter med lav kontrast
  • Smoke #383b3f — Tynde kanter har en højere kontrast end grafit - sektionsseparatorer.

Typografi

fra 13 til 72px · 8 trin

  • Inter Variable — udskiftning: Inter (variable) · konturer 300, 400, 510, 590 · Primær brugergrænseflade og headerskrifttype - Bruges i navigation, brødtekst, overskrifter, knapper og kort.
  • Berkeley Mono — udskiftning: JetBrains Mono · konturer 400 · Kodetilstødende brugergrænsefladetekst - udgivelsesidentifikatorer (ENG-2703), tastaturgenveje, metadata for monospace-skrifttyper

Intervaller og form

FormålMening
Tæthedrummelig
Grundlæggende trin8px
Knapradius6px
Kortradius12px
Skyggeringen grænser i stedet for skygger
Mellem sektioner96px
Sidebredde1200px

AI vil bygge din hjemmeside i Linear -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

  • Aaru — Partikelfeltobservatorium ved midnat
  • Atlas Card — Midnatshvælvet, med sin eneste safirstråle, er en kulsort vidde, hvor det eneste, der betyder noget, er den dybe elektriske blå.
  • Checkly — Kontrolcenter for dyb bane
  • Savee — Sort lærred til visuelle kuratorer
  • Inngest — Et mørkt, stille observatorium, udstyret til arbejde med instrumenter, oplyst af en enkelt ravgul pilotlampe
  • Dala — en konstellation svævende på sort fløjl
  • Origin Financial — Et midnatsgalleri af stille overdådighed. Et stille, næsten mørkt rum, hvor store serif-skrifttyper og et par oplyste farvede paneler skaber følelsen af, at finans er et omhyggeligt kurateret kunstværk.
  • Hyperstudio — Designet er ridset ind i obsidian. Tekst og fine linjer indrammer et hvidt område af ren sort, med lejlighedsvise gyldne kompasmærker, der viser vejen.
  • Air — skulptur "Midnatshimlen gennem glas"
  • Resend — sort fløjl med lilla neonfarve
  • Raycast — Midnatskommandocenter, Coral Neon
  • Dimension — en arbejdsstation oplyst i skumringen med matteret glas