
Linear
middernag-presisie-instrument
Die Lineêre ontwerpstelsel is 'n nagtelike beheersentrum gebou op amper-swart oppervlaktes (#08090a) met skerp wit lettertipe en 'n enkele lemmetjiegroen aksent (#e4f222) wat funksioneer as 'n funksionele flitslig – klein, hoë-kontras, en spaarsamig gebruik om aksies aan te dui. Die koppelvlak behandel donkerte as 'n fondament eerder as 'n tema: teks is 'n skerp wit met stywe letterspasiëring (-0.022em), lettertipegewigte is in die lae 400–510-reeks eerder as vetdruk, en rande is ultradun (0.5px) om geometrie die werk te laat doen wat tipies deur skaduwees gedoen word. Komponente voel presies vervaardig – 6px en 12px radiusse, kompakte 8–12px marges, en 'n amper volledige gebrek aan dekoratiewe elemente – wat die produk-UI (taakkaarte, Kanban-borde, KI-agentpanele) toelaat om die enigste visuele tekstuur in 'n andersins kalm stelsel te wees.
Die uitleg het 'n maksimum breedte van ongeveer 1200px, gesentreer, met 'n donker agtergrond wat tot by die kante van die kykvenster strek. Die hoofelement is 'n groot opskrif, linksbelyn (64–72px), gepaard met 'n regsbelynde oproep tot aksie (CTA), gevolg deur 'n groot produkskermkiekie wat effens verder as die maksimum breedte strek. Die ritme van die afdelings wissel tussen tweekolom-komposisies met teks aan die linkerkant en 'n beeld aan die regterkant, en volwydte-produkvertoningsstroke geskei deur 96px vertikale geute. Die strook met die kliënt se logo is 'n enkele horisontale ry. Die bladsy gebruik nooit driekolom-kaartroosters of geteëlde strukture nie – inligtingsdigtheid bly laag, met die meeste afdelings wat ruim wit spasie en 'n enkele fokuselement op die skerm gebruik. Die navigasie is 'n vaste boonste balk met 'n linksbelynde logo en regsbelynde skakels, sonder 'n sybalk of mega-kieslys.
Linear se visuele taal is gebaseer op produkskermkiekies: die illustrasies aan die begin en in die afdelings is werklike beelde van die Linear-app se gebruikerskoppelvlak, vasgevang in maksimum detail – taakkaarte, Kanban-borde, KI-agent-dashboards, opdragpalette – geplaas in dun geraamde rame. Geen voorraadfoto's, geen leefstylbeelde, geen abstrakte illustrasies nie. Logo's word vertoon as 'n neutrale grys streep (#8a8f98) van eenvormige grootte vir kliënte. Ikone is minimalistiese lineêre SVG-beelde in 'n monochromatiese grys skaal. Die skermkiekie bo-aan die bladsy dryf op 'n subtiele lineêre gradiënt (van donker na lig), wat atmosferiese diepte skep sonder om werklike landskappe te gebruik. Elke visuele element is 'n funksionele element van die produk self.
Palet
Handelsmerk
- Acid Lime
#e4f222— Die hoofbeheerknoppies en aktiewe navigasie-aanwysers is 'n helder aksent wat die monochroom kleurskema breek.
Neutraal
- Mist
#d0d6e0— Sekondêre opskrifte, knoppieteks op donker oppervlaktes - Void
#08090a— Bladsydoek, agtergrondbeeld van volle breedte - standaard word alle elemente op hierdie agtergrond geplaas. - Carbon
#0f1011— Kaartoppervlaktes, navigasiebalke, is 'n stap bo die doek om inhoud binne kaarte te plaas. - Obsidian
#161718— Verhoogde oppervlaktes, dieper kartonpanele - Graphite
#23252a— Subtiele rande, skeiers, subtiele knoppie-omlynings – lae-kontras tekstuurrande - Smoke
#383b3f— Dun rande het 'n hoër kontras as grafiet - seksie-skeiers.
Tipografie
van 13 tot 72px · 8 stappe
- Inter Variable — vervanging: Inter (variable) · buitelyne 300, 400, 510, 590 · Primêre gebruikerskoppelvlak en koptekstlettertipe - Gebruik in navigasie, liggaamsteks, opskrifte, knoppies en kaarte.
- Berkeley Mono — vervanging: JetBrains Mono · buitelyne 400 · Kode-aangrensende UI-teks - vrystellingsidentifiseerders (ENG-2703), sleutelbordkortpaaie, monospace-lettertipemetadata
Intervalle en vorm
| Doel | Betekenis |
|---|---|
| Digtheid | ruim |
| Basiese stap | 8px |
| Knoppieradius | 6px |
| Kaartradius | 12px |
| Skaduwees | geen grense in plaas van skaduwees |
| Tussen afdelings | 96px |
| Bladsybreedte | 1200px |
KI sal jou webwerf in Linear -styl bou en dit vul
- Vul met produkte en plasings via die skakel - Instagram, TikTok, Facebook.
- Dra inhoud van jou ou webwerf oor – spesifiseer net die adres.
- Moderne ontwerp op die beste enjin: React ( Next.js) met bedienerweergawe en SEO-optimalisering reg uit die boks.
- Volledig outomatiese SEO-optimering vir soekresultate en neurale netwerkaanbevelings.
Soortgelyke style
- Aaru — Deeltjieveld-observatorium om middernag
- Atlas Card — Die Middernagkluis, met sy enkele saffierstraal, is 'n pikswart uitspansel waar die enigste ding wat saak maak die diep elektriese blou is.
- Checkly — Diepbaan-missiebeheersentrum
- Savee — Swart Doek vir Visuele Kurators
- Inngest — 'n Donker, stil observatorium, toegerus vir die werk met instrumente, verlig deur 'n enkele amberkleurige loodsliggie
- Dala — 'n sterrebeeld wat op swart fluweel sweef
- Origin Financial — 'n Middernaggalery van stil weelde. 'n Stil, amper donker kamer waar groot serif-lettertipes en 'n paar verligte gekleurde panele die gevoel skep dat finansies 'n sorgvuldig saamgestelde kunswerk is.
- Hyperstudio — Die ontwerp is in obsidiaan gekrap. Teks en fyn lyne raam 'n wit spasie van suiwer swart, met af en toe goue kompasmerke wat die pad aandui.
- Air — beeldhouwerk "Middernaglug Deur Glas"
- Resend — swart fluweel met pers neonkleur
- Raycast — Middernag-bevelsentrum, Coral Neon
- Dimension — 'n skemerverligte werkstasie met matglaspanele