Skip to content

Commit aa805a5

Browse files
jamestheakstonjamestheakston
authored
Created blog post for rebrand
1 parent 8fda228 commit aa805a5

1 file changed

Lines changed: 134 additions & 0 deletions

File tree

‎blog/rebrand.html‎

Lines changed: 134 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,134 @@
1+
<!DOCTYPE html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8">
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
6+
<title>Evolution: LinkStack is becoming LinkLayer | Blog</title>
7+
<script src="https://cdn.tailwindcss.com"></script>
8+
<script src="https://unpkg.com/feather-icons"></script>
9+
<style>
10+
.glass { background: rgba(255, 255, 255, 0.8); backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.1); }
11+
.gradient-text { background: linear-gradient(135deg, #6366f1 0%, #a855f7 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
12+
</style>
13+
</head>
14+
<body class="bg-slate-50 text-slate-900 font-sans antialiased">
15+
16+
<nav class="fixed top-0 w-full z-50 glass border-b border-slate-200 py-4 px-8 flex justify-between items-center">
17+
<div class="flex items-center gap-2 font-black text-2xl text-indigo-600 cursor-pointer" onclick="location.href='/'">
18+
<i data-feather="layers"></i><span>LinkStack</span>
19+
</div>
20+
<div class="flex items-center gap-4">
21+
<button onclick="location.href='/'" class="px-6 py-2 bg-indigo-600 text-white rounded-xl text-sm font-bold shadow-lg shadow-indigo-100 hover:scale-105 transition">Back to Home</button>
22+
</div>
23+
</nav>
24+
25+
<main class="pt-32 pb-20 px-6">
26+
<article class="max-w-3xl mx-auto">
27+
<header class="mb-12">
28+
<div class="flex items-center gap-3 mb-6">
29+
<span class="px-3 py-1 rounded-full bg-indigo-50 text-indigo-600 text-xs font-black uppercase tracking-widest">Company Update</span>
30+
<span class="text-slate-400 text-xs font-bold">January 30, 2026</span>
31+
</div>
32+
<h1 class="text-5xl md:text-6xl font-black mb-8 tracking-tighter leading-tight">
33+
Beyond the Stack: Why we are becoming <span class="gradient-text">LinkLayer.</span>
34+
</h1>
35+
<p class="text-xl text-slate-500 font-medium leading-relaxed">
36+
Today marks the beginning of a new chapter. We’re evolving our identity to clarify our presence and better reflect the infrastructure we’re building for creators.
37+
</p>
38+
</header>
39+
40+
<div class="aspect-video w-full bg-indigo-600 rounded-[2.5rem] mb-12 flex items-center justify-center text-white overflow-hidden relative">
41+
<div class="absolute inset-0 opacity-20">
42+
<svg width="100%" height="100%" xmlns="http://www.w3.org/2000/svg">
43+
<defs>
44+
<pattern id="grid" width="40" height="40" patternUnits="userSpaceOnUse">
45+
<path d="M 40 0 L 0 0 0 40" fill="none" stroke="currentColor" stroke-width="1"/>
46+
</pattern>
47+
</defs>
48+
<rect width="100%" height="100%" fill="url(#grid)" />
49+
</svg>
50+
</div>
51+
<div class="relative flex flex-col items-center gap-4 text-center px-4">
52+
<div class="flex items-center gap-4 text-3xl md:text-4xl font-black">
53+
<span>LinkStack</span>
54+
<i data-feather="arrow-right"></i>
55+
<span class="px-4 py-2 bg-white text-indigo-600 rounded-2xl shadow-xl">LinkLayer</span>
56+
</div>
57+
<p class="mt-4 font-bold text-indigo-100 tracking-widest uppercase text-sm">Coming April 15, 2026</p>
58+
</div>
59+
</div>
60+
61+
<div class="prose prose-slate prose-lg max-w-none space-y-8 text-slate-600 leading-relaxed">
62+
<p>
63+
When we launched <strong>LinkStack</strong>, our goal was simple: to help you organize your links in a single, beautiful "stack." However, as we’ve grown, it has become important for us to forge a unique path. Due to the existence of another platform also named LinkStack, we have decided to transition to a brand that is entirely our own.
64+
</p>
65+
66+
<h2 class="text-3xl font-black text-slate-900 tracking-tight">Evolving the Identity</h2>
67+
<p>
68+
This rebranding isn't just about avoiding confusion; it's about our future. A "stack" implies something static—a pile of items. A <strong>"layer"</strong> represents depth, foundation, and integration. LinkLayer represents our commitment to being the underlying infrastructure of your digital life.
69+
</p>
70+
71+
<div class="bg-white p-8 rounded-[2rem] border border-slate-100 shadow-sm my-12">
72+
<h3 class="text-xl font-bold text-slate-900 mb-6">Important Dates & Details</h3>
73+
<ul class="space-y-4">
74+
<li class="flex gap-3">
75+
<div class="w-6 h-6 rounded-full bg-indigo-50 text-indigo-600 flex-shrink-0 flex items-center justify-center mt-1">
76+
<i data-feather="calendar" class="w-4 h-4"></i>
77+
</div>
78+
<span class="text-sm"><strong>Official Launch:</strong> The transition will be complete on <strong>April 15, 2026</strong>.</span>
79+
</li>
80+
<li class="flex gap-3">
81+
<div class="w-6 h-6 rounded-full bg-emerald-50 text-emerald-600 flex-shrink-0 flex items-center justify-center mt-1">
82+
<i data-feather="globe" class="w-4 h-4"></i>
83+
</div>
84+
<span class="text-sm"><strong>New Domain:</strong> Our new home will be <code class="bg-slate-50 px-2 py-1 rounded">linklayer.pages.dev</code>.</span>
85+
</li>
86+
<li class="flex gap-3">
87+
<div class="w-6 h-6 rounded-full bg-emerald-50 text-emerald-600 flex-shrink-0 flex items-center justify-center mt-1">
88+
<i data-feather="check" class="w-4 h-4"></i>
89+
</div>
90+
<span class="text-sm"><strong>Automatic Redirects:</strong> All your current <code>link-stack.pages.dev</code> links will automatically redirect to the new domain.</span>
91+
</li>
92+
</ul>
93+
</div>
94+
95+
<h2 class="text-3xl font-black text-slate-900 tracking-tight">The Future is Layered</h2>
96+
<p>
97+
In the coming months, you'll see a refreshed interface that focuses on speed, accessibility, and modular design. We are introducing new "Layers" for e-commerce, real-time engagement, and verified credentials.
98+
</p>
99+
100+
<p>
101+
Thank you for being part of this journey. We can't wait to see what you build with <strong>LinkLayer</strong>.
102+
</p>
103+
104+
<div class="pt-12 border-t border-slate-100 flex items-center gap-6">
105+
<div class="relative">
106+
<div class="w-16 h-16 rounded-2xl bg-slate-100 flex items-center justify-center text-slate-400 border border-slate-200">
107+
<i data-feather="user" class="w-8 h-8"></i>
108+
</div>
109+
</div>
110+
<div>
111+
<h4 class="font-black text-lg text-slate-900 leading-none mb-1">James Theakston</h4>
112+
<p class="text-xs text-indigo-600 font-bold uppercase tracking-wider">Founder & CEO, LinkStack</p>
113+
</div>
114+
</div>
115+
</div>
116+
</article>
117+
</main>
118+
119+
<footer class="bg-white border-t border-slate-200 py-12 px-8">
120+
<div class="max-w-3xl mx-auto flex flex-col md:flex-row justify-between items-center gap-6">
121+
<div class="flex items-center gap-2 font-black text-xl text-indigo-600">
122+
<i data-feather="layers"></i><span>LinkStack</span>
123+
</div>
124+
<p class="text-slate-400 text-sm font-bold">© 2026 James Theakston</p>
125+
</div>
126+
</footer>
127+
128+
<script>
129+
window.onload = () => {
130+
feather.replace();
131+
};
132+
</script>
133+
</body>
134+
</html>

0 commit comments

Comments
 (0)