Dippi is a unique digital labeling platform based in Georgia.
Offering detailed product information accessed through QR codes - ingredients, allergens, energy values, nutritional content, and most importantly, making regulation compliance easier, builds trust, and keeps product information up-to-date in multiple languages.
Scope:
Dedicated agile team
Duration:
8 months
Team:
5 people
Design tool
Design tool
Animation tool
Accessibility tool
Research tool
Project management
Team communication
SM Manager tool
In December 8, 2023, the regulation requiring detailed product information for wines sold in the European Union, specifically Regulation (EU) 2021/2117, came into effect. One of the significant challenges Dippi faced was navigating the complex and ever-changing landscape of global regulatory compliance. This required a deep understanding of diverse regulatory environments, constant vigilance to stay ahead of new legislation, and advanced technological infrastructure to support seamless integration with existing systems.
Additionally, educating and convincing traditional wineries and manufacturers to adopt this cutting-edge technology was a challenge. Many were accustomed to conventional labeling methods and hesitant to transition to a digital approach. Overcoming this resistance involved demonstrating the tangible benefits of digital labels—such as cost savings, reduced waste, increased transparency, and enhanced consumer engagement—and providing exceptional customer support to ease the transition.
For general audience
Discover what Dippi is all about by visiting our website and learn how our technology can enhance labeling process.
Website: Open link
For Dippi users
Dippi Portal, designed specifically for winemakers, manufacturers, and producers to create digital labels with ease and precision.
Portal: Open link
SCAN QR
TO LEARN MORE
For consumers
Scan the QR code to access the digital label of one of our official partners.
Or click here: View digital label
*All info is public
Dippi has color system into two levels: a system-level color system and a product-level color system.
The system-level color system mainly defines the basic color palette, neutral color palette and data visualization color palette. The product-level color system is in the specific design process, based on the color of the system to further define the tone of the product in accordance with the requirements and function of the color.
Dippi's base color palette totals 140 colors, including 14 primary colors and their derivative colors. These colors can basically include the need for color in background applications design.
Primary color - Purple
colors.purple
Accent color
colors.yellow
Success
colors.green
Info
colors.blue
Danger
colors.red
Attention
colors.yellow
Primary neutral color - White
colors.orange
Primary neutral color - Black
colors.green
The font system is one of the most foundational parts of any interface design.
Text is a major channel for users to understand application content and complete their work, and a well designed font system will greatly enhance the user's reading experience and work efficiency.
Dippi's base font size is 14 to ensure the best user reading efficiency on most common monitors based on display screen reading distance (50 cm) and optimal reading angle (0.3).
The font scale and line height determine the beauty of the dynamics and order of a font system. Font scale refers to a series of font with different sizes. Line height can be understood as an invisible box wrapped outside the font.
Dippi is using 140% font height method to define font sizes and corresponding line heights, for example:
Basic text writing, including headings, body text, lists, and more.
| Component and layout headings | Family | Size | Line Height | Weight | Usage |
|---|---|---|---|---|---|
| heading-01 | Figtree | 40px | 140% | Regular | Content headings, marketing page headings, large display headings |
| heading-02 | Figtree | 32px | 140% | Regular | Content headings, marketing page headings, large display headings |
| heading-03 | Figtree | 24px | 140% | Regular | Content headings, marketing page headings, large display headings |
| heading-04 | Figtree | 20px | 140% | Regular | Content headings, marketing page headings, large display headings |
| heading-05 | Figtree | 16px | 140% | Regular | Standard cards, panels |
| heading-06 | Figtree | 14px | 140% | Regular | Standard cards/panels, list items, menu items |
| heading-07 | Figtree | 12px | 140% | Regular | Standard cards, panels, compact list items, compact menu items |
| Body/base Styles | Family | Size | Line Height | Weight | Usage |
| body-01 | Ubuntu | 16px | 140% | Regular | Body copy for touch devices and more spacious Marketing pages |
| body-02 | Ubuntu | 14px | 140% | Regular | Standard Body style for web and general product pages |
| body-03 | Ubuntu | 12px | 140% | Regular | Standard Body style for Desktop and more condensed product designs. |
| Supporting Styles | Family | Size | Line Height | Weight | Usage |
| MONO TYPE | Sono | Variable | 140% | Regular | Displaying names and numbers in mono typeface |
