:root{
–bg:#fafafa;
–card:#ffffff;
–ink:#0a0a0a;
–muted:#5a5a5a;
–border:rgba(0,0,0,.10);
–shadow:0 10px 30px rgba(0,0,0,.06);
–radius-xl:28px;
–radius-lg:18px;
–max:1120px;
}
.nm-wrap{ background:linear-gradient(#fafafa,#fff 30%,#fafafa); color:var(–ink); }
.nm-container{ max-width:var(–max); margin:0 auto; padding:0 20px; width:100%; box-sizing:border-box; }
.nm-topbar{
position:sticky; top:0; z-index:50;
backdrop-filter:blur(10px);
background:rgba(255,255,255,.75);
border-bottom:1px solid var(–border);
}
.nm-topbar-inner{
height:64px; display:flex; align-items:center; justify-content:space-between; gap:16px;
}
.nm-brand{ display:flex; align-items:center; gap:10px; text-decoration:none; color:inherit; }
.nm-mark{ width:36px; height:36px; border-radius:14px; background:var(–ink); flex:0 0 auto; }
.nm-brand-sub{ font-size:11px; color:var(–muted); margin-top:2px; }
.nm-nav{ display:flex; align-items:center; gap:18px; }
.nm-nav a{ font-size:14px; color:#444; text-decoration:none; }
.nm-nav a:hover{ color:#000; }
@media (max-width:900px){ .nm-nav{ display:none; } }
.nm-btn{
display:inline-flex; align-items:center; justify-content:center; gap:10px;
padding:12px 16px; border-radius:16px;
border:1px solid var(–border);
background:var(–ink); color:#fff; font-weight:600;
cursor:pointer; text-decoration:none;
transition:transform .12s ease, opacity .12s ease;
font-size:14px;
}
.nm-btn:hover{ transform:translateY(-1px); opacity:.95; color:#fff; }
.nm-btn–ghost{ background:transparent; color:var(–ink); }
.nm-btn–ghost:hover{ color:var(–ink); }
.nm-section{ padding:72px 0; }
@media (max-width:767px){ .nm-section{ padding:56px 0; } }
.nm-h1{ font-size:clamp(34px,4vw,54px); line-height:1.05; letter-spacing:-0.02em; margin:0; }
.nm-h2{ font-size:clamp(24px,2.6vw,34px); line-height:1.1; letter-spacing:-0.02em; margin:0; }
.nm-p{ color:var(–muted); line-height:1.6; margin:0; }
.nm-card{
background:var(–card);
border:1px solid var(–border);
border-radius:var(–radius-xl);
box-shadow:var(–shadow);
}
.nm-row{ display:flex; flex-wrap:wrap; gap:10px; }
.nm-pill{
display:inline-flex; align-items:center; gap:8px;
border:1px solid var(–border);
background:rgba(255,255,255,.7);
padding:8px 12px; border-radius:999px;
font-size:12px; color:#1a1a1a;
}
.nm-grid-3{ display:grid; gap:12px; grid-template-columns:repeat(3,minmax(0,1fr)); }
@media (max-width:900px){ .nm-grid-3{ grid-template-columns:1fr; } }
.nm-mini{
padding:16px; border-radius:18px;
border:1px solid var(–border);
background:#fff;
box-shadow:0 8px 20px rgba(0,0,0,.05);
}
.nm-mini-v{ font-size:22px; font-weight:700; letter-spacing:-0.02em; }
.nm-mini-l{ font-size:13px; color:var(–muted); margin-top:2px; }
.nm-hero{ position:relative; overflow:hidden; }
.nm-blob{ position:absolute; inset:0; pointer-events:none; opacity:.7; z-index:0; }
.nm-blob:before{
content:””; position:absolute; left:50%; top:-120px;
width:760px; height:280px; transform:translateX(-50%);
background:#e9e9e9; filter:blur(50px); border-radius:999px;
}
.nm-blob:after{
content:””; position:absolute; right:-80px; bottom:-80px;
width:240px; height:240px; background:#f1f1f1;
filter:blur(40px); border-radius:999px;
}
.nm-hero-wrap{
display:grid; align-items:center; gap:40px;
grid-template-columns:1.1fr .9fr;
padding:72px 0 40px;
position:relative; z-index:1;
}
@media (max-width:900px){
.nm-hero-wrap{ grid-template-columns:1fr; padding:54px 0 26px; }
}
.nm-hero-img{
aspect-ratio:4/5; border-radius:32px;
border:1px solid var(–border);
background:#fff; box-shadow:var(–shadow);
position:relative; overflow:hidden;
display:flex; align-items:center; justify-content:center;
}
.nm-placeholder-img{
width:100%; height:100%;
background:linear-gradient(135deg,#f0f0f0,#e0e0e0);
display:flex; flex-direction:column; align-items:center; justify-content:center;
gap:12px; color:var(–muted);
}
.nm-placeholder-img span{ font-size:13px; }
.nm-hero-float{
position:absolute; left:-18px; bottom:24px;
width:220px; border-radius:24px;
background:#fff; border:1px solid var(–border);
box-shadow:var(–shadow); padding:14px;
}
@media (max-width:900px){ .nm-hero-float{ display:none; } }
.nm-badge{
display:inline-flex; align-items:center;
padding:7px 10px; border-radius:999px;
background:#f2f2f2; border:1px solid var(–border);
font-size:12px; color:#222;
}
.nm-product-card{ padding:22px; }
.nm-product-title{
display:flex; align-items:baseline; justify-content:space-between;
gap:12px; flex-wrap:wrap;
}
.nm-product-sub{ color:var(–muted); font-size:14px; }
.nm-list{ margin:16px 0 0; padding:0; list-style:none; }
.nm-list li{ display:flex; gap:10px; padding:7px 0; color:var(–muted); }
.nm-dot{ width:7px; height:7px; margin-top:9px; border-radius:999px; background:var(–ink); flex:0 0 auto; }
.nm-two{ display:grid; gap:22px; grid-template-columns:repeat(2,minmax(0,1fr)); }
@media (max-width:900px){ .nm-two{ grid-template-columns:1fr; } }
.nm-form{ display:flex; flex-wrap:wrap; gap:10px; align-items:center; margin-top:14px; }
.nm-input{
flex:1; min-width:220px;
border:1px solid var(–border);
border-radius:16px;
padding:12px 14px;
font-size:14px;
background:#fff;
box-sizing:border-box;
}
.nm-faq{ padding:10px 18px 18px; }
.nm-faq details{ border-bottom:1px solid var(–border); padding:12px 0; }
.nm-faq summary{ cursor:pointer; font-weight:600; }
.nm-faq p{ margin:10px 0 0; color:var(–muted); line-height:1.6; }
.nm-footer{ border-top:1px solid var(–border); padding:44px 0; }
.nm-footer-links{ display:flex; flex-wrap:wrap; gap:16px; }
.nm-footer-links a{ color:#444; text-decoration:none; }
.nm-footer-links a:hover{ color:#000; }
.nm-reveal{ opacity:0; transform:translateY(10px); transition:opacity .6s ease, transform .6s ease; }
.nm-reveal.nm-in{ opacity:1; transform:translateY(0); }
🌿 Real ingredients
🛡️ No synthetics
❤️ Made for runners
Fuel that feels clean.For miles that feel honest.
Naked Miles is a minimalist running gel built around ingredients you can pronounce. Designed in Melbourne for long runs, race day, and everything in between.
Add your product photo here
Tastes like
Lemon-bright. Not candy.
Citrus Honey Salt
Product (Drop 01) One clean, ingredient-led gel built for repeatability — not novelty.
Get launch details →
Lemon, Honey, Chia
Honest running fuel
60g sachet No synthetics No maltodextrin
Bright lemon profile with a clean finish Chia texture for a more sustained mouthfeel Electrolyte hint from sea salt
Why Naked Miles
We’re building the opposite of “mystery gel”. Minimal ingredients. Clear purpose. A flavour you’ll actually want at kilometre 28.
🌿 Real ingredients
Honey, citrus, chia + sea salt. No gimmicks.
⚡ Fast carbs
Straightforward energy without the chemistry vibes.
💧 Gentler feel
Simple formulas tend to sit better mid-run.
🛡️ No synthetics
Designed with a clean label in mind.
Designed for the messy middle
The moment in a run when taste matters as much as macros.
The brief
Fuel that’s simple enough to trust, pleasant enough to use.
The standard
Minimal label. Clean taste. No science-experiment feeling.
The promise
Honest running fuel — made to keep you moving.
Ingredient-led by design
Start simple, then earn complexity. A transparent recipe beats a long paragraph of additives.
Honey Lemon Chia Sea salt Water
Simple formula (example)
Swap in your final grams once locked.
Performance cues
Lemon + sea salt
Texture
Chia for body + sustained mouthfeel.
*Confirm food safety, shelf-life testing, and labelling compliance before sale.
Get early access
Limited first drops — run clubs, markets, and small online releases.
Join waitlist →
No spam. Just launch dates, tastings, and early drops.
FAQ The questions runners actually ask before they buy.
Is Naked Miles preservative-free? Shelf stability can be achieved through formulation and process rather than preservatives — final specs depend on manufacturing and testing.
How many grams per sachet? We’re targeting a 60g sachet that’s easy to open mid-run and sits well in a pocket or belt.
Is it vegan? Honey isn’t considered vegan. A vegan line later could use rice syrup/glucose syrup while keeping the same honest positioning.
Where is it made? Designed in Melbourne. Manufacturing location will be confirmed once we lock a co-packer and final process.
When can I buy it? Join the list — early drops will be limited and community-led (run clubs, markets, and small online releases).
(function(){
var y = document.getElementById(‘nm-year’);
if (y) y.textContent = new Date().getFullYear();
var els = document.querySelectorAll(‘.nm-reveal’);
if (!(‘IntersectionObserver’ in window) || !els.length) {
els.forEach(function(el){ el.classList.add(‘nm-in’); });
} else {
var io = new IntersectionObserver(function(entries){
entries.forEach(function(entry){ if (entry.isIntersecting) entry.target.classList.add(‘nm-in’); });
}, { threshold: 0.12 });
els.forEach(function(el){ io.observe(el); });
}
var w = document.getElementById(‘nm-waitlist-form’);
if
w.addEventListener(‘submit’, function(e){ e.preventDefault(); alert(“Thanks — you’re on the list!”); w.reset(); });
var c = document.getElementById(‘nm-contact-form’);
if (c) c.addEventListener(‘submit’, function(e){ e.preventDefault(); alert(“Message sent!”); c.reset(); });
})();
w.addEventListener(‘submit’, function(e){ e.preventDefault(); alert(“Thanks — you’re on the list!”); w.reset(); });
var c = document.getElementById(‘nm-contact-form’);
if (c) c.addEventListener(‘submit’, function(e){ e.preventDefault(); alert(“Message sent!”); c.reset(); });
})();
Naked Miles 