Ongoing Support
Your digital journey doesn't end at launch. We're here for the long haul with dedicated support.
Websites
Engineered
for Growth.
Websites
Engineered
for Growth.
Websites
Engineered
for Growth.
Websites
Engineered
for Growth.
Websites
Engineered
for Growth.
Websites
Engineered
for Growth.
Websites
Engineered
for Growth.
Websites
Engineered
for Growth.
01Open fieldSubtle WebGL
Good company. Shared ambition.
Distinct by design.Built to move you.
We bring brand, code and motion together to make digital experiences that feel like you. These are some of the people we've built with.
Selected collaborations
- Adidas
- Siemens
- Deutsche Bahn
- Plail
- Futureneers
- Wavesix Labs
A little movement. A lasting impression.
40+ more collaborations
02The atelierSubtle WebGL
A shared practice
Your ambition.Our obsession.
From the first sketch to the final interaction, design and engineering work at the same table. Good things happen in that overlap.
Selected collaborations
- Adidas
- Siemens
- Deutsche Bahn
- Plail
- Futureneers
- Wavesix Labs
Made in close collaboration.
40+ more collaborations
03In good companySubtle WebGL
Built together
Different worlds.The same care.
New ventures. Established names. We give every collaboration the same attention to what makes it different.
Selected collaborations
- Adidas
- Siemens
- Deutsche Bahn
- Plail
- Futureneers
- Wavesix Labs
Small details carry the whole experience.
40+ more collaborations
04Human judgmentType + motion
Our point of view / 01
AI expands the possible.Taste makes it matter.
We use AI to explore further. Then we question, edit and build with care. The tools keep changing. Our responsibility for the work stays human.
Selected collaborations
- Adidas
- Siemens
- Deutsche Bahn
- Plail
- Futureneers
- Wavesix Labs
Human judgment. All the way through.
40+ more collaborations
05One practiceType + motion
Our point of view / 02
Design.Engineering.One practice.
We think in interfaces and build in code. AI helps us test ideas sooner, so we can spend more time on the details people actually feel.
Selected collaborations
- Adidas
- Siemens
- Deutsche Bahn
- Plail
- Futureneers
- Wavesix Labs
From a first idea to something you can use.
40+ more collaborations
06Made with intentType + motion
Our point of view / 03
When anything can be generated,what you choose to makematters more.
Start with a reason. Design with a point of view. Engineer every interaction to earn its place. That is how we make something worth putting into the world.
Selected collaborations
- Adidas
- Siemens
- Deutsche Bahn
- Plail
- Futureneers
- Wavesix Labs
More intention in every decision.
40+ more collaborations
Earlier explorations / reference archive
home clients · HomeClientsBoard — all three names in lights, decode glitches, logo wall below
Trusted by 100+ Customers
We've crossed with many amazing entities, weaving their digital dreams into reality.
- Plail
- Futureneers
- Wavesix Labs
- +40 More
home clients · redesign directions
One roster, three ways to make it cohere
Each direction solves the same two problems by a different mechanism: unify the roster so a name and a logo carry equal weight, and give the count a job instead of a footnote.
A — Ledger · unified by typography: no panel, every client one row, the total set oversized in the head
Trusted by
We've crossed with many amazing entities, weaving their digital dreams into reality.
40+clients shipped
- Adidas
- Siemens
- Deutsche Bahn
- KFT Sicherheitstechnik
- Bond
- Passage
- Lautmaler
- Plail
- Futureneers
- Wavesix Labs
Selected direction — Matrix · the full client roster and "40+ More" together in one transparent dot field
Trusted by
We've crossed with many amazing entities, weaving their digital dreams into reality.
- Adidas
- Siemens
- Deutsche Bahn
- Plail
- Futureneers
- Wavesix Labs
- 40+ More
C — Wall · unified by container: identical cells on the page's own column guides, the count the one filled block
Trusted by
We've crossed with many amazing entities, weaving their digital dreams into reality.
- Adidas
- Siemens
- Deutsche Bahn
- Plail
- Futureneers
- Wavesix Labs
- 40+more, and counting
home clients · WebGL studies
One wall, ten shaders
The same roster composited into a single texture, then handed to ten different fragment shaders (scripts/clients-gl.ts). Every study reacts to the pointer — where it is, and where it has been — and each falls back to a plain DOM wall without WebGL.
GL 01 — Ripple · the wall under water: the pointer drops rings that refract the marks
Trusted by
We've crossed with many amazing entities, weaving their digital dreams into reality.
- Adidas
- Siemens
- Deutsche Bahn
- Plail
- Futureneers
- Wavesix Labs
- 40+more, and counting
GL 02 — Dust · the marks are grains that tear loose under the pointer and settle back
Trusted by
We've crossed with many amazing entities, weaving their digital dreams into reality.
- Adidas
- Siemens
- Deutsche Bahn
- Plail
- Futureneers
- Wavesix Labs
- 40+more, and counting
GL 03 — Halftone · a rotated dot screen; the pointer is a loupe that resolves the crisp plate
Trusted by
We've crossed with many amazing entities, weaving their digital dreams into reality.
- Adidas
- Siemens
- Deutsche Bahn
- Plail
- Futureneers
- Wavesix Labs
- 40+more, and counting
GL 04 — Glass · a roving liquid-glass blob magnifies the marks with chromatic dispersion
Trusted by
We've crossed with many amazing entities, weaving their digital dreams into reality.
- Adidas
- Siemens
- Deutsche Bahn
- Plail
- Futureneers
- Wavesix Labs
- 40+more, and counting
GL 05 — CRT · scanlines, glitch bands, a tube turn-on; the pointer is a magnet on the glass
Trusted by
We've crossed with many amazing entities, weaving their digital dreams into reality.
- Adidas
- Siemens
- Deutsche Bahn
- Plail
- Futureneers
- Wavesix Labs
- 40+more, and counting
GL 06 — Fog · the wall behind fogged glass; the pointer wipes it clear and the wipe heals
Trusted by
We've crossed with many amazing entities, weaving their digital dreams into reality.
- Adidas
- Siemens
- Deutsche Bahn
- Plail
- Futureneers
- Wavesix Labs
- 40+more, and counting
GL 07 — Chrome · the marks embossed in liquid metal; the pointer is a hand lamp
Trusted by
We've crossed with many amazing entities, weaving their digital dreams into reality.
- Adidas
- Siemens
- Deutsche Bahn
- Plail
- Futureneers
- Wavesix Labs
- 40+more, and counting
GL 08 — Mosaic · blocks decode left-to-right, lose lock in decode red, scramble under the pointer
Trusted by
We've crossed with many amazing entities, weaving their digital dreams into reality.
- Adidas
- Siemens
- Deutsche Bahn
- Plail
- Futureneers
- Wavesix Labs
- 40+more, and counting
GL 09 — Flag · the panel is one cloth in a breeze; pointer drags throw gusts
Trusted by
We've crossed with many amazing entities, weaving their digital dreams into reality.
- Adidas
- Siemens
- Deutsche Bahn
- Plail
- Futureneers
- Wavesix Labs
- 40+more, and counting
GL 10 — Neon · the marks' edges as flickering tubes, an energy pulse racing through the signage
Trusted by
We've crossed with many amazing entities, weaving their digital dreams into reality.
- Adidas
- Siemens
- Deutsche Bahn
- Plail
- Futureneers
- Wavesix Labs
- 40+more, and counting
seo sections · SeoServices
One section, five configurations
The Figma services section as a Lumos component — variants for layout (row, spotlight, bento, grid) and theme (dark, light, brand), all from the same props.
01 — variant "row" · Figma 3487:2051
Why Choose Us?
At our agency, we specialize in website design and development, providing innovative solutions that bring your ideas to life.
With our team of experts, we create kick-ass websites that captivate your audience and drive results.
About UsWeb Design
Interfaces that read like editorial and convert like product — designed in the open, shipped fast.
Development
Astro, WebGL and motion engineered for speed — pages that stay light while doing the heavy lifting.
02 — variant "spotlight" · Figma 3486:747
Why Choose Us?
At our agency, we specialize in website design and development, providing innovative solutions that bring your ideas to life.
With our team of experts, we create kick-ass websites that captivate your audience and drive results.
About UsOngoing Support
Your digital journey doesn't end at launch. We're here for the long haul with dedicated support.
03 — variant "bento"
What We Do
At our agency, we specialize in website design and development, providing innovative solutions that bring your ideas to life.
With our team of experts, we create kick-ass websites that captivate your audience and drive results.
All ServicesOngoing Support
Your digital journey doesn't end at launch. We're here for the long haul with dedicated support.
Web Design
Interfaces that read like editorial and convert like product — designed in the open, shipped fast.
Development
Astro, WebGL and motion engineered for speed — pages that stay light while doing the heavy lifting.
SEO & Content
Structured pages built to rank: semantic markup, fast loads, and copy that earns its keywords.
04 — variant "grid" · theme "light"
What We Do
At our agency, we specialize in website design and development, providing innovative solutions that bring your ideas to life.
With our team of experts, we create kick-ass websites that captivate your audience and drive results.
All ServicesOngoing Support
Your digital journey doesn't end at launch. We're here for the long haul with dedicated support.
Web Design
Interfaces that read like editorial and convert like product — designed in the open, shipped fast.
Development
Astro, WebGL and motion engineered for speed — pages that stay light while doing the heavy lifting.
SEO & Content
Structured pages built to rank: semantic markup, fast loads, and copy that earns its keywords.
05 — variant "row" · theme "brand"
Why Choose Us?
At our agency, we specialize in website design and development, providing innovative solutions that bring your ideas to life.
With our team of experts, we create kick-ass websites that captivate your audience and drive results.
About UsOngoing Support
Your digital journey doesn't end at launch. We're here for the long haul with dedicated support.
Web Design
Interfaces that read like editorial and convert like product — designed in the open, shipped fast.
Development
Astro, WebGL and motion engineered for speed — pages that stay light while doing the heavy lifting.
06 — mixed card variants · brand plate, outline, red rivets
What We Do
At our agency, we specialize in website design and development, providing innovative solutions that bring your ideas to life.
With our team of experts, we create kick-ass websites that captivate your audience and drive results.
All ServicesOngoing Support
Your digital journey doesn't end at launch. We're here for the long haul with dedicated support.
Web Design
Interfaces that read like editorial and convert like product — designed in the open, shipped fast.
Development
Astro, WebGL and motion engineered for speed — pages that stay light while doing the heavy lifting.
SEO & Content
Structured pages built to rank: semantic markup, fast loads, and copy that earns its keywords.
seo sections · direction test
Six components, our voice
The "direction test" board rebuilt on our tokens — only the characteristics survive: layouts, the frosted caption, the ledger shape, the scroll switcher, the accordion.
07 — SeoStatement
About Kabarza
Kabarza is the perfect partner for visionary startups and creative agencies that need kick-ass websites with quality and speed.
For over 15 years we've led creative and digital teams to deliver efficient and impactful work for everyone from solo founders to unicorns.
- Holistic solutions from design to automation.
- Dedicated teams that evolve to your task.
- Simplified processes for speed and oversight.
- Scalable solutions that grow with you.
- Trusted partners that deliver accurately.
08 — SeoWorks
Our Works
If you're planning something great, we'd be happy to include your project here next.
Let's build something great together09 — SeoQuote
Quotation
The solution is simple for me.
It saves tons of time because I don't need to look for or manage multiple people to get the tasks done. One team, one pace, no friction.
10 — SeoLedger · as a process
Discover
- One workshop, all stakeholders
- Goals, audience and scope on one page
- No decks, just decisions
01Design
- Editorial-grade interfaces in Figma
- Motion designed alongside layout
- Weekly reviews, async notes
02Build
- Astro, WebGL and motion engineered for speed
- Structured pages built to rank
- Staging you can click from day one
03Launch
- Performance budget enforced
- Analytics and SEO wired in
- Ongoing support after go-live
04
11 — SeoLedger · as results
Lighthouse
- Median performance score across launches
- Measured on 4G, mid-range devices
98median scoreProjects shipped
- Founders, scale-ups and agencies
- From landing pages to platforms
120+since 2011Time to launch
- Kick-off to production, typical engagement
- Without cutting scope
6 wkstypical
12 — SeoLedger · as ways of working
13 — SeoServiceSwitcher · scroll to switch
Services
A team that can help you with almost anything.
- Positioning
- Site architecture
- Content strategy
- SEO roadmaps
- Stylescapes
- Logo design
- Rebranding
- Identity systems
- Brand guidelines
- Editorial interfaces
- Design systems
- Prototypes
- Motion design
- Astro builds
- WebGL and motion
- CMS wiring
- Performance budgets
- Copywriting
- Photography direction
- Film and edit
- Launch assets
14 — SeoFaq
FAQ's
Frequently asked questions
One request at a time, pulled from an unlimited backlog. Most tasks land within 48 hours, bigger builds get a schedule you can see from day one.
A flat monthly rate for a dedicated team on your backlog. Pause anytime — unused days roll over to the next active month.
We revise until you are. Feedback is part of the loop, not an exception to it.
Async first: comments in Figma or on staging links. A short weekly call if you want one.
Yes — kickoff, weekly check-ins if you like them, and whenever something needs a conversation instead of a thread.
15 — SeoFaq · variant "marker"
FAQ's
Same questions, on the marker
One request at a time, pulled from an unlimited backlog. Most tasks land within 48 hours, bigger builds get a schedule you can see from day one.
A flat monthly rate for a dedicated team on your backlog. Pause anytime — unused days roll over to the next active month.
We revise until you are. Feedback is part of the loop, not an exception to it.
Async first: comments in Figma or on staging links. A short weekly call if you want one.
16 — SeoFaq · variant "ledger"
FAQ's
Same questions, as a ledger
One request at a time, pulled from an unlimited backlog. Most tasks land within 48 hours, bigger builds get a schedule you can see from day one.
A flat monthly rate for a dedicated team on your backlog. Pause anytime — unused days roll over to the next active month.
We revise until you are. Feedback is part of the loop, not an exception to it.
Async first: comments in Figma or on staging links. A short weekly call if you want one.
chosen · production components
The picks, as components
The picks as Lumos components, wired site-wide. Idle flicker is off by default — pass ambient=true to opt in. Hover animations remain active.
Let’s TalkMarkerLink — from 11 + 40 · site-wide CTA
NavLinks — from 34 + 40 · header nav, footer
NavLinks — ambient off
Book a MeetingSwapLink — from 39 + 40 · footer contact
cta lab · set 01
Ten interactions for the marker
The current hero CTA — a small red square and a label — animated ten different ways. Hover each one.
Let’s Talk01 — Slab sweep
Let’s Talk02 — Pixel shatter
Let’s Talk03 — Rolling label
04 — Melt to underline
Let’s Talk05 — Ink wash
Let’s Talk06 — Frame trace
Let’s Talk07 — Magnetic drift
Let’s Talk08 — Scramble type
Let’s Talk09 — Square to arrow
Let’s Talk10 — Extrude press
Let’s Talk11 — Lock-step decode
Let’s Talk12 — Shimmer decode
cta lab · set 02
Ten new shapes for the same words
Full anatomies — a glow card, a ledger row, a live signal — layered builds in the same red-on-black system.
Let’s Talk13 — Glow card
Let’s Talk14 — Title block
Let’s Talk15 — Tray carousel
Let’s Talk16 — Open line
Let’s Talk17 — Corridor
( 01 )Let’s Talk18 — Ledger row
Let’s Talk19 — Voice swap
Let’s Talk20 — Ember trail
21 — Hold to talk
Let’s Talk22 — Die cut
cta lab · set 03
Ten more, cut finer
One idea each, no extra noise — the detail carries the design: easing, registration, a hairline in the right place.
Let’s Talk24 — Registration
Let’s Talk25 — Highlight rise
Let’s Talk26 — Corner cut
Let’s Talk27 — Directional fill
Let’s Talk(01)28 — Index reveal
Let’s Talk29 — Tracking breath
Let’s Talk30 — Aperture
Let’s Talk31 — Perimeter runner
Let’s talk32 — Liquid stencil
cta lab · set 04
The decode, everywhere
Nr 11's lock-step carried to the site's other text roles — inline links, nav, buttons, headings, meta. All on fixed cells: nothing ever shifts.
We build kick-ass websites for visionary startups —let’s talk about yours.
33 — Inline link34 — Dimming nav
Learn more35 — Slide underline
Let’s talk.36 — Serif decode
Let’s Talk37 — Filled button
Our Services38 — Eyebrow
Contact39 — Word swap
The line is open40 — Ambient flicker
Sweep across this line slowly41 — Proximity boil
Decodes on arrival42 — Decode on view
stack
We build things that help people work smarter
We build things that help people work smarter, move faster, and grow further.
stack · centered
We build things that help people work smarter
We build things that help people work smarter, move faster, and grow further.
auto-width
We build things that help people work smarter
We build things that help people work smarter, move faster, and grow further.
columns
We build things that help people work smarter
We build things that help people work smarter, move faster, and grow further.
columns · reverse
We build things that help people work smarter
We build things that help people work smarter, move faster, and grow further.
breakout
We build things that help people work smarter
We build things that help people work smarter, move faster, and grow further.
breakout · reverse
We build things that help people work smarter
We build things that help people work smarter, move faster, and grow further.
contain
We build things that help people work smarter
We build things that help people work smarter, move faster, and grow further.
contain · reverse
We build things that help people work smarter
We build things that help people work smarter, move faster, and grow further.
sticky-content
We build things that help people work smarter
We build things that help people work smarter, move faster, and grow further.
sticky-visual
We build things that help people work smarter
Lorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem placerat. In id cursus mi pretium tellus duis convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos. Lorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem placerat. In id cursus mi pretium tellus duis convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos. Lorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem placerat. In id cursus mi pretium tellus duis convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos. Lorem ipsum dolor sit amet consectetur adipiscing elit. Quisque faucibus ex sapien vitae pellentesque sem placerat. In id cursus mi pretium tellus duis convallis. Tempus leo eu aenean sed diam urna tempor. Pulvinar vivamus fringilla lacus nec metus bibendum egestas. Iaculis massa nisl malesuada lacinia integer nunc posuere. Ut hendrerit semper vel class aptent taciti sociosqu. Ad litora torquent per conubia nostra inceptos himenaeos.
card
We build things that help people work smarter
We build things that help people work smarter, move faster, and grow further.
auto-width
We build things that help people work smarter
We build things that help people work smarter, move faster, and grow further.
Heading
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod.
Heading
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod.
Heading
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod.