QualitetMarket
Brand Identity
Quality + Universe. A platform where creators, sellers and buyers build a new AI-powered commerce ecosystem.
Brand Identity
The QualitetMarket brand should feel like a fusion of TikTok's creativity, Stripe's trustworthiness, Shopify's simplicity, and Notion's clean intelligence.
- Use gradient text for key headlines
- Apply glassmorphism to cards and panels
- Use Space Grotesk for all headings
- Maintain deep space black backgrounds
- Apply subtle purple glow to interactive elements
- Use neon cyan for CTAs and highlights
- Use pure white backgrounds
- Use harsh, flat colors without gradients
- Mix the old "Qualitet" gold/green palette
- Use red or orange as primary accents
- Apply heavy drop shadows (use glow instead)
- Use serif or display-only fonts for UI
Logo
The QualitetMarket logo is a bold V-mark forming a galaxy orbit ring, symbolizing the convergence of quality and the universe of commerce.
Logo concept: V-Galaxy Ring
The V symbol represents "Verse" (Universe). The orbit ellipse surrounding it represents the ecosystem of commerce revolving around quality. The purple-to-cyan gradient flows from the brand's primary Electric Purple to the secondary Neon Cyan — symbolising innovation transforming into clarity.
Color System
A cyber-futuristic SaaS palette built around Electric Purple as primary and Neon Cyan as secondary on a Deep Space Black foundation.
Gradient Usage
Typography
Space Grotesk for headings (modern tech feel) + Inter for body text (clean and readable). Both from Google Fonts.
Component Library
Reusable glassmorphism components with Electric Purple / Neon Cyan design system.
Buttons
Tags & Badges
Product Cards
Store Cards
Creator Cards
AI Widget
Analytics Panel
Leaderboard
Glassmorphism Cards
Store Analytics
Use this variant for primary data panels, dashboards and feature highlights.
Live Commerce
Use the cyan glass variant for live events, real-time data and interactive features.
App Icons & Platform Screens
The QualitetMarket icon is consistent across all platforms: web favicon, PWA icon, and Apple touch icon.