
Linear
midnattsprecisionsinstrument
Det linjära designsystemet är en nattlig kommandocentral byggd på nästan svarta ytor (#08090a) med skarp vit text och en enda limegrön accent (#e4f222) som fungerar som en funktionell ficklampa – liten, med hög kontrast och används sparsamt för att indikera handlingar. Gränssnittet behandlar mörker som en grund snarare än ett tema: texten är skarp vit med snävt bokstavsavstånd (-0,022 em), teckensnittsvikterna ligger i det låga intervallet 400–510 snarare än fetstilta, och kantlinjerna är ultratunna (0,5 px) för att låta geometrin göra det arbete som vanligtvis görs av skuggor. Komponenterna känns exakt utformade – 6px och 12px radier, kompakta 8–12px marginaler och en nästan fullständig avsaknad av dekorativa element – vilket gör att produktens användargränssnitt (uppgiftskort, Kanban-tavlor, AI-agentpaneler) är den enda visuella texturen i ett annars lugnt system.
Layouten har en maximal bredd på cirka 1200 pixlar, centrerad, med en mörk bakgrund som sträcker sig till kanterna av visningsområdet. Huvudelementet är en stor rubrik, vänsterjusterad (64–72 pixlar), i kombination med en högerjusterad uppmaning till handling (CTA), följt av en stor produktskärmdump som sträcker sig något bortom den maximala bredden. Rytmen i avsnitten växlar mellan tvåkolumnskompositioner med text till vänster och en bild till höger, och produktvisningsremsor i full bredd separerade av 96 pixlar vertikala rännor. Remsan med kundens logotyp är en enda horisontell rad. Sidan använder aldrig trekolumnsrutnät eller kaklade strukturer – informationstätheten förblir låg, där de flesta avsnitt använder gott om vitt utrymme och ett enda fokuselement på skärmen. Navigeringen är en fast övre bar med en vänsterjusterad logotyp och högerjusterade länkar, utan sidofält eller megameny.
Linears visuella språk är baserat på produktskärmdumpar: illustrationerna i början och i avsnitten är verkliga bilder av Linear-appens användargränssnitt, fångade i maximal detalj – uppgiftskort, Kanban-tavlor, AI-agentdashboards, kommandopaletter – placerade i tunt inramade ramar. Inga stockbilder, inga livsstilsbilder, inga abstrakta illustrationer. Logotyper visas som en neutral grå rand (#8a8f98) av enhetlig storlek för kunderna. Ikonerna är minimalistiska linjära SVG-bilder i en monokromatisk gråskala. Skärmdumpen högst upp på sidan flyter på en subtil linjär gradient (från mörkt till ljust), vilket skapar atmosfäriskt djup utan att använda verkliga landskap. Varje visuellt element är ett funktionellt element i själva produkten.
Palett
Stämpla
- Acid Lime
#e4f222— De viktigaste kontrollknapparna och indikatorerna för aktiv navigation är en ljus accent som bryter det monokroma färgschemat.
Neutral
- Mist
#d0d6e0— Sekundära rubriker, knapptext på mörka ytor - Void
#08090a— Sidduk, bakgrundsbild i full bredd – som standard placeras alla element på denna bakgrund. - Carbon
#0f1011— Kortytor, navigeringsfält, är ett steg ovanför arbetsytan för att placera innehåll inuti kort. - Obsidian
#161718— Upphöjda ytor, djupare kartongpaneler - Graphite
#23252a— Subtila ramar, avgränsare, diskreta knappkonturer – texturerade kanter med låg kontrast - Smoke
#383b3f— Tunna kanter har högre kontrast än grafit - sektionsavgränsare.
Typografi
från 13 till 72px · 8 steg
- Inter Variable — ersättning: Inter (variable) · konturer 300, 400, 510, 590 · Primärt användargränssnitt och rubrikteckensnitt – Används i navigering, brödtext, rubriker, knappar och kort.
- Berkeley Mono — ersättning: JetBrains Mono · konturer 400 · Kodanslutande UI-text - versionsidentifierare (ENG-2703), kortkommandon, metadata för monospace-teckensnitt
Intervaller och form
| Ändamål | Menande |
|---|---|
| Densitet | rymlig |
| Grundläggande steg | 8px |
| Knappradie | 6px |
| Kortradie | 12px |
| Skuggor | inga gränser istället för skuggor |
| Mellan sektioner | 96px |
| Sidbredd | 1200px |
AI kommer att bygga din webbplats i Linear -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
- Aaru — Partikelfältsobservatoriet vid midnatt
- Atlas Card — Midnattsvalvet, med sin enda safirstråle, är en becksvart vidd där det enda som spelar roll är den djupa elektriska blå färgen.
- Checkly — Kontrollcenter för djup omloppsbana
- Savee — Svart duk för visuella kuratorer
- Inngest — Ett mörkt, tyst observatorium, utrustat för arbete med instrument, upplyst av en enda gulfärgad pilotlampa
- Dala — en stjärnbild som svävar på svart sammet
- Origin Financial — Ett midnattsgalleri av tyst överdådighet. Ett tyst, nästan mörkt rum där stora serif-typsnitt och några upplysta färgade paneler skapar känslan av att finans är ett noggrant utvalt konstverk.
- Hyperstudio — Mönstret är graverat i obsidian. Text och fina linjer ramar in ett vitt område av rent svart, med enstaka gyllene kompassmärken som visar vägen.
- Air — skulpturen "Midnattshimmel genom glas"
- Resend — svart sammet med lila neonfärg
- Raycast — Midnattskommandocentralen, Coral Neon
- Dimension — en arbetsplats upplyst i skymningen med frostade glaspaneler