27192dd69f
Frontend redesign in progress: updated styles, layout, and components across all pages to align with new design system. Includes Jira API compliance specs, property tests, and load test script.
48 lines
1.8 KiB
HTML
48 lines
1.8 KiB
HTML
<!doctype html><html><head><meta charset="utf-8"><title>Brand</title><link rel="stylesheet" href="_card.css"><style>
|
|
.brand {
|
|
display: flex; align-items: center; gap: 12px;
|
|
padding: 14px 16px;
|
|
background: linear-gradient(135deg, rgba(30,41,59,0.95) 0%, rgba(51,65,85,0.9) 100%);
|
|
border: 1px solid rgba(14,165,233,0.30);
|
|
border-radius: 8px;
|
|
}
|
|
.brand-mark {
|
|
width: 36px; height: 36px; border-radius: 8px;
|
|
background: rgba(14,165,233,0.10); border: 1px solid rgba(14,165,233,0.4);
|
|
display: flex; align-items: center; justify-content: center;
|
|
color: var(--intel-accent-bright);
|
|
box-shadow: inset 0 1px 0 rgba(14,165,233,0.2), 0 0 12px rgba(14,165,233,0.15);
|
|
}
|
|
.brand-name {
|
|
font: 700 16px/1 var(--font-mono);
|
|
color: var(--intel-accent-bright);
|
|
text-transform: uppercase; letter-spacing: 0.10em;
|
|
text-shadow: var(--glow-heading);
|
|
}
|
|
.brand-sub {
|
|
font: 400 11px/1 var(--font-mono);
|
|
color: var(--text-muted); margin-top: 4px;
|
|
}
|
|
</style></head><body>
|
|
<div class="card">
|
|
<div class="brand">
|
|
<div class="brand-mark">
|
|
<svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor"
|
|
stroke-width="1.75" stroke-linecap="round" stroke-linejoin="round">
|
|
<rect x="3" y="2" width="18" height="20" rx="3"/>
|
|
<circle cx="12" cy="11" r="5.5"/>
|
|
<line x1="6.5" y1="11" x2="17.5" y2="11"/>
|
|
<line x1="12" y1="5.5" x2="12" y2="16.5"/>
|
|
<path d="M9.5 5.8C8.6 7.3 8 9 8 11s0.6 3.7 1.5 5.2"/>
|
|
<path d="M14.5 5.8C15.4 7.3 16 9 16 11s-0.6 3.7-1.5 5.2"/>
|
|
</svg>
|
|
</div>
|
|
<div>
|
|
<div class="brand-name">STEAM Security</div>
|
|
<div class="brand-sub">vulnerability management dashboard</div>
|
|
</div>
|
|
</div>
|
|
<div class="t-meta">Atlas globe-badge mark + uppercase mono wordmark with sky-blue glow.</div>
|
|
</div>
|
|
</body></html>
|