Cookie3 - Branding & Website

We rebranded Cookie3 with a pixel-based logo system, built their website with custom animations, and created a design system that lets their team ship new products fast.

Cookie3 — Modular Design System for a Web3 Analytics Ecosystem

Project Background: Cookie3 came to us as a fast-growing Web3 marketing analytics company that had evolved from a single tool into a comprehensive ecosystem. They were launching new products rapidly but each looked different. Their team was spending too much time on design instead of building features.

Challenges Faced: The main challenge was creating a visual identity that could work for multiple products while keeping everything cohesive. Their existing design was inconsistent - each product felt like it came from a different company. Plus, their team was manually creating designs for each new feature, which was slowing down development.

Project Execution Process: We started with the pixel concept - a modular approach where each sub-brand gets its own symbol built on the same design logic. We built everything in Figma using variables and design tokens, so switching between dark and light modes takes just two clicks. The website got custom illustrations for each product that actually explain what they do.

Together, we:

1️⃣ Started with the pixel concept — a modular approach where each sub-brand gets its own symbol built on the same design logic

2️⃣ Built everything in Figma using variables and design tokens

3️⃣ Enabled switching between dark and light modes in just two clicks

4️⃣ Added custom illustrations for each product that explain what they do

5️⃣ Implemented Webflow for website development and CMS

6️⃣ Created a component library for rapid development

Tools and Frameworks Used:

- Figma for design system with variables and design tokens

- Webflow for website development and CMS implementation

- Modular logo system with pixel-based concept

- Component library for rapid development

- Dark/light mode switching functionality

Project Results and Achievements: The design system cut their internal design time significantly - they can now ship new features without worrying about visual consistency. They went from looking like a collection of random tools to a professional, cohesive platform that major brands like Mantle, Polkastarter, and Berachain trust with their marketing analytics.

Lessons Learned: This project taught us the importance of designing for rapid growth in Web3. Companies like Cookie3 need systems that work immediately and scale automatically. The pixel concept proved that modular thinking can solve complex branding challenges while keeping implementation simple.

This project solves maintaining brand consistency at startup speed. The pixel-based modular system is innovative and practical, with Figma variables showing technical depth that lets their team focus on building features quickly.