Our story

Wellness that tastes like a treat

We started Vitgem with one simple belief: a daily supplement should be something you look forward to — not a chalky tablet you dread.

{%- comment -%} Vitgem About / Our Story — premium storytelling section with SVG illustrations, scroll-triggered animations, timeline, and animated counters. {%- endcomment -%} {{ 'section-main-page.css' | asset_url | stylesheet_tag }} {%- style -%} .section-{{ section.id }}-padding { padding-top: {{ section.settings.padding_top | times: 0.75 | round: 0 }}px; padding-bottom: {{ section.settings.padding_bottom | times: 0.75 | round: 0 }}px; } @media screen and (min-width: 750px) { .section-{{ section.id }}-padding { padding-top: {{ section.settings.padding_top }}px; padding-bottom: {{ section.settings.padding_bottom }}px; } } /* ── Animations ── */ @keyframes vg-fade-up { from { opacity: 0; transform: translateY(32px); } to { opacity: 1; transform: translateY(0); } } @keyframes vg-fade-left { from { opacity: 0; transform: translateX(-32px); } to { opacity: 1; transform: translateX(0); } } @keyframes vg-fade-right { from { opacity: 0; transform: translateX(32px); } to { opacity: 1; transform: translateX(0); } } @keyframes vg-scale-in { from { opacity: 0; transform: scale(0.9); } to { opacity: 1; transform: scale(1); } } @keyframes vg-float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-8px); } } @keyframes vg-gradient-shift { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } @keyframes vg-draw { from { stroke-dashoffset: 1; } to { stroke-dashoffset: 0; } } @keyframes vg-pulse-ring { 0% { transform: scale(1); opacity: 0.4; } 100% { transform: scale(1.6); opacity: 0; } } .vg-animate { opacity: 0; } .vg-animate.vg-visible { animation-fill-mode: both; } .vg-fade-up.vg-visible { animation: vg-fade-up 0.7s cubic-bezier(0.22,1,0.36,1); } .vg-fade-left.vg-visible { animation: vg-fade-left 0.7s cubic-bezier(0.22,1,0.36,1); } .vg-fade-right.vg-visible { animation: vg-fade-right 0.7s cubic-bezier(0.22,1,0.36,1); } .vg-scale-in.vg-visible { animation: vg-scale-in 0.6s cubic-bezier(0.22,1,0.36,1); } .vg-delay-1 { animation-delay: 0.1s; } .vg-delay-2 { animation-delay: 0.2s; } .vg-delay-3 { animation-delay: 0.3s; } .vg-delay-4 { animation-delay: 0.4s; } .vg-delay-5 { animation-delay: 0.5s; } @media (prefers-reduced-motion: reduce) { .vg-animate { opacity: 1; } .vg-animate.vg-visible { animation: none; opacity: 1; } .vg-float-el { animation: none !important; } } /* ── Hero ── */ .vg-about-hero { position: relative; background: linear-gradient(135deg, #F0FAF6 0%, #E8F8F2 40%, #FAFAFA 100%); background-size: 200% 200%; animation: vg-gradient-shift 8s ease infinite; border-radius: 20px; padding: 64px 32px; text-align: center; margin-bottom: 64px; overflow: hidden; } .vg-about-hero::before { content: ''; position: absolute; top: -60px; right: -60px; width: 200px; height: 200px; background: radial-gradient(circle, rgba(41,175,136,0.08) 0%, transparent 70%); border-radius: 50%; } .vg-about-hero::after { content: ''; position: absolute; bottom: -40px; left: -40px; width: 160px; height: 160px; background: radial-gradient(circle, rgba(41,175,136,0.06) 0%, transparent 70%); border-radius: 50%; } .vg-hero-label { font-family: var(--vitgem-font-heading, 'Outfit', sans-serif); font-size: 12px; font-weight: 600; letter-spacing: 0.14em; text-transform: uppercase; color: #29AF88; margin-bottom: 16px; display: inline-flex; align-items: center; gap: 8px; } .vg-hero-label::before, .vg-hero-label::after { content: ''; width: 24px; height: 1px; background: #29AF88; } .vg-about-hero h1 { font-family: var(--vitgem-font-heading, 'Outfit', sans-serif); font-size: 48px; font-weight: 700; color: #0D0D0D; letter-spacing: -0.03em; line-height: 1.1; margin: 0 0 20px; position: relative; z-index: 1; } .vg-about-hero h1 em { font-style: italic; color: #29AF88; } .vg-hero-sub { font-size: 18px; line-height: 1.65; color: #555; max-width: 580px; margin: 0 auto; position: relative; z-index: 1; } /* floating SVG decorations in hero */ .vg-hero-decor { position: absolute; z-index: 0; } .vg-float-el { animation: vg-float 4s ease-in-out infinite; } .vg-hero-decor--1 { top: 20%; left: 8%; } .vg-hero-decor--2 { top: 15%; right: 6%; animation-delay: -1.5s; } .vg-hero-decor--3 { bottom: 18%; left: 12%; animation-delay: -2.5s; } .vg-hero-decor--4 { bottom: 15%; right: 10%; animation-delay: -0.8s; } /* ── Story blocks ── */ .vg-story { margin-bottom: 80px; } .vg-story-block { display: grid; gap: 40px; align-items: center; margin-bottom: 64px; } @media screen and (min-width: 750px) { .vg-story-block { grid-template-columns: 1fr 1fr; } .vg-story-block--rev .vg-story-text { order: -1; } } .vg-story-visual { background: #F0FAF6; border-radius: 20px; padding: 48px; display: flex; align-items: center; justify-content: center; min-height: 300px; position: relative; overflow: hidden; } .vg-story-visual::after { content: ''; position: absolute; inset: 0; border-radius: 20px; border: 1px solid rgba(41,175,136,0.1); pointer-events: none; } .vg-story-visual svg { max-width: 200px; height: auto; } .vg-story-text h2 { font-family: var(--vitgem-font-heading, 'Outfit', sans-serif); font-size: 30px; font-weight: 700; color: #0D0D0D; letter-spacing: -0.03em; line-height: 1.2; margin: 0 0 16px; } .vg-story-text h2 em { font-style: italic; color: #29AF88; } .vg-story-text p { font-size: 16px; line-height: 1.75; color: #444; margin: 0 0 14px; } /* ── Timeline / Journey ── */ .vg-timeline { position: relative; padding: 0 0 0 40px; margin-bottom: 80px; } .vg-timeline::before { content: ''; position: absolute; left: 15px; top: 0; bottom: 0; width: 2px; background: linear-gradient(to bottom, #29AF88, #E8F8F2); } .vg-timeline-title { font-family: var(--vitgem-font-heading, 'Outfit', sans-serif); font-size: 32px; font-weight: 700; color: #0D0D0D; letter-spacing: -0.03em; text-align: center; margin: 0 0 48px -40px; } .vg-timeline-title em { font-style: italic; color: #29AF88; } .vg-tl-item { position: relative; margin-bottom: 40px; padding-left: 24px; } .vg-tl-dot { position: absolute; left: -33px; top: 4px; width: 28px; height: 28px; border-radius: 50%; background: #fff; border: 3px solid #29AF88; display: flex; align-items: center; justify-content: center; z-index: 1; } .vg-tl-dot svg { width: 14px; height: 14px; color: #29AF88; } .vg-tl-dot::after { content: ''; position: absolute; inset: -4px; border-radius: 50%; border: 2px solid rgba(41,175,136,0.15); animation: vg-pulse-ring 2.5s ease-out infinite; } .vg-tl-year { font-family: var(--vitgem-font-heading, 'Outfit', sans-serif); font-size: 13px; font-weight: 600; color: #29AF88; letter-spacing: 0.05em; margin-bottom: 4px; } .vg-tl-item h3 { font-family: var(--vitgem-font-heading, 'Outfit', sans-serif); font-size: 20px; font-weight: 600; color: #0D0D0D; margin: 0 0 6px; } .vg-tl-item p { font-size: 15px; line-height: 1.65; color: #555; margin: 0; } @media screen and (min-width: 750px) { .vg-timeline { padding-left: 0; max-width: 700px; margin-left: auto; margin-right: auto; } .vg-timeline::before { left: 50%; transform: translateX(-50%); } .vg-tl-item { width: 45%; padding-left: 0; } .vg-tl-item:nth-child(odd) { margin-left: 0; padding-right: 32px; text-align: right; } .vg-tl-item:nth-child(even) { margin-left: 55%; padding-left: 32px; } .vg-tl-item:nth-child(odd) .vg-tl-dot { left: auto; right: -46px; } .vg-tl-item:nth-child(even) .vg-tl-dot { left: -46px; } .vg-timeline-title { margin-left: 0; } } /* ── Counters ── */ .vg-counters { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; margin-bottom: 80px; } @media screen and (min-width: 750px) { .vg-counters { grid-template-columns: repeat(4, 1fr); } } .vg-counter { background: #FAFAFA; border: 1px solid #EEE; border-radius: 16px; padding: 28px 20px; text-align: center; transition: box-shadow 0.25s ease, transform 0.25s ease; } .vg-counter:hover { box-shadow: 0 8px 24px rgba(41,175,136,0.1); transform: translateY(-2px); } .vg-counter-icon { width: 48px; height: 48px; margin: 0 auto 12px; background: rgba(41,175,136,0.1); border-radius: 12px; display: flex; align-items: center; justify-content: center; } .vg-counter-icon svg { width: 24px; height: 24px; color: #29AF88; } .vg-counter-num { font-family: var(--vitgem-font-heading, 'Outfit', sans-serif); font-size: 32px; font-weight: 700; color: #0D0D0D; line-height: 1.1; margin-bottom: 4px; } .vg-counter-label { font-size: 13px; color: #666; line-height: 1.4; } /* ── Values grid ── */ .vg-values { margin-bottom: 80px; } .vg-values-title { font-family: var(--vitgem-font-heading, 'Outfit', sans-serif); font-size: 32px; font-weight: 700; color: #0D0D0D; letter-spacing: -0.03em; text-align: center; margin: 0 0 40px; } .vg-values-title em { font-style: italic; color: #29AF88; } .vg-values-grid { display: grid; grid-template-columns: 1fr; gap: 20px; } @media screen and (min-width: 750px) { .vg-values-grid { grid-template-columns: repeat(3, 1fr); } } .vg-value-card { background: #fff; border-radius: 16px; padding: 32px 24px; text-align: center; border: 1px solid #EEE; transition: box-shadow 0.25s ease, transform 0.25s ease; cursor: default; } .vg-value-card:hover { box-shadow: 0 8px 28px rgba(0,0,0,0.06); transform: translateY(-3px); } .vg-value-icon { width: 56px; height: 56px; border-radius: 50%; background: linear-gradient(135deg, #29AF88, #1E8C6B); display: flex; align-items: center; justify-content: center; margin: 0 auto 16px; box-shadow: 0 4px 12px rgba(41,175,136,0.25); } .vg-value-icon svg { width: 24px; height: 24px; color: #fff; } .vg-value-card h3 { font-family: var(--vitgem-font-heading, 'Outfit', sans-serif); font-size: 17px; font-weight: 600; color: #0D0D0D; margin: 0 0 8px; } .vg-value-card p { font-size: 14px; line-height: 1.6; color: #666; margin: 0; } /* ── Promise ── */ .vg-promise { background: linear-gradient(135deg, #29AF88 0%, #1E8C6B 50%, #177A5C 100%); background-size: 200% 200%; animation: vg-gradient-shift 6s ease infinite; border-radius: 20px; padding: 56px 32px; text-align: center; color: #fff; margin-bottom: 80px; position: relative; overflow: hidden; } .vg-promise::before { content: ''; position: absolute; top: -80px; right: -80px; width: 250px; height: 250px; background: radial-gradient(circle, rgba(255,255,255,0.08) 0%, transparent 70%); border-radius: 50%; } .vg-promise h2 { font-family: var(--vitgem-font-heading, 'Outfit', sans-serif); font-size: 30px; font-weight: 700; color: #fff; margin: 0 0 20px; position: relative; } .vg-promise p { font-size: 16px; line-height: 1.75; max-width: 620px; margin: 0 auto 14px; color: #fff; position: relative; } .vg-promise-badges { display: flex; flex-wrap: wrap; gap: 10px; justify-content: center; margin-top: 28px; position: relative; } .vg-promise-badge { background: rgba(255,255,255,0.15); backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); border: 1px solid rgba(255,255,255,0.25); border-radius: 100px; padding: 8px 20px; font-size: 14px; font-weight: 500; color: #fff; display: inline-flex; align-items: center; gap: 6px; transition: background 0.2s ease; } .vg-promise-badge:hover { background: rgba(255,255,255,0.25); } .vg-promise-badge svg { width: 16px; height: 16px; } /* ── CTA ── */ .vg-cta { text-align: center; padding: 20px 0; } .vg-cta h2 { font-family: var(--vitgem-font-heading, 'Outfit', sans-serif); font-size: 30px; font-weight: 700; color: #0D0D0D; margin: 0 0 12px; } .vg-cta p { font-size: 16px; color: #666; margin: 0 0 28px; } .vg-cta-btn { display: inline-flex; align-items: center; gap: 8px; background: linear-gradient(135deg, #29AF88, #1E8C6B); color: #fff; font-family: var(--vitgem-font-heading, 'Outfit', sans-serif); font-size: 15px; font-weight: 600; padding: 16px 40px; border-radius: 100px; text-decoration: none; transition: transform 0.2s ease, box-shadow 0.2s ease; box-shadow: 0 4px 16px rgba(41,175,136,0.3); cursor: pointer; } .vg-cta-btn:hover { transform: translateY(-2px); box-shadow: 0 8px 24px rgba(41,175,136,0.35); color: #fff; } .vg-cta-btn svg { width: 18px; height: 18px; } /* ── Mobile ── */ @media screen and (max-width: 749px) { .vg-about-hero { padding: 40px 20px; margin-bottom: 48px; } .vg-about-hero h1 { font-size: 30px; } .vg-hero-sub { font-size: 15px; } .vg-hero-decor { display: none; } .vg-story-text h2 { font-size: 24px; } .vg-story-visual { min-height: 220px; padding: 32px; } .vg-story-visual svg { max-width: 150px; } .vg-timeline-title { font-size: 24px; } .vg-tl-item h3 { font-size: 17px; } .vg-counter-num { font-size: 26px; } .vg-values-title { font-size: 24px; } .vg-promise { padding: 40px 20px; } .vg-promise h2 { font-size: 24px; } .vg-cta h2 { font-size: 24px; } } {%- endstyle -%}
Our Story

Wellness Should Be Enjoyable

We started Vitgem with a simple belief: if your vitamins taste great and actually work, you'll never forget to take them.

The Problem We Noticed

We kept hearing the same thing from friends, family, and colleagues across the UK: "I bought vitamins, took them for a week, then they sat in the cupboard gathering dust."

Huge tablets. Chalky taste. Confusing labels. Questionable doses. The supplement industry was making it hard to stick with something so simple — taking your daily vitamins.

A Better Way to Supplement

What if your vitamins were something you actually looked forward to? That was the question that started Vitgem.

We set out to create sugar-free gummy vitamins with clinically-backed doses — not pixie-dust sprinkles of ingredients — in flavours you'd genuinely enjoy. No compromises. No gimmicks. Just real formulas in a format that fits your life.

Made in the UK, Properly

Every Vitgem gummy is manufactured in a GMP-certified facility in London. We control the entire process — from ingredient sourcing to final quality checks.

Full traceability. Third-party tested. 100% vegan. We publish exactly what's in each gummy because we believe you deserve to know what you're putting in your body.

Our Journey

The Spark

The Idea Takes Shape

Frustrated by chalky tablets and sugar-laden gummies, we asked: why can't vitamins be both effective and enjoyable?

Formulation

18 Months of R&D

Working with UK nutritionists to develop clinically-dosed, sugar-free formulas that actually taste great. Over 50 iterations per product.

Production

GMP-Certified in London

Secured a GMP-certified manufacturing facility in London. Full control from ingredient sourcing to finished product.

Launch

4.8 Stars on Amazon UK

Launched with four targeted formulas. Over 142 verified five-star reviews from real UK customers within the first months.

4
Targeted Formulas
4.8
Average Rating
142+
Verified Reviews
33p/day
From Just

What We Stand For

Clinically-Backed Doses

KSM-66 Ashwagandha, Magnesium Glycinate, D3 4000IU — real ingredients at real doses, not label dressing.

Clean & Transparent

Sugar-free. 100% vegan. No artificial colours. Every ingredient and dose listed clearly on the label.

Honest Value

60 gummies per jar, 2-month supply. From just 33p per day. No subscription traps — save 15% only if you choose to.

UK Made, GMP Certified

Manufactured in London under strict GMP standards. Full batch traceability from raw ingredient to finished gummy.

30-Day Guarantee

Not for you? No problem. Full refund within 30 days, no questions asked. We stand behind every jar.

Rated 4.8/5 on Amazon UK

Over 142 verified reviews from real customers across the UK. We let our results speak for themselves.

Our Promise to You

We'll never cut corners on ingredients. We'll never hide behind proprietary blends. And we'll never sell you something we wouldn't take ourselves. Every formula is designed with one question: does it actually work?

Vitgem exists to make daily wellness effortless, enjoyable, and effective — for everyone in the UK.

100% Vegan Sugar-Free Made in UK GMP Certified From 33p/day

Ready to Feel the Difference?

Explore our range of premium sugar-free gummy vitamins.

Shop All Products
{% schema %} { "name": "Vitgem About Page", "tag": "section", "class": "section", "settings": [ { "type": "range", "id": "padding_top", "min": 0, "max": 100, "step": 4, "unit": "px", "label": "Top padding", "default": 48 }, { "type": "range", "id": "padding_bottom", "min": 0, "max": 100, "step": 4, "unit": "px", "label": "Bottom padding", "default": 48 } ] } {% endschema %}
Shop the range