Telegram, WhatsApp+380637610482
Valery Danyuk
Valery DanyukdesenvolvedorDesenvolvemento de ferramentas de IA para empresas. Alta calidade. Asequible.Escribir en Telegram
Linear — unha vista previa dun sitio con este estilo

Linear

instrumento de precisión de medianoite

O sistema de deseño lineal é un centro de mando nocturno construído sobre superficies case negras (#08090a) con letras brancas nítidas e un único acento verde lima (#e4f222) que funciona como unha lanterna funcional: pequena, de alto contraste e usada con moderación para indicar accións. A interface trata a escuridade como unha base en lugar dun tema: o texto é dun branco nítido con espazado entre letras axustado (-0,022 em), os grosores das letras están no rango baixo de 400 a 510 en lugar de en negra, e os bordos son ultrafinos (0,5 px) para permitir que a xeometría faga o traballo que normalmente fan as sombras. Os compoñentes parecen elaborados con precisión (radios de 6 px e 12 px, marxes compactas de 8 a 12 px e unha falta case completa de elementos decorativos), o que permite que a interface de usuario do produto (tarxetas de tarefas, taboleiros Kanban, paneis de axentes de IA) sexa a única textura visual nun sistema que doutro xeito estaría tranquilo.

O deseño ten unha largura máxima de aproximadamente 1200 px, centrado, cun fondo escuro que se estende ata os bordos da ventá gráfica. O elemento principal é un título grande, aliñado á esquerda (64–72 px), emparellado cunha chamada á acción (CTA) aliñada á dereita, seguido dunha captura de pantalla grande do produto que se estende lixeiramente máis alá da largura máxima. O ritmo das seccións alterna entre composicións de dúas columnas con texto á esquerda e unha imaxe á dereita, e franxas de visualización de produtos de ancho completo separadas por liñas verticais de 96 px. A franxa co logotipo do cliente é unha única fila horizontal. A páxina nunca usa grellas de tarxetas de tres columnas nin estruturas en mosaico: a densidade de información segue sendo baixa, e a maioría das seccións usan amplo espazo en branco e un único elemento focal na pantalla. A navegación é unha barra superior fixa cun logotipo aliñado á esquerda e ligazóns aliñadas á dereita, sen barra lateral nin megamenú.

A linguaxe visual de Linear baséase en capturas de pantalla de produtos: as ilustracións do principio e das seccións son imaxes reais da interface de usuario da aplicación Linear, capturadas co máximo detalle (tarxetas de tarefas, taboleiros Kanban, paneis de axentes de IA, paletas de comandos) colocadas en marcos finos. Sen fotos de stock, sen imaxes de estilo de vida, sen ilustracións abstractas. Os logotipos móstranse como unha franxa gris neutra (#8a8f98) de tamaño uniforme para os clientes. As iconas son imaxes SVG lineais minimalistas nunha escala de grises monocromática. A captura de pantalla na parte superior da páxina flota sobre un sutil gradiente lineal (de escuro a claro), creando profundidade atmosférica sen usar paisaxes reais. Cada elemento visual é un elemento funcional do propio produto.

Paleta

Marca

  • Acid Lime #e4f222 — Os botóns de control principais e os indicadores de navegación activa son un acento brillante que rompe a combinación de cores monocromática.

Neutro

  • Mist #d0d6e0 — Títulos secundarios, texto de botóns en superficies escuras
  • Void #08090a — Lenzo da páxina, imaxe de fondo de ancho completo: por defecto, todos os elementos colócanse sobre este fondo.
  • Carbon #0f1011 — As superficies das tarxetas, as barras de navegación, están un paso por riba do lenzo para colocar contido dentro das tarxetas.
  • Obsidian #161718 — Superficies elevadas, paneis de cartón máis profundos
  • Graphite #23252a — Bordes sutís, separadores, contornos sutís de botóns: bordos texturizados de baixo contraste
  • Smoke #383b3f — Os bordos finos teñen un maior contraste que os separadores de seccións de grafito.

Tipografía

de 13 a 72 px · 8 pasos

  • Inter Variable — substitución: Inter (variable) · contornos 300, 400, 510, 590 · Idade de usuario principal e tipo de letra de cabeceira: úsase na navegación, no texto do corpo, nos cabeceiras, nos botóns e nas tarxetas.
  • Berkeley Mono — substitución: JetBrains Mono · contornos 400 · Texto da IU adxacente ao código: identificadores de versión (ENG-2703), atallos de teclado, metadatos de fonte monoespaciados

Intervalos e forma

PropósitoSignificado
Densidadeespazoso
Paso básico8px
Radio do botón6px
Radio da tarxeta12px
Sombrassen bordos en vez de sombras
Entre seccións96px
Largura da páxina1200px

A IA creará o teu sitio web ao estilo de Linear e o encherá

  • Enche con produtos e publicacións a través da ligazón: Instagram, TikTok, Facebook.
  • Transfire contido do teu sitio antigo: só tes que especificar o enderezo.
  • Deseño moderno no mellor motor: React ( Next.js) con renderización de servidor e optimización SEO listas para usar.
  • Optimización SEO totalmente automatizada para resultados de busca e recomendacións de redes neuronais.

Estilos semellantes

  • Aaru — Observatorio do Campo de Partículas á Medianoite
  • Atlas Card — A Bóveda de Medianoite, co seu único raio de zafiro, é unha extensión escura como a boca onde o único que importa é o azul eléctrico profundo.
  • Checkly — Centro de Control de Misións en Órbita Profunda
  • Savee — Lenzo negro para curadores visuais
  • Inngest — Un observatorio escuro e silencioso, equipado para traballar con instrumentos, iluminado por unha única luz piloto ámbar
  • Dala — unha constelación pairando sobre veludo negro
  • Origin Financial — Unha galería de opulencia silenciosa, de medianoite. Unha sala tranquila, case escura, onde grandes fontes con serifas e uns poucos paneis de cores iluminados crean a sensación de que as finanzas son unha obra de arte coidadosamente comisariada.
  • Hyperstudio — O deseño está gravado en obsidiana. Texto e liñas finas enmarcan un espazo branco de negro puro, con ocasionais marcas douradas de compás que indican o camiño.
  • Air — escultura "Ceo de medianoite a través do vidro"
  • Resend — terciopelo negro con cor neón púrpura
  • Raycast — Centro de Comando de Medianoite, Coral Neon
  • Dimension — unha estación de traballo iluminada ao anoitecer con paneis de vidro esmerilado