---
title: A closer look at Cleeng’s user-friendly UI updates
description: Explore Cleeng’s UI updates, boosting workflow efficiency and giving developers intuitive tools to future-proof streaming services.
image: https://blog.cleeng.com/hubfs/UI%20Updates%20for%20Smoother%20Workflows.png
---

<https://cleeng.com/>

 Products

What it does

[Core Subscriber Management and Billing](https://cleeng.com/subscriber-management-system) [Merchant of Record Payments, Tax and Compliance](https://cleeng.com/merchant-checkout-optimization) [ChurnIQ Smart and Predictive Churn Analytics](https://cleeng.com/products/subscription-churn-analytics) [Hi5 AI-Enhanced Customer Care](https://cleeng.com/customer-care-digital-subscriptions)

AI Products

[Cleeng AI Ask questions in plain language](https://cleeng.com/ai) [Cleeng MCP Server Connect Cleeng to your own AI tools](https://cleeng.com/ai/mcp) [Data Intelligence Enriched context for every subscriber](https://cleeng.com/ai/subscriber-data) [Trust & Governance Complete control and auditability](https://cleeng.com/ai/legal)

 Solutions

By industry

[Streaming and OTT](https://cleeng.com/solutions/streaming) [Sports](https://cleeng.com/solutions/subscription-management-for-sports) [Wellness](https://cleeng.com/solutions/wellness) [Creators](https://cleeng.com/solutions/youtube-creators) [Gaming](https://cleeng.com/solutions/gaming) [Memberships](https://cleeng.com/solutions/memberships)

By scale

[Enterprise](https://cleeng.com/solutions/enterprise) [Small and Medium Businesses](https://cleeng.com/pro)

For partners

[Agencies & Integrators](https://cleeng.com/solutions/agencies) [B2B2C Platforms](https://cleeng.com/solutions/b2b2c-platforms)

 Developers

[Launch Subscriptions](https://developers.cleeng.com/docs/launch-subscriptions) [Build with LLMs](https://developers.cleeng.com/docs/build-with-llms) [Integrate apps](https://developers.cleeng.com/docs/payments_on_mobile_tv_apps_intro) [System status](http://status.cleeng.com/) [Integrations Hub](https://cleeng.com/integrations-connectors) [Migration guide](https://cleeng.com/migrate-to-cleeng) [Certified Partner Program](https://publisher.support.cleeng.com/hc/en-us/articles/22272169788188-Cleeng-Certified-Partner-Program)

 Resources

[Publisher Help Center](https://publisher.support.cleeng.com/hc/en-us) [Blog](https://blog.cleeng.com/) [Customer stories](https://cleeng.com/clients) [Events](https://cleeng.com/events) [Research & reports](https://cleeng.com/resources) [Demo Hub](https://cleeng.com/demohub)

[Pricing](https://cleeng.com/pricing)

[Login](https://srm.cleeng.com/auth) [Get started free](https://srm.cleeng.com/auth/register)

[Blog](https://cleeng.com/blog)

# A closer look at Cleeng’s user-friendly UI updates

Company News | Michal Rydz | Nov 14, 2024

![Post image](https://blog.cleeng.com/hubfs/UI%20Updates%20for%20Smoother%20Workflows.png)

At Cleeng, we understand that great UI-UX is key to seamless collaboration and efficient workflows. Consistent design elements, reusable components, and centralized guidelines make it easier for teams to navigate and improve their productivity. These enhancements also allow for faster development cycles, critical in the fast-paced media and entertainment industry.

That’s why Cleeng’s Subscriber Retention Management ([SRM®](https://cleeng.com/srm-solutions)) suite is constantly evolving. We regularly gather feedback through UX interviews to ensure our platform remains intuitive and user-friendly, giving developers and product owners the tools they need to streamline operations.

In this blog, we’ll showcase our latest UI improvements, designed to increase consistency, accessibility, and reusability. 

 

1\. New standardized color guide

A standardized color guide has been introduced across the platform. This includes specific primary, secondary and tertiary colors that set the visual hierarchy and ensure branding consistency. This will improve efficiency and the experience of technical teams.

![Color guidance](https://blog.cleeng.com/hs-fs/hubfs/Color%20guidance.png?width=2400&height=800&name=Color%20guidance.png)

**2. Typography improvements**

[Typography](https://www.brandcrowd.com/blog/top-typography-trends-in-2026) improvementshave been made using well-defined guidelines for fonts, sizes, and styles for textual elements. These are being consistently leveraged throughout the platform to enhance readability for headings, body text, labels, and any other textual content.

**3. Upgraded components**

- **Modals** are introduced wherever applicable to present important information or alert user interaction. These are added for notifying alerts, confirmations, and forms or for sharing detailed views without having tech teams to navigate away from the page - saving time and effort.

<iframe src="https://fast.wistia.net/embed/iframe/aiqil7mlfr?seo=true&amp;videoFoam=true" title="Modal Video" allow="autoplay; fullscreen" allowtransparency="true" frameborder="0" scrolling="no" class="wistia_embed" name="wistia_embed" msallowfullscreen="" width="100%" height="100%"></iframe>

- **Dropdown functionalities** are enhanced to simplify selection from a list for uses like filtering data or choosing settings. This is to save time and effort for dashboard users.

- **The date picker** is also updated. The previous default browser date/time input is replaced with a custom date picker component, ensuring functional and visual consistency between browsers.

![Date picker - UI piece (1)-1](https://blog.cleeng.com/hs-fs/hubfs/Date%20picker%20-%20UI%20piece%20(1)-1.png?width=915&height=305&name=Date%20picker%20-%20UI%20piece%20(1)-1.png)

- **The Tabs component** is also simplified to improve visual consistency and make it more reusable, and functional.

## ![Tabs](https://blog.cleeng.com/hs-fs/hubfs/Tabs.png?width=2400&height=624&name=Tabs.png)

 

- **Existing modal & popup window formats** are improved. Several of these now also come with **slide-out drawers** to ensure a more organized workspace, improve navigation and accessibility, and reduce cognitive load. With this, the windows are now more consistent, have less wasted whitespace, and feature a more streamlined look with subtle animations.

<iframe src="https://fast.wistia.net/embed/iframe/zlgrlx99sn?seo=true&amp;videoFoam=true" title="SUDO Video" allow="autoplay; fullscreen" allowtransparency="true" frameborder="0" scrolling="no" class="wistia_embed" name="wistia_embed" msallowfullscreen="" width="100%" height="100%"></iframe>

## Additional behind-the-scenes improvements in Cleeng’s design system

Beyond the visible updates, we’ve made several significant behind-the-scenes improvements, including:

- **Streamlined color palette:** We’ve tokenized and simplified the dashboard’s color palette, reducing code duplication and improving consistency.
- **Modular component logic:** Over-engineered components have been decoupled, creating more reusable, UI-focused elements to enhance flexibility and reusability.
- **Unified link component:** A new link component has been introduced, ensuring consistent styling and interactivity across the dashboard.

Want a sneak peek into the platform loved by CTOs and CFOs?

[![Test out the dashboard](https://hubspot-no-cache-eu1-prod.s3.amazonaws.com/cta/default/5813983/interactive-181138969238.png)](https://blog.cleeng.com/hs/cta/wi/redirect?encryptedPayload=AVxigLK6jMZ6MKf1CJZYce1vyEWbwhldEDRGyJqNpvvXITQ%2BlHlO9LlcMm2OcLuilVohFmPRADoJV8gB3xsn8d%2FW2XhKCIZ87S4Z%2F9mkuwMu3esShHpdClqRdsG2pk2sZKD1PgFZAAkVFmYtwTYEUPlWOQ41gWKJiUSSh2NGoCzKUZfg4zrRdCSc1ze3HXdjnYlqGAv44Mc2&webInteractiveContentId=181138969238&portalId=5813983)

 

### Popular posts

#### [SOC 1 Type II Certified: Cleeng Passes First Audit With Zero Exceptions Read more →](https://blog.cleeng.com/soc-1-type-ii-certified)

#### [Agentic AI for Subscriber Retention Is Here: What It Means for D2C & OTT Brands Read more →](https://blog.cleeng.com/agentic-ai-for-subscriber-retention-d2c-ott)

#### [H1 2026 Product Update: AI Agents, Global Payments & Smarter Retention Read more →](https://blog.cleeng.com/h1-2026-product-update)

#### [What Cleeng Is Bringing to NAB 2026 & How Agentic AI Is Becoming the Backbone of Subscriber Infrastructure Read more →](https://blog.cleeng.com/cleeng-at-nab-show-2026)

#### [SOC 2 Type II Renewed: Cleeng’s Commitment to Data Security Read more →](https://blog.cleeng.com/soc-2-type-2-certification-confirms-cleengs-commitment-to-data-security)

### See your whole business clearly.

Connect your data and watch your live dashboard fill in — no credit card required.

[Start free](https://srm.cleeng.com/register)

### Related posts

#### [![SOC 1 Type II Certified: Cleeng Passes First Audit With Zero Exceptions](https://blog.cleeng.com/hubfs/SOC%201%20Type%202%20Banner-selection%20(1).webp) Company News SOC 1 Type II Certified: Cleeng Passes First Audit With Zero Exceptions **Jamini Rath** · Sep 22, 2026, 1:48:58 PM](https://blog.cleeng.com/soc-1-type-ii-certified)

#### [![Agentic AI for Subscriber Retention Is Here: What It Means for D2C & OTT Brands](https://blog.cleeng.com/hubfs/cleeng%20at%20ibc%20-%20agentic%20ai%20for%20subscriber%20retention.webp) Company News Agentic AI for Subscriber Retention Is Here: What It Means for D2C & OTT Brands **Kamila Palka** · Aug 24, 2026, 11:07:41 AM](https://blog.cleeng.com/agentic-ai-for-subscriber-retention-d2c-ott)

#### [![H1 2026 Product Update: AI Agents, Global Payments & Smarter Retention](https://blog.cleeng.com/hubfs/H1%202026%20Product%20Update%20(1).webp) Company News H1 2026 Product Update: AI Agents, Global Payments & Smarter Retention **Damien Organ** · Jul 21, 2026, 1:11:35 PM](https://blog.cleeng.com/h1-2026-product-update)

Your Subscriber Retention Management® solution

[Contact us](https://cleeng.com/contact)

#### Ask AI for info

- [ChatGPT](https://chatgpt.com/?q=...)
- [Gemini](https://gemini.google.com/app?q=...)
- [Claude](https://claude.ai/new?q=...)
- [Perplexity AI](https://www.perplexity.ai/?q=...)

#### Products

- [Subscriber management and billing](https://cleeng.com/subscriber-management-system)
- [Merchant of Record](https://www.cleeng.com/products/merchant-of-record)
- [Churn Analytics](https://cleeng.com/churniq-churn-intelligence)
- [AI-Enhanced Customer Care](https://cleeng.com/pro)

#### Solutions

- [Streaming and OTT](https://www.cleeng.com/solutions/streaming)
- [Sports](https://cleeng.com/subscription-management-for-sports)
- [Wellness](https://cleeng.com/wellness)
- [Creators](https://www.cleeng.com/solutions/youtube-creators)
- [Enterprise](https://cleeng.com/solutions/enterprise)
- [Small and Medium Businesses](https://cleeng.com/pro)

#### Developer

- [API Reference](https://developers.cleeng.com/reference/apireference-overview)
- [Sandbox](https://srm-sandbox.cleeng.com/register)
- [Tutorials](https://developers.cleeng.com/docs/getting-started-with-cleeng)
- [Integrations](https://cleeng.com/integrations-connectors)
- [Migration](https://cleeng.com/integrations-connectors)

#### About

- [Company](https://cleeng.com/about-us)
- [Blog](https://blog.cleeng.com/)
- [Sustainability](https://cleeng.com/sustainability)
- [Careers](https://cleeng.com/careers)

#### Explore

- [Pricing](https://cleeng.com/pricingpro)
- [My Dashboard](https://srm.cleeng.com/login)
- [FAQ & support](https://publisher.support.cleeng.com/hc/en-us)

#### Customers

- [Who are Cleeng](https://cleeng.com/who-are-cleeng)
- [Get Support](https://cleeng.zendesk.com/hc/en-us/)

Copyright © 2026 Cleeng | All Rights Reserved | [Terms & Conditions](https://cleeng.com/master-service-agreement)

<https://x.com/cleeng> <https://www.youtube.com/user/CleeNG> <https://www.linkedin.com/company/1453976>

```json
{
  "@context" : "https://schema.org",
  "@type" : "BlogPosting",
  "author" : {
    "@type" : "Person",
    "name" : "Michal Rydz"
  },
  "dateModified" : "2026-04-16T19:22:01Z",
  "datePublished" : "2024-11-14T16:34:23Z",
  "description" : "Explore Cleeng’s UI updates, boosting workflow efficiency and giving developers intuitive tools to future-proof streaming services.",
  "headline" : "A closer look at Cleeng’s user-friendly UI updates",
  "image" : "https://5813983.fs1.hubspotusercontent-na1.net/hubfs/5813983/UI%20Updates%20for%20Smoother%20Workflows.png",
  "mainEntityOfPage" : {
    "@id" : "https://blog.cleeng.com",
    "@type" : "WebPage"
  },
  "publisher" : {
    "@type" : "Organization",
    "logo" : {
      "@type" : "ImageObject",
      "url" : "https://cdn.prod.website-files.com/624eb5c51026869311f0668a/66b09c7ffb2cada498b8a184_Cleeng%20logo%20-%20tagline%20bottom%20-%20transparent.svg"
    },
    "name" : "Cleeng"
  }
}
```

```json
{
  "@context" : "https://schema.org",
  "@type" : "Blog",
  "description" : "Insights and strategies on subscriber retention and D2C subscriptions from Cleeng.",
  "name" : "Cleeng Blog",
  "publisher" : {
    "@type" : "Organization",
    "logo" : {
      "@type" : "ImageObject",
      "url" : "https://cdn.prod.website-files.com/624eb5c51026869311f0668a/66b09c7ffb2cada498b8a184_Cleeng%20logo%20-%20tagline%20bottom%20-%20transparent.svg"
    },
    "name" : "Cleeng"
  },
  "url" : "https://blog.cleeng.com"
}
```