Telegram, WhatsApp+380637610482
Valery Danyuk
Valery DanyukdesenvolupadorDesenvolupant eines d'IA per a empreses. Alta qualitat. Assequible.Escriure a Telegram
Linear — una vista prèvia d'un lloc web amb aquest estil

Linear

instrument de precisió de mitjanit

El sistema de disseny lineal és un centre de comandament nocturn construït sobre superfícies gairebé negres (#08090a) amb lletra blanca nítida i un únic accent verd llima (#e4f222) que funciona com una llanterna funcional: petita, d'alt contrast i utilitzada amb moderació per indicar accions. La interfície tracta la foscor com una base en lloc d'un tema: el text és d'un blanc nítid amb un espaiat entre lletres ajustat (-0,022 em), els pesos de la lletra es troben en el rang baix de 400 a 510 en lloc de negreta, i les vores són ultrafines (0,5 px) per permetre que la geometria faci la feina que normalment fan les ombres. Els components semblen elaborats amb precisió (radis de 6 px i 12 px, marges compactes de 8 a 12 px i una manca gairebé completa d'elements decoratius), cosa que permet que la interfície d'usuari del producte (targetes de tasques, taulers Kanban, panells d'agents d'IA) sigui l'única textura visual en un sistema que d'altra banda és tranquil.

El disseny té una amplada màxima d'aproximadament 1200 px, centrat, amb un fons fosc que s'estén fins a les vores de la finestra gràfica. L'element principal és un títol gran, alineat a l'esquerra (64–72 px), acompanyat d'una crida a l'acció (CTA) alineada a la dreta, seguit d'una captura de pantalla del producte gran que s'estén lleugerament més enllà de l'amplada màxima. El ritme de les seccions alterna entre composicions de dues columnes amb text a l'esquerra i una imatge a la dreta, i franges de visualització de productes d'amplada completa separades per marcs verticals de 96 px. La franja amb el logotip del client és una sola fila horitzontal. La pàgina mai utilitza quadrícules de targetes de tres columnes ni estructures en mosaic: la densitat d'informació es manté baixa, i la majoria de les seccions utilitzen un ampli espai en blanc i un únic element focal a la pantalla. La navegació és una barra superior fixa amb un logotip alineat a l'esquerra i enllaços alineats a la dreta, sense barra lateral ni megamenú.

El llenguatge visual de Linear es basa en captures de pantalla de productes: les il·lustracions del principi i de les seccions són imatges reals de la interfície d'usuari de l'aplicació Linear, capturades amb el màxim detall (targetes de tasques, taulers Kanban, quadres de comandament d'agents d'IA, paletes d'ordres) col·locades en marcs finament emmarcats. No hi ha fotos de stock, ni imatges d'estil de vida, ni il·lustracions abstractes. Els logotips es mostren com una franja grisa neutra (#8a8f98) de mida uniforme per als clients. Les icones són imatges SVG lineals minimalistes en una escala de grisos monocromàtica. La captura de pantalla a la part superior de la pàgina flota sobre un subtil gradient lineal (de fosc a clar), creant profunditat atmosfèrica sense utilitzar paisatges reals. Cada element visual és un element funcional del producte en si.

Paleta

Marca

  • Acid Lime #e4f222 — Els botons de control principals i els indicadors de navegació activa són un accent brillant que trenca l'esquema de colors monocromàtics.

Neutral

  • Mist #d0d6e0 — Encapçalaments secundaris, text de botons en superfícies fosques
  • Void #08090a — Lienç de la pàgina, imatge de fons d'amplada completa: per defecte, tots els elements es col·loquen sobre aquest fons.
  • Carbon #0f1011 — Les superfícies de les targetes, les barres de navegació, són un pas per sobre del llenç per col·locar contingut dins de les targetes.
  • Obsidian #161718 — Superfícies elevades, panells de cartró més profunds
  • Graphite #23252a — Vores subtils, separadors, contorns subtils de botons: vores texturitzades de baix contrast
  • Smoke #383b3f — Les vores primes tenen un contrast més alt que els separadors de seccions de grafit.

Tipografia

de 13 a 72 px · 8 passos

  • Inter Variable — reemplaçament: Inter (variable) · esquemes 300, 400, 510, 590 · Interfície d'usuari principal i tipus de lletra de capçalera: s'utilitza a la navegació, al text del cos, als encapçalaments, als botons i a les targetes.
  • Berkeley Mono — reemplaçament: JetBrains Mono · esquemes 400 · Text de la interfície d'usuari adjacent al codi: identificadors de versió (ENG-2703), dreceres de teclat, metadades de font monoespaiades

Intervals i forma

PropòsitSignificat
Densitatespaiós
Pas bàsic8px
Radi del botó6px
Radi de la targeta12px
Ombressense vores en comptes d'ombres
Entre seccions96px
Amplada de la pàgina1200px

La IA crearà el vostre lloc web a l'estil Linear i l'omplirà.

  • Omple amb productes i publicacions a través de l'enllaç: Instagram, TikTok, Facebook.
  • Transfereix contingut del teu lloc web antic; només cal que especifiquis l'adreça.
  • Disseny modern en el millor motor: React ( Next.js) amb renderització de servidor i optimització SEO des del primer moment.
  • Optimització SEO totalment automatitzada per a resultats de cerca i recomanacions de xarxes neuronals.

Estils similars

  • Aaru — Observatori de Camp de Partícules a Mitjanit
  • Atlas Card — La Volta de Mitjanit, amb el seu únic raig de safir, és una extensió negra com la boca on l'única cosa que importa és el blau elèctric profund.
  • Checkly — Centre de Control de Missió en Òrbita Profunda
  • Savee — Black Canvas per a curadors visuals
  • Inngest — Un observatori fosc i silenciós, equipat per treballar amb instruments, il·luminat per una única llum pilot de color ambre
  • Dala — una constel·lació flotant sobre vellut negre
  • Origin Financial — Una galeria de mitjanit d'opulència silenciosa. Una sala silenciosa, gairebé fosca, on grans fonts serif i uns quants panells de colors il·luminats creen la sensació que les finances són una obra d'art acuradament seleccionada.
  • Hyperstudio — El disseny està ratllat en obsidiana. El text i les línies fines emmarquen un espai blanc de negre pur, amb marques daurades de compàs ocasionals que indiquen el camí.
  • Air — escultura "Cel de mitjanit a través del vidre"
  • Resend — vellut negre amb color neó morat
  • Raycast — Centre de Comandament de Mitjanit, Coral Neon
  • Dimension — una estació de treball il·luminada al capvespre amb panells de vidre esmerilat