diff --git a/design-system/styleguide.html b/design-system/styleguide.html index 566c997..fa59d0f 100644 --- a/design-system/styleguide.html +++ b/design-system/styleguide.html @@ -100,11 +100,11 @@ .black-square { width: 64px; height: 64px; background: var(--brand-black); } /* Logo Lockup — The Trinity */ - .logo-lockup { display: flex; gap: 20px; align-items: center; } - .logo-lockup-square { width: 72px; height: 72px; background: var(--brand-black); flex-shrink: 0; } - .logo-lockup-text { display: flex; flex-direction: column; gap: 4px; } - .logo-lockup-wordmark { font-family: var(--font-family); font-size: 28px; font-weight: var(--wordmark-weight); letter-spacing: var(--wordmark-spacing); text-transform: uppercase; color: var(--brand-accent); line-height: 1; } - .logo-lockup-tagline { font-size: 14px; color: var(--text-secondary); letter-spacing: 0.02em; } + .logo-lockup { display: inline-flex; gap: 20px; align-items: stretch; } + .logo-lockup-square { width: 96px; height: 96px; background: var(--brand-black); flex-shrink: 0; } + .logo-lockup-text { display: flex; flex-direction: column; justify-content: space-between; height: 96px; padding: 8px 0 10px; } + .logo-lockup-wordmark { font-family: var(--font-family); font-size: 56px; font-weight: var(--wordmark-weight); letter-spacing: var(--wordmark-spacing); text-transform: uppercase; color: var(--brand-accent); line-height: 1; } + .logo-lockup-tagline { font-size: 12px; font-weight: 500; color: var(--text-tertiary); letter-spacing: 0.18em; text-transform: uppercase; line-height: 1; } /* Colors */ .color-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(140px, 1fr)); gap: 16px; } @@ -236,7 +236,7 @@
CLAVITOR
-
Black-box credential issuance for AI infrastructure
+
Black-box credential issuance

@@ -366,3 +366,4 @@ +>