Dask, an open-source Python library, extends Python with distributed computing, empowering society to solve important problems. With a focus on scaling and the ability to deploy anywhere, Dask is used by some of the world’s largest and most advanced organizations as they build the future today.
Personality Spectrum
Our initial design work focused on the Dask logo. After a thorough visual exploration, we presented a cleaned up version of the existing logo, an evolution of that logo, and one that visualized key elements of Dask — parallel computing and scale.
Original
Redesign
Success wasn’t just happened upon. Our early explorations looked at logo ideas, wordmarks, community representations, and broad interpretations of brand features like parallel computing.
Early Explorations
Advanced Explorations
Final Mark
Ask anyone who does brand work and we’ll all tell you a brand is more than a mark. Once we had aligned on a logo, we had to build out a complete visual language. This language had to simultaneously be complex enough to fully tell the Dask story while also being simple enough for the open-source community to use effectively.To help the community implement the Dask brand well, we also built interactive brand documentation into their site that is easier for non-designers to understand and use. This is critical for an open-source project that lacks the kinds of top-down controls a traditional business would exercise over their brand.
Colors
Select a background color to view accessible brand color combinations for text or other elements. Note: colors marked AA18 should only be used for large type (18px or larger).
White
#FFFFFF
Accessible Text Colors
#EF1561(AA18) #1F5AFF(AA) #183D72(AAA) #33363D(AAA) #262326(AAA) #080815(AAA)
Colors
Select a background color to view accessible brand color combinations for text or other elements. Note: colors marked AA18 should only be used for large type (18px or larger).
Green
#61BA92
Accessible Text Colors
#33363D(AA) #262326(AA) #080815(AA)
Colors
Select a background color to view accessible brand color combinations for text or other elements. Note: colors marked AA18 should only be used for large type (18px or larger).
Light Grey
#F6F6F6
Accessible Text Colors
#EF1561(AA18) #1F5AFF(AA) #183D72(AAA) #33363D(AAA) #262326(AAA) #080815(AAA)
Colors
Select a background color to view accessible brand color combinations for text or other elements. Note: colors marked AA18 should only be used for large type (18px or larger).
Blue
#1F5AFF
Accessible Text Colors
#FFFFFF(AA) #F6F6F6(AA) #EBEAEE(AA18) #FFC11E(AA18)
Colors
Select a background color to view accessible brand color combinations for text or other elements. Note: colors marked AA18 should only be used for large type (18px or larger).
Medium Grey
#EBEAEE
Accessible Text Colors
#EF1561(AA18) #1F5AFF(AA) #183D72(AAA) #33363D(AAA) #262326(AAA) #080815(AAA)
Colors
Select a background color to view accessible brand color combinations for text or other elements. Note: colors marked AA18 should only be used for large type (18px or larger).
Navy
#183D72
Accessible Text Colors
#FFFFFF(AAA) #F6F6F6(AAA) #EBEAEE(AA18A) #FFC11E(AAA) #FC6E6B(AA18) #61BA92(AA)
Colors
Select a background color to view accessible brand color combinations for text or other elements. Note: colors marked AA18 should only be used for large type (18px or larger).
Medium Grey
#EBEAEE
Accessible Text Colors
#1F5AFF(AA) #183D72(AAA) #33363D(AAA) #262326(AAA) #080815(AAA)
Colors
Select a background color to view accessible brand color combinations for text or other elements. Note: colors marked AA18 should only be used for large type (18px or larger).
Slate Grey
#EBEAEE
Accessible Text Colors
#FFFFFF(AAA) #F6F6F6(AAA) #EBEAEE(AA18A) #FFC11E(AAA) #FC6E6B(AA18) #61BA92(AA)
Colors
Select a background color to view accessible brand color combinations for text or other elements. Note: colors marked AA18 should only be used for large type (18px or larger).
Salmon
#FC6E6B
Accessible Text Colors
#33363D(AA18) #262326(AA) #080815(AA)
Colors
Select a background color to view accessible brand color combinations for text or other elements. Note: colors marked AA18 should only be used for large type (18px or larger).
Charcoal
#262326
Accessible Text Colors
#FFFFFF(AAA) #F6F6F6(AAA) #EBEAEE(AA18A) #FFC11E(AAA) #FC6E6B(AA18) #61BA92(AA)
Colors
Select a background color to view accessible brand color combinations for text or other elements. Note: colors marked AA18 should only be used for large type (18px or larger).
Red
#EF1561
Accessible Text Colors
#FFFFFF(AA) #F6F6F6(AA18) #EBEAEE(AA18A)
Colors
Select a background color to view accessible brand color combinations for text or other elements. Note: colors marked AA18 should only be used for large type (18px or larger).
Black
#080815
Accessible Text Colors
#FFFFFF(AAA) #F6F6F6(AAA) #EBEAEE(AA18A) #FFC11E(AAA) #FC6E6B(AA18) #61BA92(AA)
Typography
Syntax Highlighting
Graphic Styles
With a fully developed brand, our next step was to design and launch a new website for Dask to help it better connect with its audience.
While some companies might limit a lot of the interactive elements to the desktop, we took the extra step to think through, design, and implement a more complete responsive experience, including interactions. Regardless of device.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
See the Case Study →
Need some magic in your marketing? Let’s have a conversation. No obligation, no sales team. Let’s just see if we’re a good fit for each other.
