Migrated from Claude Design
This commit is contained in:
@@ -0,0 +1,31 @@
|
||||
<!DOCTYPE html>
|
||||
<!-- @dsCard group="Brand" name="Mono / Terminal Type" subtitle="IBM Plex Mono — terminal, logs, data" viewport="700x150" -->
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<link rel="stylesheet" href="../styles.css">
|
||||
<style>
|
||||
body { margin: 0; padding: 16px 20px; background: var(--bg-shell); }
|
||||
.block { margin-bottom: 14px; padding-bottom: 14px; border-bottom: 1px solid var(--border-subtle); }
|
||||
.block:last-child { border: none; margin: 0; padding: 0; }
|
||||
.label { font-family: var(--font-mono); font-size: 9px; color: var(--fg-muted);
|
||||
letter-spacing: 0.12em; text-transform: uppercase; margin-bottom: 5px; }
|
||||
.line { font-family: var(--font-mono); line-height: 1.7; font-size: 12px; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="block">
|
||||
<div class="label">IBM Plex Mono — terminal / build output</div>
|
||||
<div class="line" style="color:var(--green-bright)">$ cybersteel build --release</div>
|
||||
<div class="line" style="color:var(--fg-caption)"> compiling core [████████████] 100%</div>
|
||||
<div class="line" style="color:var(--fg-secondary)"> linking 1.4s</div>
|
||||
<div class="line" style="color:var(--gold-bright)"> BUILD COMPLETE — 0 errors · 0 warnings</div>
|
||||
</div>
|
||||
<div class="block">
|
||||
<div class="label">Log levels · timestamps · data values</div>
|
||||
<div class="line" style="color:var(--fg-secondary)">09:41:00 <span style="color:var(--blue-bright)">INFO </span> node-01 heartbeat OK · 2ms</div>
|
||||
<div class="line" style="color:var(--fg-secondary)">09:41:01 <span style="color:var(--orange-bright)">WARN </span> node-03 disk usage 84%</div>
|
||||
<div class="line" style="color:var(--fg-secondary)">09:41:02 <span style="color:var(--red-bright)">ERR </span> node-07 connection timeout</div>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user