CardByte AI Private Limited · Gurugram, India
The CardByte brand & product design system
A digital business card paired with a contact-management platform for enterprises — pitched as India’s first, built on patented technology. This is the single source of truth for how CardByte looks, reads and behaves: tokens, components, two UI kits and the brand foundations behind them.
Colour
A deep-navy product chrome and a saturated royal blue, warmed by the signature gold mark and an eco-green. Status and accent ramps round it out.
Typography
Poppins for friendly geometric display, DM Sans for clean product UI, DM Mono for data and numerals.
Spacing & depth
An 8px grid with 4px half-steps, generous soft radii, and cool blue-tinted shadows.
Logo, mark & motif
The charcoal wordmark, the gold + indigo “byte” wedge, the royal-blue guilloché card surface, and the marketing icon & illustration families.
UI components
The live React library, compiled into _ds_bundle.js. Buttons, inputs, cards, badges, alerts, tabs and the brand pieces.
Marketing homepage
A full redesign of the CardByte.ai homepage — hero, feature grid, product story, social proof and pricing — assembled from the system.
Enterprise web app
The product surface: login → dashboard, contacts, and the my-card editor, in the fixed navy-rail product chrome.
Digital card showcase
A shareable CardByte digital business-card landing — card face, contact details and share actions.