SAY HELLO
Let's talk.
Questions, ideas, or just want to say hi? I read every message.
Get in touch
Select a topic and we'll route your message to the right place.
Check your spam folder. Our responses sometimes end up there.
<style>
#bff-topbar {
width: 100%;
height: 44px;
margin: 0;
padding: 0 20px;
background-color: #0a0a0a;
display: flex;
align-items: center;
justify-content: center;
gap: 12px;
font-family: -apple-system, BlinkMacSystemFont, 'Inter', sans-serif;
font-size: 14px;
line-height: 1;
box-sizing: border-box;
}
#bff-topbar * {
margin: 0;
padding: 0;
box-sizing: border-box;
}
#bff-topbar .bff-badge {
color: #0a0a0a;
background-color: #fb923c;
font-weight: 600;
font-size: 11px;
letter-spacing: 0.02em;
padding: 4px 8px;
border-radius: 5px;
}
#bff-topbar .bff-text {
color: #ffffff;
font-weight: 500;
letter-spacing: -0.01em;
}
#bff-topbar .bff-sep {
color: rgba(255, 255, 255, 0.25);
}
#bff-topbar .bff-desc {
color: rgba(255, 255, 255, 0.6);
font-weight: 400;
}
#bff-topbar .bff-cta {
color: #fb923c;
font-weight: 500;
font-size: 14px;
text-decoration: none;
display: inline-flex;
align-items: center;
gap: 4px;
transition: color 0.2s ease;
}
#bff-topbar .bff-cta:hover {
color: #fdba74;
}
#bff-topbar .bff-cta svg {
width: 10px;
height: 10px;
fill: currentColor;
transition: transform 0.2s ease;
}
#bff-topbar .bff-cta:hover svg {
transform: translateX(2px);
}
@media (max-width: 600px) {
#bff-topbar {
gap: 10px;
padding: 0 16px;
}
#bff-topbar .bff-desc {
display: none;
}
#bff-topbar .bff-sep {
display: none;
}
}
@media (max-width: 400px) {
#bff-topbar {
height: 40px;
font-size: 13px;
}
#bff-topbar .bff-badge {
font-size: 10px;
padding: 3px 6px;
}
}
</style>
<div id="bff-topbar">
<span class="bff-badge">New</span>
<span class="bff-text">Bricksfusion Studio</span>
<span class="bff-sep">—</span>
<span class="bff-desc">€219 until Jan 31</span>
<a class="bff-cta" href="/pricing">
Get Started
<svg viewBox="0 0 320 512"><path d="M285.5 273L91.1 467.3c-9.4 9.4-24.6 9.4-33.9 0l-22.7-22.7c-9.4-9.4-9.4-24.5 0-33.9L188.5 256 34.5 101.3c-9.4-9.4-9.4-24.5 0-33.9l22.7-22.7c9.4-9.4 24.6-9.4 33.9 0L285.5 239c9.4 9.4 9.4 24.6 0 34z"/></svg>
</a>
</div>