Brand Identity

MyQCart Brand Guidelines

Official colour palette, typography standards, and visual identity rules for MY QCART™ — the trading division of ORVIK Group LTD.

🎨 Brand Colours

MyQCart's colour system is built for clarity, trust, and energy. Each colour has a defined role — apply it consistently across all touchpoints. Click any HEX badge to copy the code.

Primary Colours

Deep Navy
Deep Navy #1E3A8A

Primary brand colour — headings, logos, core UI elements.

Teal
Teal #14B8A6

Secondary brand colour — accents, highlights, interactive states.

Accent Colours

Orange
Orange #F97316

Call-to-action buttons, alerts, high-energy moments.

Green
Green #10B981

Success states, growth indicators, positive feedback.

Neutral Colours

Dark Gray
Dark Gray #374151

Body text, secondary headings, supporting copy.

Light Gray
Light Gray #F3F4F6

Page backgrounds, subtle UI panels, section fills.

White
White #FFFFFF

Card surfaces, clean spaces, text on dark backgrounds.

📋 Colour Usage Reference

Quick reference for applying brand colours to specific UI contexts consistently.

Colour HEX Category Typical Usage
Deep Navy #1E3A8A Primary Logos, headings, nav bars, primary buttons
Teal #14B8A6 Secondary Accents, hover states, links, icon fills
Orange #F97316 Accent / CTA Primary CTAs, promotional banners, priority alerts
Green #10B981 Accent / Success Confirmations, status badges, positive metrics
Dark Gray #374151 Neutral Body copy, secondary headings, captions
Light Gray #F3F4F6 Neutral Section fills, card backgrounds, input fields
White #FFFFFF Neutral Cards, modals, content areas, text on dark surfaces

✍️ Typography

MyQCart uses modern, humanist sans-serif typefaces selected for their clarity, professionalism, and outstanding readability across digital and print contexts.

Primary Typeface
Inter (preferred) Poppins Montserrat
Quick. Quality. Global.

The quick brown fox jumps over the lazy dog.   0123456789   ABCDEFGHIJKLMNOPQRSTUVWXYZ

400 — Regular MyQCart POS
500 — Medium MyQCart POS
600 — SemiBold MyQCart POS
700 — Bold MyQCart POS
800 — ExtraBold MyQCart POS

Rationale: Inter, Poppins, and Montserrat are clean, professional typefaces with excellent readability across digital and print media. They are optimised for UI/UX applications and render crisply at all sizes and resolutions. Inter is the preferred default for all digital interfaces, with Poppins and Montserrat as approved alternatives for headings and marketing materials.

Type Scale

Display / H1 MyQCart POS
H2 Brand Guidelines
H3 Primary Colours
H4 Section heading
Body Body copy and descriptions — optimal at 15–16px for digital reading.
Label Caption & Label Text

✅ Dos & Don’ts

Follow these rules to maintain a consistent, professional brand appearance across all channels and materials.

✓ Do
  • Use Deep Navy for primary headings and logos
  • Use Teal for interactive elements and highlights
  • Use Orange only for primary CTAs and high-priority alerts
  • Use Inter as the default digital typeface
  • Maintain WCAG AA contrast ratios at minimum
  • Always write the trademark as: MyQCart™
  • Use "MY QCART is the trading division of ORVIK Group LTD" in all legal contexts
✗ Don't
  • Don't alter brand colours or use unapproved tints
  • Don't use Orange as a background for large areas
  • Don't mix typeface families within a single headline
  • Don't place light text on Light Gray backgrounds
  • Don't distort, outline, or add drop shadows to the logo
  • Don't use "subsidiary" — correct term is "trading division"
  • Don't omit the Company Registration No. from formal documents
✓ HEX code copied!