Latest UI/UX hacks & trends

Join our Discord: A new community of forward thinking UI/UX led companies

Meet UI/UX led founders, marketers, creative directors and designers sharing their passion around building delightful digital experiences.

Services

Work

Blog

Website Design

Marcus
Marcus
Marcus
Marcus
Maryna
Maryna
Maryna
Maryna
Sarah
Sarah
Sarah
Sarah

Collabify.Design: access top remote UI/UX talent

Collabify.Design: access top remote UI/UX talent

Collabify.Design: access top remote UI/UX talent

Collabify.Design: access top remote UI/UX talent

Project: Website design

Why not be your own case study? We are proud of the UI/UX design service platform we have built. Originally being part of the Glorify team, a SaaS based design tool, we already handed off most of the design work to dev, leaving many of us sitting on the bench.

As a SaaS startup ourselves, we knew the struggles of finding great UI/UX designers that appreciated scalable design systems and high fidelity prototypes to help build better products fast.


We workshopped for a couple of days uncovering our manifesto and ICP. From there Collabify.Design was born. Jumping into style exploration, it was not long before we validated our direction with feedback from real ideal customer profiles.

Team

Mahgoub B. Project Manager

Nicola Vargiu Creative Director

Vishan F. Lead UI/UX Designer

Omar Farook UX Consultant

Website Design

15 Pages

Design System

Color and typographic systems

Plus Plan

Started Aug 2022 - Ongoing

Stylescapes

We explored 3 variations of stylescapes. The final pick was a minimal yet playful approach, in line with the culture of the UI/UX community. True UI/UX designers make the process in any organisation both thought provoking yet fun and exciting.

Design System

The new foundational design system went through necessary accessibility tests to give clarity during UI/UX sprints. This includes interactive components, illustrations and dark/light modes.

Color

Dark Text Contrast

Light Text Contrast

Design Token

300

#8D57FF

Aa

Contrast Test

18.91

:1

Fail

Aa

Contrast Test

18.91

:1

Pass

td.colors.primary.300

300

#8D57FF

Aa

Contrast Test

18.91

:1

Fail

Aa

Contrast Test

18.91

:1

Pass

qrn.colors.light. primary.100

300

#8D57FF

Aa

Contrast Test

18.91

:1

Fail

Aa

Contrast Test

18.91

:1

Pass

qrn.colors.light. primary.100

300

#51CAB4

Aa

Contrast Test

18.91

:1

Pass

Aa

Contrast Test

18.91

:1

Fail

td.colors.secondary.300

300

#51CAB4

Aa

Contrast Test

18.91

:1

Pass

Aa

Contrast Test

18.91

:1

Fail

qrn.colors.light. success.300

300

#51CAB4

Aa

Contrast Test

18.91

:1

Pass

Aa

Contrast Test

18.91

:1

Fail

qrn.colors.light. success.300

300

#FFD600

Aa

Contrast Test

18.91

:1

Pass

Aa

Contrast Test

18.91

:1

Fail

td.colors.warning.300

300

#FFD600

Aa

Contrast Test

18.91

:1

Pass

Aa

Contrast Test

18.91

:1

Fail

qrn.colors.light. info.300

300

#FFD600

Aa

Contrast Test

18.91

:1

Pass

Aa

Contrast Test

18.91

:1

Fail

qrn.colors.light. info.300

300

#63B3FD

Aa

Contrast Test

18.91

:1

Pass

Aa

Contrast Test

18.91

:1

Fail

td.colors.info.300

300

#63B3FD

Aa

Contrast Test

18.91

:1

Pass

Aa

Contrast Test

18.91

:1

Fail

qrn.colors.light. warning.300

300

#63B3FD

Aa

Contrast Test

18.91

:1

Pass

Aa

Contrast Test

18.91

:1

Fail

qrn.colors.light. warning.300

300

#FA7676

Aa

Contrast Test

18.91

:1

Pass

Aa

Contrast Test

18.91

:1

Fail

td.colors.error.300

300

#FA7676

Aa

Contrast Test

18.91

:1

Pass

Aa

Contrast Test

18.91

:1

Fail

qrn.colors.light. error.300

300

#FA7676

Aa

Contrast Test

18.91

:1

Pass

Aa

Contrast Test

18.91

:1

Fail

qrn.colors.light. error.300

Color system

Website sections

Color system

Get Top UI/UX talent

without the HR hiring hassle.

Includes a discovery call, audit, wireframe or initial design

Get Top UI/UX talent

without the HR hiring hassle.

Includes a discovery call, audit, wireframe or initial design

Get Top UI/UX talent

without the HR hiring hassle.

Includes a discovery call, audit, wireframe or initial design

World Class UI/UX Designers
for a Fixed Subscription

Ship a better product 100x faster & easier with
a scalable design system and high fidelity prototype.

A new community of forward thinking UI/UX led companies

collabify.design by Glorify LTD. All rights reserved 2022

World Class UI/UX Designers
for a Fixed Subscription

Ship a better product 100x faster & easier with a scalable design system and high fidelity prototype.

A new community of forward thinking UI/UX led companies

collabify.design by Glorify LTD. All rights reserved 2022

World Class UI/UX Designers for a Fixed Subscription

Ship a better product 100x faster & easier with
a scalable design system and high fidelity prototype.

A new community of forward thinking UI/UX led companies

collabify.design by Glorify LTD. All rights reserved 2022