September 27, 2024

September Update [v3.1]

Image of the author of the blog.
Jordi Espinosa
Founder

Introduction

Hello everyone!

Welcome to the September update. If you're new and don't know how this works—every month at Koala UI, we release an update where we incorporate new layouts, fix issues, and make improvements.

As always, I bring you this month's update.

Before starting with this month's update, I want to thank all the new users who are joining us every month. It makes us very happy to see the new websites you are launching thanks to what we are creating at Koala.

What’s new in September?

Web Design

Added Desktop, Tablet & Mobile Breakpoints: Typography and spacing.

Enhanced responsive typography and spacing for all breakpoints.

New variants added to [Avatar].

Expanded Avatar component with new variants for flexibility.

Improved accessibility to [Text Primary] and [Text Secondary] color variants.

Optimized text color variants for improved accessibility.

Improved accessibility to [Background Primary], [Background Secondary], [Background Active].

Refined background color variants to meet accessibility standards.

New variants added to [Badge].

Introduced additional variants for the Badge component.

New variants added to [CTA Section].

Expanded Call-to-Action section with new customizable variants.

New variants added to [Footer Section].

Introduced new Footer variants for better design consistency.

New variants added to [Logos Section].

Enhanced Logos section with new layout and style variants.

New variants added to [Team Section].

Added multiple variants to showcase team members effectively.

New variants added to [Metrics Section].

Expanded Metrics section with new layouts for better data visualization.

New variants added to [Gallery Section].

Introduced fresh variants for displaying images in the Gallery section.

Figma properties improved usability. Added labels for a faster experience.

Improved Figma properties with labels for a smoother design workflow.

Product Design

New product component created [Charts].

Introduced a new Charts component for better data representation.

New product component created [Tables].

Added a new Tables component for organized data presentation.

New product page created [Settings].

Created a Settings page template for product design systems.

Improved checkbox states (default, hover, checked)

Enhanced checkbox interaction states for better user experience.

New variants added to testimonials

Expanded testimonial section with new design variants.