
Linear
noktomeza preciza instrumento
La sistemo "Linear" estas nokta komandcentro konstruita sur preskaŭ nigraj surfacoj (#08090a) kun klara blanka tiparo kaj ununura kalkverda akcento (#e4f222), kiu funkcias kiel funkcia torĉlampo — malgranda, altkontrasta, kaj uzata ŝpareme por indiki agojn. La interfaco traktas mallumon kiel fundamenton anstataŭ temon: teksto estas klara blanka kun densa literinterspaco (-0.022em), tiparaj pezoj estas en la malalta gamo de 400–510 anstataŭ grasaj, kaj la randoj estas ultramaldikaj (0.5px) por lasi geometrion fari la laboron tipe faritan de ombroj. Komponantoj sentas sin precize kreitaj — radiusoj de 6px kaj 12px, kompaktaj marĝenoj de 8–12px, kaj preskaŭ kompleta manko de dekoraciaj elementoj — permesante al la produkta uzantinterfaco (taskokartoj, Kanban-tabuloj, paneloj de AI-agentoj) esti la sola vida teksturo en alie trankvila sistemo.
La aranĝo havas maksimuman larĝon de proksimume 1200 rastrumeroj, centrita, kun malhela fono etendiĝanta ĝis la randoj de la vidfenestro. La ĉefa elemento estas granda titolo, maldekstre vicigita (64–72 rastrumeroj), parigita kun dekstre vicigita alvoko al ago (CTA), sekvata de granda ekrankopio de la produkto, kiu etendiĝas iomete preter la maksimuma larĝo. La ritmo de la sekcioj alternas inter dukolumnaj komponaĵoj kun teksto maldekstre kaj bildo dekstre, kaj plenlarĝaj produktaj ekranstrioj apartigitaj per 96 rastrumeraj dekanaligiloj. La strio kun la emblemo de la kliento estas ununura horizontala vico. La paĝo neniam uzas trikolumnajn kartkradojn aŭ kahelitajn strukturojn - la informdenseco restas malalta, kun la plej multaj sekcioj uzantaj abundan blankan spacon kaj ununuran fokusan elementon sur la ekrano. La navigado estas fiksa supra breto kun maldekstre vicigita emblemo kaj dekstre vicigitaj ligiloj, sen flanka breto aŭ mega-menuo.
La vida lingvo de Linear baziĝas sur produktaj ekranfotoj: la ilustraĵoj komence kaj en la sekcioj estas realaj bildoj de la uzantinterfaco de la aplikaĵo Linear, kaptitaj en maksimuma detalo — taskokartoj, Kanban-tabuloj, paneloj de AI-agentoj, komandpaletroj — metitaj en maldike enkadrigitajn kadrojn. Neniuj provizfotoj, neniuj vivstilbildoj, neniuj abstraktaj ilustraĵoj. Logotipoj estas montrataj kiel neŭtrala griza strio (#8a8f98) de unuforma grandeco por klientoj. Ikonoj estas minimalistaj linearaj SVG-bildoj en monokromata griza skalo. La ekranfoto ĉe la supro de la paĝo flosas sur subtila lineara gradiento (de malhela al hela), kreante atmosferan profundon sen uzi realajn pejzaĝojn. Ĉiu vida elemento estas funkcia elemento de la produkto mem.
Paletro
Marko
- Acid Lime
#e4f222— La ĉefaj kontrolbutonoj kaj aktivaj navigaciaj indikiloj estas hela akcento, kiu rompas la monokromajn kolorskemojn.
Neŭtrala
- Mist
#d0d6e0— Duarangaj titoloj, butonteksto sur malhelaj surfacoj - Void
#08090a— Paĝkanvaso, plenlarĝa fonbildo - defaŭlte, ĉiuj elementoj estas metitaj sur ĉi tiun fonon. - Carbon
#0f1011— Kartaj surfacoj, navigaciaj stangoj, estas paŝo super la kanvaso por meti enhavon ene de kartoj. - Obsidian
#161718— Ŝvelintaj surfacoj, pli profundaj kartonaj paneloj - Graphite
#23252a— Subtilaj limoj, apartigiloj, subtilaj butonkonturoj - malalt-kontrastaj teksturitaj randoj - Smoke
#383b3f— Maldikaj randoj havas pli altan kontraston ol grafitaj sekciaj apartigiloj.
Tipografio
de 13 ĝis 72 rastrumeroj · 8 paŝoj
- Inter Variable — anstataŭaĵo: Inter (variable) · konturoj 300, 400, 510, 590 · Ĉefa uzantinterfaco kaj kaplinio - Uzataj en navigado, korpteksto, titoloj, butonoj kaj kartoj.
- Berkeley Mono — anstataŭaĵo: JetBrains Mono · konturoj 400 · Kod-apudaj uzantinterfacaj tekstoj - eldonidentigiloj (ENG-2703), klavarmallongigoj, unuspacaj tiparaj metadatenoj
Intervaloj kaj formo
| Celo | Signifo |
|---|---|
| Denseco | vasta |
| Baza paŝo | 8px |
| Butona radiuso | 6px |
| Karto-radiuso | 12px |
| Ombroj | ne - limoj anstataŭ ombroj |
| Inter sekcioj | 96px |
| Paĝlarĝo | 1200px |
AI konstruos vian retejon laŭ la stilo de Linear kaj plenigos ĝin
- Plenigu per produktoj kaj afiŝoj per la ligilo - Instagram, TikTok, Facebook.
- Transdonu enhavon de via malnova retejo — nur specifu la adreson.
- Moderna dezajno sur la plej bona motoro: React ( Next.js) kun servila bildigo kaj SEO-optimigo tuj uzeblaj.
- Plene aŭtomatigita SEO-optimigo por serĉrezultoj kaj rekomendoj pri neŭralaj retoj.
Similaj stiloj
- Aaru — Observatorio de Partikla Kampo ĉe Noktomezo
- Atlas Card — La Noktomeza Trezorejo, kun sia ununura safirblua radio, estas nigra vastaĵo kie la sola afero gravas estas la profunda elektra bluo.
- Checkly — Profunda Orbito Misikontrola Centro
- Savee — Nigra Kanvaso por Vidaj Kuratoroj
- Inngest — Malluma, trankvila observatorio, ekipita por labori kun instrumentoj, lumigita per ununura sukcena pilotflamo
- Dala — konstelacio ŝvebanta sur nigra veluro
- Origin Financial — Noktomeza galerio de kvieta lukso. Kvieta, preskaŭ malluma ĉambro, kie grandaj serifaj tiparoj kaj kelkaj lumigitaj koloraj paneloj kreas la senton, ke financo estas zorge elektita artaĵo.
- Hyperstudio — La desegno estas gratita en obsidianon. Teksto kaj fajnaj linioj enkadrigas blankan spacon de pura nigra, kun fojaj oraj kompasmarkoj indikantaj la vojon.
- Air — skulptaĵo "Noktomeza Ĉielo Tra Vitro"
- Resend — nigra veluro kun purpura neona koloro
- Raycast — Noktomeza Komandcentro, Koralruĝa Neono
- Dimension — krepusk-lumigita laborejo kun pruvitraj paneloj