Walrus blob · mainnet
<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1.0">
<title>4443</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap">
<style>
:root{
--color-bg:#f8fafc;
--color-primary:#1e293b;
--color-accent:#3B82F6;
--color-text:#1e293b;
--color-text-muted:#64748b;
--color-surface:rgba(255,255,255,0.05);
--color-border:rgba(255,255,255,0.09);
--font-main:'Inter', sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-main);line-height:1.6;overflow-x:hidden}
nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:.9rem 2rem;display:flex;align-items:center;justify-content:space-between;background:rgba(0,0,0,.5);backdrop-filter:blur(20px);border-bottom:1px solid var(--color-border)}
.logo{font-size:1.1rem;font-weight:800;color:var(--color-primary);text-decoration:none}
.nav-links{display:flex;gap:2rem;list-style:none}
.nav-links a{color:var(--color-text-muted);text-decoration:none;font-size:.875rem;transition:color .2s}
.nav-links a:hover{color:var(--color-text)}
.btn-wallet{padding:.5rem 1.25rem;border-radius:999px;background:var(--color-primary);color:#000;font-weight:700;font-size:.85rem;border:none;cursor:pointer;text-decoration:none;transition:opacity .2s}
.btn-wallet:hover{opacity:.85}
/* HERO */
.hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:7rem 2rem 5rem;position:relative;overflow:hidden}
.hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0%,color-mix(in srgb,var(--color-primary) 20%,transparent),transparent 70%);pointer-events:none}
.ticker{font-size:clamp(4rem,12vw,10rem);font-weight:900;letter-spacing:-.04em;color:var(--color-primary);line-height:1;margin-bottom:.5rem;text-shadow:0 0 80px color-mix(in srgb,var(--color-primary) 40%,transparent)}
h1{font-size:clamp(1.5rem,3vw,2.25rem);font-weight:700;margin-bottom:1rem;letter-spacing:-.02em}
.hero-sub{font-size:1rem;color:var(--color-text-muted);max-width:520px;margin:0 auto 2.5rem}
.supply-badge{display:inline-block;padding:.5rem 1.25rem;border-radius:999px;border:1px solid var(--color-primary);color:var(--color-primary);font-size:.85rem;font-weight:600;margin-bottom:2.5rem}
.btns{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}
.btn-p{padding:.85rem 2rem;border-radius:999px;background:var(--color-primary);color:#000;font-weight:700;font-size:.95rem;border:none;cursor:pointer;text-decoration:none;transition:transform .2s}
.btn-p:hover{transform:translateY(-2px)}
.btn-s{padding:.85rem 2rem;border-radius:999px;background:transparent;color:var(--color-text);font-weight:600;font-size:.95rem;border:1px solid var(--color-border);cursor:pointer;text-decoration:none;transition:border-color .2s}
.btn-s:hover{border-color:var(--color-primary)}
/* STATS */
.stats{padding:2.5rem 2rem;border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border)}
.stats-row{max-width:900px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:2rem;text-align:center}
.stat-val{font-size:2.1rem;font-weight:800;color:var(--color-primary)}
.stat-lbl{font-size:.82rem;color:var(--color-text-muted);margin-top:.4rem}
/* TOKENOMICS */
.tokenomics{padding:5rem 2rem}
.sec-hd{text-align:center;max-width:580px;margin:0 auto 3rem}
.sec-hd h2{font-size:clamp(1.8rem,4vw,2.6rem);font-weight:800;margin-bottom:.6rem}
.sec-hd p{color:var(--color-text-muted)}
.toko-layout{max-width:900px;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:4rem;flex-wrap:wrap}
.donut-wrap{position:relative;flex-shrink:0}
.donut{width:220px;height:220px;border-radius:50%;background:conic-gradient(var(--color-primary) 0% 40%, var(--color-accent) 40% 60%, rgba(255,255,255,0.25) 60% 85%, rgba(255,255,255,0.12) 85% 100%);position:relative}
.donut::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:58%;height:58%;background:var(--color-bg);border-radius:50%}
.donut-label{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:1}
.donut-label strong{display:block;font-size:1.4rem;font-weight:800;color:var(--color-primary)}
.donut-label span{font-size:.7rem;color:var(--color-text-muted)}
.legend{display:flex;flex-direction:column;gap:1rem}
.legend-item{display:flex;align-items:center;gap:.75rem}
.legend-dot{width:12px;height:12px;border-radius:3px;flex-shrink:0}
.legend-name{font-size:.9rem;font-weight:600;min-width:100px}
.legend-pct{font-size:.9rem;color:var(--color-text-muted)}
/* ROADMAP */
.roadmap{padding:5rem 2rem;background:var(--color-surface)}
.timeline{max-width:700px;margin:0 auto;position:relative;padding-left:2rem}
.timeline::before{content:'';position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--color-border)}
.phase{position:relative;padding:0 0 2.5rem 2rem}
.phase:last-child{padding-bottom:0}
.phase-dot{position:absolute;left:-2rem;top:.35rem;width:14px;height:14px;border-radius:50%;background:var(--color-border);border:2px solid var(--color-bg);transform:translateX(-5px);transition:background .3s}
.phase.active .phase-dot{background:var(--color-primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--color-primary) 20%,transparent)}
.phase-label{font-size:.78rem;color:var(--color-primary);font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}
.phase h3{font-size:1.05rem;font-weight:700;margin-bottom:.5rem}
.phase ul{padding-left:1.1rem;color:var(--color-text-muted);font-size:.875rem}
.phase ul li{margin-bottom:.25rem}
/* BUY */
.buy{padding:5rem 2rem;text-align:center}
.buy h2{font-size:clamp(1.8rem,4vw,2.6rem);font-weight:800;margin-bottom:.6rem}
.buy p{color:var(--color-text-muted);margin-bottom:3rem}
.steps{max-width:800px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}
.step{padding:1.75rem;border-radius:1.25rem;border:1px solid var(--color-border);background:var(--color-surface)}
.step-num{width:40px;height:40px;border-radius:50%;background:var(--color-primary);color:#000;font-weight:800;font-size:1rem;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem}
.step h3{font-size:.95rem;font-weight:700;margin-bottom:.4rem}
.step p{font-size:.85rem;color:var(--color-text-muted)}
footer{padding:1.75rem 2rem;border-top:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem}
.foot-logo{font-weight:800;color:var(--color-primary)}
.socials{display:flex;gap:.75rem}
.socials a{width:34px;height:34px;border-radius:50%;border:1px solid var(--color-border);display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);text-decoration:none;font-size:.85rem;transition:all .2s}
.socials a:hover{border-color:var(--color-primary);color:var(--color-primary)}
.foot-copy{font-size:.78rem;color:var(--color-text-muted)}
@media(max-width:768px){.nav-links{display:none}.toko-layout{flex-direction:column}.btns{flex-direction:column;align-items:center}footer{flex-direction:column;text-align:center}}
</style>
</head>
<body>
<nav>
<a class="logo" href="#hero">4443</a>
<ul class="nav-links">
<li><a href="#tokenomics">Tokenomics</a></li>
<li><a href="#roadmap">Roadmap</a></li>
<li><a href="#buy">How to Buy</a></li>
<li><a href="/about">About</a></li>
</ul>
<a href="#buy" class="btn-wallet">Launch Token</a>
</nav>
<section id="hero" class="hero">
<div class="ticker">4443</div>
<h1>Community-driven token launch on Sui</h1>
<p class="hero-sub">4443 is a transparent, community-focused token launch platform built on the Sui blockchain. Empowering developers and investors with fair, decentralized token distribution mechanisms.</p>
<div class="supply-badge">Total Supply: $2.4M tokens</div>
<div class="btns">
<a href="#buy" class="btn-p">Launch Token</a>
<a href="#tokenomics" class="btn-s">Join Community</a>
</div>
</section>
<div class="stats">
<div class="stats-row">
<div><div class="stat-val">$2.4M</div><div class="stat-lbl">Total Raised</div></div><div><div class="stat-val">8,500+</div><div class="stat-lbl">Community Members</div></div><div><div class="stat-val">23</div><div class="stat-lbl">Successful Launches</div></div><div><div class="stat-val">0.2%</div><div class="stat-lbl">Platform Fee</div></div>
</div>
</div>
<section id="tokenomics" class="tokenomics">
<div class="sec-hd">
<h2>Tokenomics</h2>
<p>Transparent allocation designed for long-term growth</p>
</div>
<div class="toko-layout">
<div class="donut-wrap">
<div class="donut">
<div class="donut-label"><strong>4443</strong><span>Distribution</span></div>
</div>
</div>
<div class="legend">
<div class="legend-item"><div class="legend-dot" style="background:var(--color-primary)"></div><span class="legend-name">Community</span><span class="legend-pct">40%</span></div><div class="legend-item"><div class="legend-dot" style="background:var(--color-accent)"></div><span class="legend-name">Team</span><span class="legend-pct">20%</span></div><div class="legend-item"><div class="legend-dot" style="background:rgba(255,255,255,0.25)"></div><span class="legend-name">Ecosystem</span><span class="legend-pct">25%</span></div><div class="legend-item"><div class="legend-dot" style="background:rgba(255,255,255,0.12)"></div><span class="legend-name">Reserve</span><span class="legend-pct">15%</span></div>
</div>
</div>
</section>
<section id="roadmap" class="roadmap">
<div class="sec-hd">
<h2>Roadmap</h2>
<p>Our vision for the future</p>
</div>
<div class="timeline">
<div class="phase active">
<div class="phase-dot"></div>
<div class="phase-body">
<div class="phase-label">Q1 2025</div>
<h3>Platform Launch</h3>
<ul><li>Deploy core contracts on Sui mainnet</li><li>Launch first 5 token projects</li><li>Release community governance framework</li></ul>
</div>
</div>
<div class="phase ">
<div class="phase-dot"></div>
<div class="phase-body">
<div class="phase-label">Q2 2025</div>
<h3>Expansion Phase</h3>
<ul><li>Integrate advanced vesting mechanisms</li><li>Launch mobile app beta</li><li>Establish partnerships with 10+ projects</li></ul>
</div>
</div>
<div class="phase ">
<div class="phase-dot"></div>
<div class="phase-body">
<div class="phase-label">Q3 2025</div>
<h3>Feature Enhancement</h3>
<ul><li>Multi-chain bridge support</li><li>DAO treasury management tools</li><li>Educational academy launch</li></ul>
</div>
</div>
<div class="phase ">
<div class="phase-dot"></div>
<div class="phase-body">
<div class="phase-label">Q4 2025</div>
<h3>Ecosystem Growth</h3>
<ul><li>Enterprise launch packages</li><li>Secondary market integration</li><li>Global marketing campaign</li></ul>
</div>
</div></div>
</section>
<section id="buy" class="buy">
<h2>How to Buy 4443</h2>
<p>Get started in minutes</p>
<div class="steps">
<div class="step"><div class="step-num">1</div><h3>Create a Wallet</h3><p>Download Sui Wallet or any Sui-compatible wallet to get started.</p></div>
<div class="step"><div class="step-num">2</div><h3>Get SUI</h3><p>Buy SUI from any major exchange and transfer to your wallet.</p></div>
<div class="step"><div class="step-num">3</div><h3>Swap for 4443</h3><p>Use a DEX to swap SUI for 4443 tokens instantly.</p></div>
</div>
</section>
<footer>
<span class="foot-logo">4443</span>
<div class="socials">
<a href="https://twitter.com/4443sui" target="_blank"><svg viewBox="0 0 24 24" width="14" height="14" fill="currentColor"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></svg></a>
<a href="https://discord.gg/4443" target="_blank"><i class="fab fa-discord"></i></a>
<a href="https://t.me/4443community" target="_blank"><i class="fab fa-telegram"></i></a>
</div>
<span class="foot-copy">© 2025 4443. All rights reserved.</span>
</footer>
</body></html>On-chain registration not yet visible.
The aggregator served this blob, but we couldn't locate a matching BlobRegistered event in our scan window. It may not be certified yet, or live further back than we paged.
Lifecycle data is unavailable until the blob registration is visible on-chain.