Conviva Colors

We’re distilling our brand palette to its most essential elements—our two logo colors. This simplification creates stronger brand recognition and more impactful visual presence.

Primary Colors

Conviva Green

#9cdc00

Conviva Gray

#717372

Secondary Colors

Purple 200

#942366

Pink 200

#e5167b

Purple 300

#583160

Pink 100

#fce8f2

Purple 100

#efeaf2

Conviva Green Palette

Green 300

#5a9b00

Green 200

#78b900

Green 100 - Primary

#9cdc00

Conviva Gray Palette

Gray 1000

#424548

Gray 900

#707372

Gray 800

#9b9d9c

Gray 700

#a9abaa

Gray 600

#b7b9b8

Gray 500

#c6c7c7

Gray 400

#d4d5d5

Gray 300

#e2e3e3

Gray 200

#f1f1f1

Gray 100

#f8f8f8

Text and Background Colors

Text Color

#222629

BG Highkey

#fcfcfc


Typography

Conviva has been using the geometric typeface Poppins for over five years and plans to continue. The only refinement is adopting the double-story ‘a’ for web, as it improves readability in smaller sizes or dense text and reduces confusion with similar letters like ‘o.’ The double-story ‘a’ also conveys a formal and professional style, aligning with Conviva’s brand image.

For type treatment, we are moving toward bolder, larger display and headings, with more vibrant color fills to create a striking and dynamic visual presence.

Important note: For website design, please use the double-story ‘a,’ NOT the default ‘a.’

Poppins Regular  |  Poppins Semi-Bold  |  Poppins Bold

Download fonts


Platform Icons

Conviva uses Phosphor Icons as the official icon set for its brand. These icons are modern, versatile, and align seamlessly with Conviva’s vibrant and dynamic identity.

Usage Guidelines

  • Style: Use the bold weight of Phosphor Icons to maintain consistency across all brand touchpoints. Avoid mixing weights or styles to prevent visual inconsistency.
  • Sizing: Icons should be proportionate to the content. For most applications, use sizes between 16px and 48px. Adjust as needed for larger visuals like hero sections or banners.
  • Color:
    • Icons should use Conviva Green (#9CDC00) for primary contexts.
    • For monochromatic designs, use Conviva Grays(#707372) and Text Color (#222629) or white.

Don’t:

  • Distort, stretch, or skew the icons.
  • Use icons excessively in a single layout, as this can create visual clutter.

Team Icons

Platform Icons


Illustrations

Our evolved illustration style combines multiple visual elements into cohesive compositions: authentic UI components, real-world photography (transparent product shots, physical objects), data visualizations, and charts. This mixed-media approach creates more engaging, relatable storytelling that connects abstract data concepts to tangible business outcomes.

Rather than limiting ourselves to simplified or detailed UI recreations, we now blend elements that tell richer stories. A sneaker might sit alongside performance metrics and interface elements, illustrating how our analytics impact real products and real businesses. This approach makes complex data insights more accessible and memorable.

These collaged illustrations work across all contexts—from technical documentation to social media—because they can emphasize different elements based on audience needs. The combination creates visual interest while maintaining the professional credibility essential for enterprise audiences.

This evolution reflects our brand’s maturity: confident enough to blend multiple visual languages into compelling, cohesive communications.

UI Illustrations

Due to the abstract nature of Conviva’s messaging and platform, illustrations must simplify these ideas and technical components into static images, often resulting in complex visuals. We’re shifting illustrations as a whole towards a UI focus that highlights and clarifies the product without complicating design or obfuscating the messaging.