精選 · 開放 · 免費

Superlog Sh

AI 驅動的 observability,能自動為生產環境事件生成修復 PR。

Developer ToolsAISaaSDark ModeProductivity
Superlog Sh 網站截圖
在 OpenDesign 中開啟

原站: https://superlog.sh/

01

設計氣質 DNA

observabilitybug-fixingcoding-agentengineering

一位不知疲倦的資深工程師,能偵測、分析並自主修復生產環境中的錯誤。

02

色彩

#485AE2Accent
#F5F5F6Ink
#8A8A8FInk soft
#141415BG
#232325BG soft
#5A5A60Muted
rgba(255,255,255,0.07)Line

使用深黑色與近白色的高對比度深色模式,並以單一電光藍色作為主要動作的強調色。

03

字型

humanist-sans · geometric-mono

04

間距

4px
8px
12px
16px
20px
24px
32px
48px
64px
96px

寬裕的垂直內邊距(32px-64px)分隔主要章節,而基礎的 8px 網格則管理元件間距。

05

表面 (圓角 / 陰影 / 邊線)

sm · 2px
md · 8px
lg · 12px
pill · 9999px

1px solid rgba(255,255,255,0.07)

0px 12px 30px rgba(0,0,0,0.24) · 0px 28px 100px rgba(0,0,0,0.65) · 0px 6px 14px -6px rgba(72,90,226,0.55)

06

版面

1280container
12columns
24pxgutter
768 / 1024breakpoints

居中的單欄佈局,配有充裕的邊距,並過渡至多欄網格以展示功能。

07

動效與互動

150msmicro
150mssmall
400msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing

互動元素上流暢的顏色與背景顏色過渡 · hover 狀態的縮放與變換效果

流暢的顏色轉換與透過 box-shadow 實現的細微高度變化。 · 細微的縮放變換或即時的視覺反饋。

08

組件

09

文案語氣與禁用清單

11

System Prompt

A modern developer tool landing page for Superlog, an AI-powered observability platform. The design is built on a deep, near-black dark mode (#141415) with high-contrast white text (#F5F5F6) and a single vibrant electric blue accent (#485AE2) for primary actions. Typography utilizes a clean humanist sans-serif for body and display text, paired with a geometric monospace font for terminal and code elements. The layout is spacious and centered, relying on generous vertical rhythm to separate sections. Key critical design constraints include avoiding light mode interfaces, rejecting playful or overly decorative typography, and maintaining high contrast between text and dark backgrounds. The aesthetic is refined, technical, and professional, emphasizing clarity and efficiency over visual flair, making it a perfect example of modern SaaS developer tooling design.

把這份品味接進你的 Agent

把這套設計的機器可讀規格——色彩、字體、動效,整套 DNA——直接交給你的 AI Agent。

OpenDesign 技能 ↗

en · zh-CN · zh-TW · ja · ko