All case studies
Case Study

Building a High-Performance Marketing Website for KrakenD.

Between May and November 2024, Codalent partnered with KrakenD to convert approved Figma designs into a production-ready Hugo + Tailwind website — with clean components, responsive polish, fast page loads, and a frontend foundation their team could keep evolving.

First published at May 27, 2026
ClientKrakenD
Year2024
IndustryAPI Gateway
ServicesHugo · Tailwind CSS · Frontend Development
krakend.io
A pixel-accurate implementation of KrakenD’s new visual direction.
A pixel-accurate implementation of KrakenD’s new visual direction.
Overview

The brief at a glance.

KrakenD is an open-source, high-performance API gateway used in production by companies that need to aggregate APIs, transform responses, and reduce backend chatter. With the launch of new commercial offerings, their team needed a marketing site that matched the polish and pace of the product.

Their internal design team handed off a complete Figma file — typography, components, and page templates — and asked us to turn it into a production frontend. The engagement ran from May to November 2024, with Codalent owning the build end-to-end while the KrakenD team stayed focused on content and product launches.

Client chose Hugo for its speed and simplicity (a static site that ships in milliseconds), paired with Tailwind for design-system fidelity. The result is a fast, maintainable marketing site the KrakenD team can extend without rebuilding from scratch.

Reusable marketing templates

Homepage, blog, download sections, and more were built with consistent spacing, typography, and reusable UI patterns so the site could scale beyond the initial launch.

www.krakend.io/docs
Documentation / installation guide screenshot
Documentation / installation guide screenshot
Tech Stack

A lean frontend stack the KrakenD team can keep.

Hugo, Tailwind CSS, Sass, and lightweight JavaScript gave the site a fast, flexible foundation without adding unnecessary complexity.

Hugo iconHugo
Tailwind CSS iconTailwind CSS
JavaScript iconJavaScript
React iconReact
Docker iconDocker
KrakenD
Codalent redesigned our website. We provided the design materials in Figma, and they converted them into our current website. The team used CSS and HTML with Hugo and Tailwind to build the frontend. Codalent’s quick reaction was impressive, and they were trustworthy.
Albert Lombarte
Albert Lombarte
CEO, KrakenD
Verified review on Clutch
Results

Delivered with precision, built to last.

The engagement moved from Figma to production over a defined delivery window, with Codalent owning the frontend implementation, responsive QA, and code quality needed for a technical marketing website. The final build gave KrakenD a polished public website that reflected its product quality while remaining practical for the team to maintain and extend.

1.4s
Largest Contentful Paint (LCP)
31ms
Interaction to Next Paint (INP)
0.01
Cumulative Layout Shift (CLS)
0.9s
First Contentful Paint (FCP)
01

Delivered within timeline

Completed the frontend implementation within the planned May–November 2024 project window.

02

Pixel-accurate implementation

Translated approved designs into clean Hugo + Tailwind templates with careful attention to spacing, typography, responsiveness, and visual consistency.

03

Built for maintainability

Created reusable frontend patterns and a lightweight codebase that KrakenD’s team could continue to evolve after launch.

Case Studies

Selected Work