Disclaimer Merck KGaA, Darmstadt, Germany and our licensors, vendors, agents, and/or our content providers retain ownership of all intellectual property rights of any kind related to the Liquid Design System and it’s visual / functional assets and the M Font including the website and services under www.emd.design (“Website”). All rights reserved to the copyright holders. Subject to the limitations set forth herein Merck KGaA, Darmstadt, Germany grants to its partners, suppliers, agencies and other third parties working together with Merck KGaA, Darmstadt, Germany delivering, supporting or facilitating digital products of Merck KGaA, Darmstadt, Germany (“Partners” or “You”) the following license free-of-charge as long as such Partners have a current, non-expired and valid contractual relationship with Merck KGaA, Darmstadt, Germany: You are granted a worldwide, non-exclusive, royalty-free, revocable and non-sublicensable license to use the Website, the Liquid Design System and it’s visual / functional assets and the M Font as stated on the Website and its functionalities and to reproduce, prepare derivative works, publicly display, publicly perform solely for performing your obligations under the contract with Merck KGaA, Darmstadt, Germany. Notwithstanding the foregoing, for each of all sub-dependencies (which are listed as such in the package.json respectively the package-lock.json or yarn.lock files or in any other dependency lock file included in the library), the license of the author of the dependency applies. If you have used the Liquid Design System we are very interested in your outcomes and much appreciate if you would share them with us through our e-mail address: email@example.com
- Color Palette
- Liquid Colors.sketchpalette
- Color Palette Sketch Plugin
- Illustration Scene.ai
- Liquid Design System
- Liquid Design System_Sketch.sketch
- Liquid Design System_Figma.fig
The fonts are available with the Liquid Design System Kit.
How to Install the Font
Mac OS Double click on the downloaded .zip file.
Within the Lato folder, select all .ttf files and double click on them.
Click on install.
Windows Right click on the downloaded .zip file and select Extract to Lato.
Within the Lato folder, select all .ttf files and right click on them.
Click on install.
*You might require administration rights in order to install fonts on your computer.
- Open Sketch
- Navigate to Sketch Preferences
- Select Libraries
- Click on Add Library…
- Select the Liquid Design System Sketch file
Now you can use the system in every Sketch file you are working on. Please always make sure you’re not changing anything within the root Sketch file. If you find a bug, want to add something or have a change request just shoot us an email to firstname.lastname@example.org.
Check out the next section on how to use the library.
The entire library is built on the atomic design approach thus inside the structure of elements relies on the same approach.
Figma allows for great collaborative work through its browser-based nature and being accessible to multiple users at the same time. Though it might not entirely be up to speed with its competitors, new functionalities are permanently integrated and it’s already possible to make great designs with it.
If you have no access to a Mac computer and Sketch, you can use Figma instead. Figma is a free to start browser-based design tool, working on multiple platforms. We migrated the entire Sketch library to Figma so you are able to import the file from the Design Kit into Figma or access the preview link and have a look through it (use the three lined icon to see the different pages)!