Preview · internal
Footer — 3 redesigns
Same link inventory across all three (Product, Privacy, Resources;
plus a fourth Company column in B). Same tagline and brand. The
differences are layout, HUD chrome, and breathing room. Pick one — e.g.
footer: B — and the winner replaces
packages/ui-site/src/patterns/Footer/Footer.astro
on the landing page.
Console Footer
CSS onlyTop sysline strip with a chartreuse pulse dot and lime meta tag. Brand block (wordmark · tagline · AES-256-GCM badge) sits in the first column at 1.6fr; three nav columns follow at 1fr each. Each nav title carries a `// 01` style mono prefix. Bottom rule + a build-meta readout (BUILD · REGION · SIGNAL). Outer 14×14 corner brackets on the whole footer. Subtle scanline texture overlay. Generous padding (3.5–5.5rem) so the footer breathes.
Mission Brief
CSS onlyTwo-row architecture. Top row splits 1:1 — left side has an oversized wordmark, tagline, and dual CTAs ("Try now free" + "View downloads →"); right side is a SYSTEMS panel of four bracketed status pills (E2E · COMPLIANCE · SOURCE · ANALYTICS=OFF). Middle row: four nav columns with underlined index headers. Bottom row: copyright + inline legal nav + lime SIG checksum. Heavy HUD chrome — every section reads as a deliberate panel.
Telemetry Tape
CSS · marqueeA scrolling marquee tape across the very top, 38s loop, cycles through four telemetry segments (build, encryption, compliance, posture). Below: brand block on the left (wordmark · tagline · four posture pills) and three narrow nav columns on the right. A second flight-deck readout strip at the very bottom carries copyright + region + signal + uptime + version. Compact total height but the marquee gives constant motion.