Unified

Unified

Coming soon: UI

The most powerful Figma UI kit yet with advanced theming via design tokens.

Coming soon: UI

The most powerful Figma UI kit yet with advanced theming via design tokens.

Coming soon: UI

The most powerful Figma UI kit yet with advanced theming via design tokens.

Coming soon: UI

The most powerful Figma UI kit yet with advanced theming via design tokens.

Coming soon: UI

The most powerful Figma UI kit yet with advanced theming via design tokens.

Join the waitlist

Join the waitlist

Join the waitlist

Join the waitlist

Contextual theming

Contextual theming

Contextual theming

Ever wished your UI elements adapted to their surroundings? Advanced theming allows individual, or groups of foreground elements to seamlessly change appearance based on their background. Light mode? Dark mode? Different brands? All accommodated.

Ever wished your UI elements adapted to their surroundings? Advanced theming allows individual, or groups of foreground elements to seamlessly change appearance based on their background. Light mode? Dark mode? Different brands? All accommodated.

Ever wished your UI elements adapted to their surroundings? Advanced theming allows individual, or groups of foreground elements to seamlessly change appearance based on their background. Light mode? Dark mode? Different brands? All accommodated.

Default background (light mode)

email@domain.com

•••••••••

Sign up

Default background
(light mode)

email@me.com

•••••••••

Sign up

Light mode

email@me.com

•••••••••

Sign up

Light mode

email@domain.com

•••••••••

Sign up

Dual color modes

Dual color modes

Dual color modes

From dawn to dusk, the kit supports both light and dark modes. Seamlessly switch between them and ensure a consistent experience for users.

From dawn to dusk, the kit supports both light and dark modes. Seamlessly switch between them and ensure a consistent experience for users.

From dawn to dusk, the kit supports both light and dark modes. Seamlessly switch between them and ensure a consistent experience for users.

UI is far more than the most advanced Figma UI kit out there. UI includes a token structure that can be the foundation to your design system.

email@me.com

••••••••

Sign up

Relaxed

Relaxed

email@domain.com

•••••••••••••

Sign up

Spacing themes

Spacing themes

Spacing themes

Need precision for products or a relaxed vibe for marketing sites? Spacing themes that adapt to your needs are included. No need for multiple kits – it's all here.

Need precision for products or a relaxed vibe for marketing sites? Spacing themes that adapt to your needs are included. No need for multiple kits – it's all here.

Need precision for products or a relaxed vibe for marketing sites? Spacing themes that adapt to your needs are included. No need for multiple kits – it's all here.

Built in accessibility

Built in accessibility

Built in accessibility

This library is everyone-friendly. It's not just about colour contrast – the kit has full AA WCAG 2.2 accessibility compliance out of the box. Because design should be for all abilities.

This library is everyone-friendly. It's not just about colour contrast – the kit has full AA WCAG 2.2 accessibility compliance out of the box. Because design should be for all abilities.

This library is everyone-friendly. It's not just about colour contrast – the kit has full AA WCAG 2.2 accessibility compliance out of the box. Because design should be for all abilities.

Label

This is a text area that can hold a multiple lines of text. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Enabled

Enabled

This is a text area that can hold a multiple lines of text. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliqu

Complete interaction states

Complete interaction states

Complete interaction states

No more head-scratching over interaction details. Semantic states like active, hover, and focus are all defined. Developers, rejoice – it's all neatly detailed with component-level tokens.

No more head-scratching over interaction details. Semantic states like active, hover, and focus are all defined. Developers, rejoice – it's all neatly detailed with component-level tokens.

No more head-scratching over interaction details. Semantic states like active, hover, and focus are all defined. Developers, rejoice – it's all neatly detailed with component-level tokens.

FAQ

When will the kit be available?

I'm not an expert. Is this kit still for me?

How do I get started?

Join the waitlist

Join the waitlist

Join the waitlist

Join the waitlist

© Unified UI, 2024

© Unified UI, 2024

© Unified UI, 2024

© Unified UI, 2024

Crafted by Hamish O'Neill, in Melbourne, Australia

Crafted by Hamish O'Neill, in Melbourne, Australia

Crafted by Hamish O'Neill, in Melbourne, Australia

Crafted by Hamish O'Neill, in Melbourne, Australia