Cardio Project | Cindy Affandi

Cardio is a lightweight digital identity tool that replaces outdated business cards with something smarter. Designed for the modern professional, Cardio lets users share their links, contact information, and more. All in one smart card.

Challenge

Cardio needed a fresh identity and user experience that felt simple and personal, yet powerful enough to stand out in a crowded space of networking tools.

Solution

I created a design system that feels clean, friendly, and modern, from branding to product UI, combining clever design with a playful yet professional tone.

Impact

Built a consistent visual style across the brand, website, and product.
Created a design system that’s easy to scale and maintain.
A clean, modern UI that makes the product easy to use.
Made social content and mock-ups more eye-catching and easy to understand.

Branding

Cardio’s branding was crafted to feel modern, approachable, and full of personality — reflecting the product’s goal of helping people be remembered.

Logo & Mark

The Cardio logo combines a soft, rounded wordmark with a bold symbol. The mark is inspired by two overlapping cards, forming a unique shape that hints at connection and contact sharing. It’s simple, distinctive, and works well at any size.

Color Palette

This mix brings balance, flexibility, and personality to the brand.

Typography

Area Inktrap (Header): bold and full of character.
IBM Plex Sans (Body): clean, readable, and grounded.

Iconography

Custom icons with rounded strokes and bright accents make the interface feel fun and easy to use.

Imagery

Natural, diverse, and human-focused. The photos highlight real people in real moments, showing how Cardio fits into everyday life.

Visual Motifs

The logo mark is used across visuals in different brand colors, creating a playful and flexible identity that feels alive and recognizable.

Website Design

Cardio’s website is clean, easy to navigate, and focused on helping people understand the product quickly. It features clear call-to-action buttons, real product mock-ups, smooth scroll animations, and is fully responsive.

View the Website→

Web App

Cardio’s web app is where users create, manage, and share their cards. The interface is clean and organized, with simple performance stats like views, shares, and saves. It’s smooth, focused, and easy to use.

Launch Video

A short, fun video that introduces Cardio and shows how it works by highlighting key features quickly and clearly.

Marketing & Social Media

Fun and relatable content created for Instagram, TikTok, X, Threads, LinkedIn, and Product Hunt — showing real-life situations where Cardio is useful, with a witty tone and clean look.

Cardio in Action

Mock-ups showing how Cardio works in real life. From digital cards for different jobs to posters and ads, these visuals help people imagine Cardio in everyday moments.

Similar Projects

Bienvenue Factory

Brand refresh, website, and marketing assets for a cross-cultural retail consultancy bridging European and Asian markets.

BrandingLogoGraphic DesignWebsite Design

RegASK 2024

Worked on rebranding and design concepts for a regulatory intelligence SaaS platform.

BrandingLogoGraphic DesignWebsite DesignPresentation DesignMarketing Collateral

Qualtech

Brand identity and website design for an AI-powered quality management SaaS platform.