Skip to main content

For developers

Chameleon is a collection of reusable tools and components that are divided into multiple packages. They can be used together or separately depending on your team’s needs.

OverviewWebSwiftKotlin

Themes​

A theme is a combination of multiple assets that define the foundations of a brand's identity. This includes tokens, icons, logos, illustrations and fonts for different platforms: Web, Swift and Kotlin.

Tokens​

Design tokens are all the values needed to construct and maintain a design system — spacing, color, typography, object styles, animation, etc. — represented as data. These can represent anything defined by design: a color as an RGB value, an opacity as a number, ...

Design tokens are directly integrated into our component libraries, but are also available in your own implementations.

Icons​

Every brand has the same default icon set. This default set can be augmented with the brand's own identity. We provide these icons for each platform in their own common formats.

Logo's​

Logos are the visual identity of each brand. We provide at least BrandMain, BrandSquareMain & BrandPlusMain, but several other variations are commonly available. We provide these logos for each platform in their own common formats.

Favicons​

A favicon (short for FAVorite ICON) is an image, usually a logo, associated with your webpage. It can be used for example in the tab or address bar in a browser window, or on the homescreen of devices.

Fonts​

Fonts will be predefined for each brand. There will always be a primary, secondary and a system font defined. We use only 3 weights of each font: regular, medium & bold. For every platform the fonts will be served via the theme packages. They are also provided via a CDN.

Component library​

We provide reusable, accessible, battle tested components for you to use. These components are a set of versatile building blocks designed to work together to form patterns, and create cohesive templates and flows. At the moment we only provide this library in React, but Swift and Kotlin are on the roadmap and will definitely follow.