← Commit history

demo/nb.html: the nb wordmark page used in the hero vitrine

John Lauer ·bf1c3f46d9 ·3mo ago ·parent 8bcc958
1 file changed +17
demo/nb.htmladded+17
@@ -0,0 +1,17 @@+<!doctype html><meta charset="utf-8"><title>nb - Native Browser</title>+<style>+ html,body{margin:0;height:100%;background:#0a0e13;overflow:hidden}+ body{display:flex;align-items:center;justify-content:center;+      font-family:"Segoe UI Variable Display","Segoe UI",system-ui,-apple-system,sans-serif;color:#eef3f8}+ .wrap{text-align:center;transform:translateY(-2%)}+ .nb{font-size:34vw;font-weight:800;line-height:.82;letter-spacing:-.05em;+     background:linear-gradient(100deg,#00e6dc,#39b8ff 60%,#8c6bf7);+     -webkit-background-clip:text;background-clip:text;color:transparent;+     filter:drop-shadow(0 0 60px rgba(0,214,205,.18))}+ .sub{margin-top:.6rem;font-size:3.1vw;font-weight:600;letter-spacing:.34em;+      text-transform:uppercase;color:#9fb2c4}+ .glow{position:fixed;inset:0;background:+       radial-gradient(60% 50% at 50% 42%,rgba(0,214,205,.10),transparent 70%);pointer-events:none}+</style>+<div class="glow"></div>+<div class="wrap"><div class="nb">nb</div><div class="sub">native browser</div></div>