Telegram, WhatsApp+380637610482
Valery Danyuk
Valery DanyukontwikkelaarAI-tools ontwikkelen voor bedrijven. Hoogwaardig. Betaalbaar.Stuur een Telegram-bericht
Linear — een voorbeeld van een site in deze stijl

Linear

middernacht precisie-instrument

Het Linear-ontwerpsysteem is een nachtelijk commandocentrum gebouwd op bijna zwarte oppervlakken (#08090a) met helderwitte tekst en een enkel limoengroen accent (#e4f222) dat functioneert als een functionele zaklamp – klein, met hoog contrast en spaarzaam gebruikt om acties aan te duiden. De interface beschouwt duisternis als een basis in plaats van een thema: tekst is helderwit met een kleine letterafstand (-0,022em), lettertypegewichten liggen in het lage bereik van 400-510 in plaats van vetgedrukt, en randen zijn ultradun (0,5px) zodat geometrie het werk kan doen dat normaal gesproken door schaduwen wordt gedaan. Componenten voelen nauwkeurig vormgegeven aan – radii van 6px en 12px, compacte marges van 8-12px en een bijna volledige afwezigheid van decoratieve elementen – waardoor de product-UI (taakkaarten, Kanban-borden, AI-agentpanelen) de enige visuele textuur vormt in een verder rustig systeem.

De lay-out heeft een maximale breedte van ongeveer 1200px, gecentreerd, met een donkere achtergrond die doorloopt tot aan de randen van het scherm. Het hoofdelement is een grote koptekst, links uitgelijnd (64–72px), gecombineerd met een rechts uitgelijnde call-to-action (CTA), gevolgd door een grote productscreenshot die iets buiten de maximale breedte valt. Het ritme van de secties wisselt af tussen composities met twee kolommen, met tekst links en een afbeelding rechts, en productweergavestroken over de volledige breedte, gescheiden door verticale tussenruimtes van 96px. De strook met het logo van de klant bestaat uit één horizontale rij. De pagina maakt geen gebruik van rasters met drie kolommen of tegelstructuren – de informatiedichtheid blijft laag, waarbij de meeste secties veel witruimte en één centraal element op het scherm gebruiken. De navigatie bestaat uit een vaste bovenste balk met een links uitgelijnd logo en rechts uitgelijnde links, zonder zijbalk of megamenu.

De visuele taal van Linear is gebaseerd op productscreenshots: de illustraties aan het begin en in de secties zijn echte afbeeldingen van de gebruikersinterface van de Linear-app, vastgelegd met maximale detailnauwkeurigheid – taakkaarten, Kanban-borden, dashboards van AI-agenten, commandopaletten – geplaatst in dunne kaders. Geen stockfoto's, geen lifestyle-afbeeldingen, geen abstracte illustraties. Logo's worden weergegeven als een neutrale grijze streep (#8a8f98) van uniforme grootte voor klanten. Pictogrammen zijn minimalistische lineaire SVG-afbeeldingen in een monochrome grijsschaal. De screenshot bovenaan de pagina zweeft op een subtiel lineair verloop (van donker naar licht), waardoor een sfeervolle diepte ontstaat zonder gebruik te maken van echte landschappen. Elk visueel element is een functioneel onderdeel van het product zelf.

Palet

Merk

  • Acid Lime #e4f222 — De belangrijkste bedieningsknoppen en actieve navigatie-indicatoren vormen een helder accent dat het monochrome kleurenschema doorbreekt.

Neutrale

  • Mist #d0d6e0 — Secundaire kopjes, knoptekst op donkere oppervlakken
  • Void #08090a — Pagina-canvas, achtergrondafbeelding over de volledige breedte - standaard worden alle elementen op deze achtergrond geplaatst.
  • Carbon #0f1011 — Kaartoppervlakken, navigatiebalken, zijn een stapje hoger dan het canvas voor het plaatsen van inhoud binnen kaarten.
  • Obsidian #161718 — Verhoogde oppervlakken, diepere kartonnen panelen
  • Graphite #23252a — Subtiele randen, scheidingslijnen, subtiele knopcontouren – getextureerde randen met weinig contrast.
  • Smoke #383b3f — Dunne randen hebben een hoger contrast dan grafiet - sectiescheiders.

Typografie

van 13 tot 72px · 8 stappen

  • Inter Variable — vervanging: Inter (variable) · overzichten 300, 400, 510, 590 · Het primaire lettertype voor de gebruikersinterface en kopteksten - gebruikt in navigatie, hoofdtekst, kopteksten, knoppen en kaarten.
  • Berkeley Mono — vervanging: JetBrains Mono · overzichten 400 · Tekst in de gebruikersinterface naast de code - release-identificaties (ENG-2703), sneltoetsen, metadata van monospace-lettertypen

Intervallen en vorm

DoelBetekenis
Dikteruim
Basisstap8px
Knopradius6px
Kaartradius12px
Schaduwengeen randen in plaats van schaduwen
Tussen secties96px
Paginabreedte1200px

AI bouwt je website in de stijl Linear en vult deze in.

  • Vul het account aan met producten en berichten via de link - Instagram, TikTok, Facebook.
  • Neem de inhoud van je oude website over; geef gewoon het adres op.
  • Modern design op de beste engine: React ( Next.js) met server-side rendering en SEO-optimalisatie direct uit de doos.
  • Volledig geautomatiseerde SEO-optimalisatie voor zoekresultaten en aanbevelingen op basis van neurale netwerken.

Vergelijkbare stijlen

  • Aaru — Deeltjesveldobservatorium om middernacht
  • Atlas Card — De Midnight Vault, met zijn enkele saffierblauwe lichtstraal, is een pikzwarte ruimte waar alleen het diepe, elektrische blauw telt.
  • Checkly — Missiecontrolecentrum voor diepe baan
  • Savee — Zwart canvas voor visuele curatoren
  • Inngest — Een donker, stil observatorium, uitgerust voor het werken met instrumenten, verlicht door een enkel amberkleurig controlelampje.
  • Dala — een sterrenbeeld zwevend op zwart fluweel
  • Origin Financial — Een nachtelijke galerij van ingetogen weelde. Een stille, bijna donkere ruimte waar grote schreefletters en een paar verlichte, gekleurde panelen de indruk wekken dat de financiële wereld een zorgvuldig samengesteld kunstwerk is.
  • Hyperstudio — Het ontwerp is in obsidiaan gekrast. Tekst en fijne lijnen omlijsten een wit vlak van puur zwart, met hier en daar gouden kompasmarkeringen die de weg aangeven.
  • Air — sculptuur "Middernachtelijke hemel door glas"
  • Resend — zwart fluweel met paarse neonkleur
  • Raycast — Middernacht Commandocentrum, Koraal Neon
  • Dimension — een bij schemering verlichte werkplek met panelen van matglas