Interactive demo
See StorAxxS from both sides of the door.
Pick a perspective and click through a real flow — the convenience and security tenants feel, and the control that lets a facility run itself.
.sx-demo{--ink:#10202e; --ink-soft:#475467; --line:#e4e7e2; --bg:#f6f7f4; --surface:#ffffff;
--teal:#1d9e75; --teal-d:#0f6e56; --teal-bg:#e3f4ed;
--blue:#2e7dd1; --blue-d:#185fa5; --blue-bg:#e6f1fb;
--navy:#0e1b29; --radius:16px;}
.sx-demo,.sx-demo *{box-sizing:border-box}
.sx-demo{margin:0;padding:0}
.sx-demo{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:var(--ink);background:var(--bg);line-height:1.6;-webkit-font-smoothing:antialiased}
.sx-demo .wrap{max-width:1080px;margin:0 auto;padding:0 24px}
.sx-demo a{color:inherit}
.sx-demo nav{position:sticky;top:0;z-index:20;background:rgba(246,247,244,0.9);backdrop-filter:saturate(160%) blur(8px);border-bottom:1px solid var(--line)}
.sx-demo nav .wrap{display:flex;align-items:center;justify-content:space-between;height:64px}
.sx-demo .brand{display:flex;align-items:center;gap:10px;font-weight:600;letter-spacing:-0.01em;font-size:19px}
.sx-demo .brand .mark{width:30px;height:30px;border-radius:9px;background:var(--navy);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:15px}
.sx-demo .btn{display:inline-flex;align-items:center;gap:8px;border-radius:10px;padding:10px 16px;font-size:14px;font-weight:600;border:1px solid var(--line);background:var(--surface);color:var(--ink);cursor:pointer;text-decoration:none;transition:.15s}
.sx-demo .btn:hover{border-color:#cfd4cc}
.sx-demo .btn.primary{background:var(--navy);color:#fff;border-color:var(--navy)}
.sx-demo .btn.primary:hover{background:#16273a}
.sx-demo .hero{text-align:center;padding:64px 0 8px}
.sx-demo .eyebrow{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--teal-d);background:var(--teal-bg);padding:6px 12px;border-radius:999px}
.sx-demo h1{font-size:clamp(30px,5vw,48px);line-height:1.1;letter-spacing:-0.02em;margin:18px 0 12px;font-weight:700}
.sx-demo .lede{font-size:18px;color:var(--ink-soft);max-width:640px;margin:0 auto}
.sx-demo .picker{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:36px 0 8px}
.sx-demo .pick{position:relative;text-align:left;background:var(--surface);border:1.5px solid var(--line);border-radius:var(--radius);padding:22px;cursor:pointer;transition:.18s;overflow:hidden}
.sx-demo .pick:hover{transform:translateY(-2px);border-color:#cfd4cc;box-shadow:0 12px 30px -18px rgba(16,32,46,.35)}
.sx-demo .pick.active.tenant{border-color:var(--teal)}
.sx-demo .pick.active.staff{border-color:var(--blue)}
.sx-demo .pick .ic{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:14px}
.sx-demo .tenant .ic{background:var(--teal-bg);color:var(--teal-d)}
.sx-demo .staff .ic{background:var(--blue-bg);color:var(--blue-d)}
.sx-demo .pick h3{margin:0 0 4px;font-size:19px;font-weight:650}
.sx-demo .pick p{margin:0;color:var(--ink-soft);font-size:14px}
.sx-demo .pick .go{position:absolute;top:22px;right:22px;color:#b8bdb5;transition:.18s}
.sx-demo .pick:hover .go{color:var(--ink);transform:translateX(3px)}
.sx-demo .stage{margin:30px 0 10px;background:var(--surface);border:1px solid var(--line);border-radius:24px;padding:28px;display:grid;grid-template-columns:340px 1fr;gap:32px;align-items:center;min-height:520px}
.sx-demo .device-col{display:flex;align-items:center;justify-content:center}
.sx-demo .phone{width:300px;border:10px solid #1a1a1c;border-radius:40px;background:#000;overflow:hidden;box-shadow:0 30px 60px -30px rgba(16,32,46,.5)}
.sx-demo .phone .notch{height:26px;background:#1a1a1c;border-radius:0 0 16px 16px;width:120px;margin:0 auto}
.sx-demo .screen{background:var(--surface);min-height:520px;display:flex;flex-direction:column}
.sx-demo .scr-hero{height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;gap:12px;position:relative}
.sx-demo .scr-hero .vchip{position:absolute;bottom:12px;font-size:11px;background:rgba(255,255,255,.18);padding:4px 10px;border-radius:999px;letter-spacing:.04em}
.sx-demo .scr-body{padding:22px 20px 26px;flex:1;display:flex;flex-direction:column}
.sx-demo .scr-chip{font-size:12px;font-weight:700;letter-spacing:.02em}
.sx-demo .scr-body h4{margin:8px 0 8px;font-size:21px;font-weight:650;line-height:1.25}
.sx-demo .scr-body p{margin:0;color:var(--ink-soft);font-size:14px}
.sx-demo .scr-cta{margin-top:auto;text-align:center;color:#fff;font-weight:600;font-size:14px;padding:13px;border-radius:12px}
.sx-demo .dash{width:100%;max-width:560px;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 30px 60px -34px rgba(16,32,46,.5);background:var(--surface)}
.sx-demo .dash .bar{display:flex;align-items:center;gap:7px;padding:11px 14px;border-bottom:1px solid var(--line);background:#fbfcfb}
.sx-demo .dash .bar .d{width:9px;height:9px;border-radius:50%}
.sx-demo .dash .bar .t{font-size:12px;color:var(--ink-soft);margin-left:8px}
.sx-demo .dash .body{display:flex}
.sx-demo .dash .side{width:54px;background:#0e1b29;padding:16px 0;display:flex;flex-direction:column;align-items:center;gap:20px}
.sx-demo .dash .side svg{opacity:.55;color:#fff}
.sx-demo .dash .side svg.on{opacity:1;color:#5dcaa5}
.sx-demo .dash .main{flex:1;padding:18px 20px 22px;min-height:360px}
.sx-demo .stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:16px}
.sx-demo .stat{background:var(--bg);border-radius:10px;padding:11px 12px}
.sx-demo .stat .n{font-size:21px;font-weight:700;letter-spacing:-.01em}
.sx-demo .stat .l{font-size:11px;color:var(--ink-soft);margin-top:2px}
.sx-demo .panel h5{margin:0 0 4px;font-size:16px;font-weight:650}
.sx-demo .panel .sub{margin:0 0 14px;color:var(--ink-soft);font-size:13px}
.sx-demo .rows{display:flex;flex-direction:column;gap:8px}
.sx-demo .row{display:flex;align-items:center;justify-content:space-between;background:var(--bg);border-radius:10px;padding:10px 12px;font-size:13px}
.sx-demo .pill{font-size:11px;font-weight:700;padding:3px 9px;border-radius:999px}
.sx-demo .pill.ok{background:var(--teal-bg);color:var(--teal-d)}
.sx-demo .pill.warn{background:#fbeede;color:#854f0b}
.sx-demo .pill.lock{background:#fceaef;color:#993556}
.sx-demo .pill.live{background:var(--blue-bg);color:var(--blue-d)}
.sx-demo .copy .kicker{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.sx-demo .copy h2{font-size:30px;line-height:1.12;letter-spacing:-0.02em;margin:10px 0 14px;font-weight:700}
.sx-demo .copy p.big{font-size:17px;color:var(--ink-soft);margin:0 0 20px}
.sx-demo .benefit{display:flex;gap:12px;align-items:flex-start;background:var(--bg);border-radius:12px;padding:14px 16px}
.sx-demo .benefit svg{flex:none;margin-top:2px}
.sx-demo .benefit b{display:block;font-size:13px;letter-spacing:.02em;text-transform:uppercase;font-size:11px;font-weight:700;color:var(--ink-soft);margin-bottom:2px}
.sx-demo .benefit span{font-size:15px}
.sx-demo .controls{display:flex;align-items:center;gap:18px;margin-top:26px}
.sx-demo .nav-btn{width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:var(--surface);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.15s}
.sx-demo .nav-btn:hover{border-color:#cfd4cc;background:#fff}
.sx-demo .nav-btn:disabled{opacity:.4;cursor:default}
.sx-demo .dots{display:flex;gap:8px}
.sx-demo .dot{width:9px;height:9px;border-radius:50%;background:#d5d9d2;cursor:pointer;transition:.15s}
.sx-demo .dot.on{width:26px;border-radius:999px}
.sx-demo .stepn{margin-left:auto;font-size:13px;color:var(--ink-soft);font-variant-numeric:tabular-nums}
.sx-demo .strip{margin:48px 0 10px}
.sx-demo .strip h3{text-align:center;font-size:14px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-soft)}
.sx-demo .chips{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:18px}
.sx-demo .chips span{background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:8px 16px;font-size:14px;font-weight:550}
.sx-demo .cta{margin:56px 0;background:var(--navy);border-radius:24px;color:#fff;padding:48px;text-align:center}
.sx-demo .cta h2{font-size:30px;margin:0 0 8px;letter-spacing:-0.02em}
.sx-demo .cta p{margin:0 0 22px;color:#aebccb;font-size:16px}
.sx-demo .cta .btn.primary{background:var(--teal);border-color:var(--teal)}
.sx-demo .cta .btn.primary:hover{background:var(--teal-d)}
.sx-demo footer{text-align:center;padding:30px 0 50px;color:#9aa39a;font-size:13px}
@media (max-width:880px){.sx-demo .stage{grid-template-columns:1fr;gap:28px}
.sx-demo .picker{grid-template-columns:1fr}
.sx-demo .device-col{order:-1}}
→
I'm a tenant Effortless access and real visibility of my own unit.
→
I run a facility Manage every door, lock and camera from anywhere.
One platform, twelve reasons
Access that works for everyone
Sharing that drives longer tenancies
See everything, from anywhere
Three ways to connect, zero downtime
Security customers can see
Overlocking on autopilot
Enterprise-grade platform
Locally designed & supported
Plays nicely with your PMS
Built-in resilience
Future-proofed by design
Real OpEx savings
Ready to see it on your site?
Store safer. Store smarter. Built in Australia, backed in Australia.