diff --git a/src/components/BarcodeScannerDialog.vue b/src/components/BarcodeScannerDialog.vue
index 4e96fdae5a9..7baa7d9830d 100644
--- a/src/components/BarcodeScannerDialog.vue
+++ b/src/components/BarcodeScannerDialog.vue
@@ -46,7 +46,7 @@
                 persistent-hint
               >
                 <template #append-inner>
-                  <v-btn :icon="barcodeManualInputMode === 'search' ? 'mdi-magnify' : 'mdi-plus'" :disabled="!barcodeManualFormValid" @click="barcodeSearchOrSend" />
+                  <v-btn color="primary" :icon="barcodeManualInputMode === 'search' ? 'mdi-magnify' : 'mdi-plus'" :disabled="!barcodeManualFormValid" @click="barcodeSearchOrSend" />
                 </template>
               </v-text-field>
             </v-form>
diff --git a/src/components/ChallengeTakePicturesCard.vue b/src/components/ChallengeTakePicturesCard.vue
new file mode 100644
index 00000000000..de8abbe785b
--- /dev/null
+++ b/src/components/ChallengeTakePicturesCard.vue
@@ -0,0 +1,40 @@
+<template>
+  <v-card v-if="exampleProofUrl">
+    <v-card-title>
+      {{ $t('Challenge.StepTakePictures.Title') }}
+    </v-card-title>
+    <v-card-text>
+      <p class="mb-2">
+        {{ $t('Challenge.StepTakePictures.line1') }}
+      </p>
+      <v-img :src="exampleProofUrl" style="max-height: 200px" />
+      <p class="mb-2 mt-2">
+        {{ $t('Challenge.StepTakePictures.line2') }}
+      </p>
+    </v-card-text>
+    <v-divider />
+    <v-card-actions>
+      <v-spacer v-if="$vuetify.display.smAndUp" />
+      <v-btn
+        color="primary"
+        variant="flat"
+        :block="!$vuetify.display.smAndUp"
+        to="/proofs/add/multiple"
+      >
+        {{ $t('Challenge.StepTakePictures.AddPictures') }}
+      </v-btn>
+    </v-card-actions>
+  </v-card>
+</template>
+  
+<script>
+export default {
+  props: {
+    exampleProofUrl: {
+      type: String,
+      default: () => {}
+    }
+  },
+}
+</script>
+  
\ No newline at end of file
diff --git a/src/components/ChallengeTimeline.vue b/src/components/ChallengeTimeline.vue
new file mode 100644
index 00000000000..4260dc0e0a0
--- /dev/null
+++ b/src/components/ChallengeTimeline.vue
@@ -0,0 +1,58 @@
+<template>
+  <v-timeline direction="horizontal" truncate-line="both">
+    <v-timeline-item dot-color="success">
+      <div class="text-h6">
+        Start
+      </div>
+      <template #opposite>
+        {{ challenge.startDate }}
+      </template>
+    </v-timeline-item>
+    <v-timeline-item dot-color="error">
+      <template #opposite>
+        <div class="text-h6">
+          End
+        </div>
+      </template>
+      {{ challenge.endDate }}
+    </v-timeline-item>
+  </v-timeline>
+  <v-progress-linear
+    color="info"
+    height="25"
+    :model-value="progress"
+    striped
+    style="width: 50%; margin-left: 25%; top: -55px; margin-top: -25px"
+  >
+    <strong>{{ daysLeftText }}</strong>
+  </v-progress-linear>
+</template>
+  
+<script>
+export default {
+  props: {
+    challenge: {
+      type: Object,
+      default: () => {}
+    }
+  },
+  computed: {
+    nbDays() {
+      return Math.round((new Date(this.challenge.endDate) - new Date(this.challenge.startDate)) / (1000 * 60 * 60 * 24))
+    },
+    todayIndex() {
+      return Math.round((new Date() - new Date(this.challenge.startDate)) / (1000 * 60 * 60 * 24))
+    },
+    daysLeftText() {
+      const daysLeft = this.nbDays - this.todayIndex
+      if (daysLeft <= 0) return "Challenge over"
+      if (daysLeft >= this.nbDays) return "Not started"
+      return `${daysLeft} days left`
+    },
+    progress() {
+      return Math.min(100, this.todayIndex * 100 / this.nbDays)
+    }
+  }
+}
+</script>
+  
\ No newline at end of file
diff --git a/src/components/ChallengeValidateCard.vue b/src/components/ChallengeValidateCard.vue
new file mode 100644
index 00000000000..3a995c9ae30
--- /dev/null
+++ b/src/components/ChallengeValidateCard.vue
@@ -0,0 +1,35 @@
+<template>
+  <v-card class="fill-height d-flex flex-column">
+    <v-card-title>
+      {{ $t('Challenge.StepValidate.Title') }}
+    </v-card-title>
+    <v-card-text class="flex-grow-1">
+      <p class="mb-2">
+        {{ $t('Challenge.StepValidate.line1') }}
+      </p>
+      <p class="mb-4">
+        {{ $t('Challenge.StepValidate.line2') }}
+      </p>
+      <p class="mb-2">
+        {{ $t('Challenge.StepValidate.line3') }}
+      </p>
+      <p class="mb-4">
+        {{ $t('Challenge.StepValidate.line4') }}
+      </p>
+    </v-card-text>
+    <v-divider />
+    <v-card-actions>
+      <v-spacer v-if="$vuetify.display.smAndUp" />
+      <v-btn
+        color="primary"
+        variant="flat"
+        :block="!$vuetify.display.smAndUp"
+        to="/experiments/price-validation-assistant"
+      >
+        {{ $t('Challenge.StepValidate.ValidatePrices') }}
+      </v-btn>
+    </v-card-actions>
+  </v-card>
+</template>
+<script>
+</script>
\ No newline at end of file
diff --git a/src/components/ContributionAssistantPriceFormCard.vue b/src/components/ContributionAssistantPriceFormCard.vue
index 4307eb1cf30..135cc37e417 100644
--- a/src/components/ContributionAssistantPriceFormCard.vue
+++ b/src/components/ContributionAssistantPriceFormCard.vue
@@ -41,7 +41,7 @@
       <v-spacer />
       <v-btn
         v-if="mode === 'Validation'"
-        color="success"
+        color="primary"
         variant="flat"
         @click="validatePriceTag"
       >
diff --git a/src/components/Header.vue b/src/components/Header.vue
index ebada306470..0028c201961 100644
--- a/src/components/Header.vue
+++ b/src/components/Header.vue
@@ -12,8 +12,8 @@
     <v-btn v-else prepend-icon="mdi-magnify" to="/search" :aria-label="$t('Common.Search')">
       {{ $t('Common.Search') }}
     </v-btn>
-    <v-btn v-if="!$vuetify.display.smAndUp" color="primary" icon="mdi-tag-plus-outline" to="/prices/add/multiple" :aria-label="$t('Common.AddPrices')" />
-    <v-btn v-else color="primary" prepend-icon="mdi-tag-plus-outline" to="/prices/add/multiple" :aria-label="$t('Common.AddPrices')">
+    <v-btn v-if="!$vuetify.display.smAndUp" icon="mdi-tag-plus-outline" to="/prices/add/multiple" :aria-label="$t('Common.AddPrices')" />
+    <v-btn v-else prepend-icon="mdi-tag-plus-outline" to="/prices/add/multiple" :aria-label="$t('Common.AddPrices')">
       {{ $t('Common.AddPrices') }}
     </v-btn>
     <template v-if="!username" #append>
@@ -38,7 +38,6 @@
         :slim="true"
         :title="item.title"
         :prepend-icon="item.props['prepend-icon']"
-        :base-color="item.props['base-color']"
         :to="item.props.to"
       />
     </v-list>
@@ -74,7 +73,7 @@ export default {
         .filter(r => r.meta && r.meta.drawerMenu)
         .filter(r => this.username ? r.meta.requiresAuth !== false : !r.meta.requiresAuth)
         .filter(r => !r.meta.drawerMenuConditionalDisplay || this.appStore.user[r.meta.drawerMenuConditionalDisplay])
-        .map((r => ({ title: this.$t(`Router.${r.meta.title}.Title`), props: { 'prepend-icon': r.meta.icon, 'base-color': r.meta.color, to: r.path }})))
+        .map((r => ({ title: this.$t(`Router.${r.meta.title}.Title`), props: { 'prepend-icon': r.meta.icon, to: r.path }})))
     }
   },
   methods: {
diff --git a/src/components/LocationSelectorDialog.vue b/src/components/LocationSelectorDialog.vue
index 49624b3afa7..2fb3a549d7d 100644
--- a/src/components/LocationSelectorDialog.vue
+++ b/src/components/LocationSelectorDialog.vue
@@ -46,7 +46,7 @@
                 persistent-hint
               >
                 <template #append-inner>
-                  <v-btn icon="mdi-magnify" :disabled="!locationOsmSearchForm.q" @click="locationOsmSearch" />
+                  <v-btn color="primary" icon="mdi-magnify" :disabled="!locationOsmSearchForm.q" @click="locationOsmSearch" />
                 </template>
               </v-text-field>
             </v-form>
@@ -106,7 +106,7 @@
                 persistent-hint
               >
                 <template #append-inner>
-                  <v-btn icon="mdi-plus" :disabled="!locationOnlineFormValid" @click="createOnline" />
+                  <v-btn color="primary" icon="mdi-plus" :disabled="!locationOnlineFormValid" @click="createOnline" />
                 </template>
               </v-text-field>
             </v-form>
diff --git a/src/components/PriceDeleteConfirmationDialog.vue b/src/components/PriceDeleteConfirmationDialog.vue
index 860f1afd675..51d88253e7b 100644
--- a/src/components/PriceDeleteConfirmationDialog.vue
+++ b/src/components/PriceDeleteConfirmationDialog.vue
@@ -21,10 +21,11 @@
       <v-divider />
 
       <v-card-actions>
+        <v-spacer v-if="$vuetify.display.smAndUp" />
         <v-btn
           color="error"
           variant="flat"
-          elevation="1"
+          :block="!$vuetify.display.smAndUp"
           prepend-icon="mdi-delete"
           :loading="loading"
           @click="deletePrice"
diff --git a/src/components/PriceEditDialog.vue b/src/components/PriceEditDialog.vue
index 0b1322ce871..fc90b478ca8 100644
--- a/src/components/PriceEditDialog.vue
+++ b/src/components/PriceEditDialog.vue
@@ -41,11 +41,11 @@
       <v-divider />
 
       <v-card-actions>
+        <v-spacer v-if="$vuetify.display.smAndUp" />
         <v-btn
-          class="float-right"
-          color="success"
+          color="primary"
           variant="flat"
-          elevation="1"
+          :block="!$vuetify.display.smAndUp"
           :loading="loading"
           @click="updatePrice"
         >
diff --git a/src/components/ProofDeleteConfirmationDialog.vue b/src/components/ProofDeleteConfirmationDialog.vue
index d28d1ca8eec..f2cc9aca3fe 100644
--- a/src/components/ProofDeleteConfirmationDialog.vue
+++ b/src/components/ProofDeleteConfirmationDialog.vue
@@ -17,10 +17,11 @@
       <v-divider />
 
       <v-card-actions>
+        <v-spacer v-if="$vuetify.display.smAndUp" />
         <v-btn
           color="error"
           variant="flat"
-          elevation="1"
+          :block="!$vuetify.display.smAndUp"
           prepend-icon="mdi-delete"
           :loading="loading"
           @click="deleteProof"
diff --git a/src/components/ProofEditDialog.vue b/src/components/ProofEditDialog.vue
index ea123005507..c7f373e9f41 100644
--- a/src/components/ProofEditDialog.vue
+++ b/src/components/ProofEditDialog.vue
@@ -21,11 +21,11 @@
       <v-divider />
 
       <v-card-actions>
+        <v-spacer v-if="$vuetify.display.smAndUp" />
         <v-btn
-          class="float-right"
-          color="success"
+          color="primary"
           variant="flat"
-          elevation="1"
+          :block="!$vuetify.display.smAndUp"
           :disabled="!formFilled"
           :loading="loading"
           @click="updateProof"
diff --git a/src/components/ProofUploadCard.vue b/src/components/ProofUploadCard.vue
index 346f14412de..141bde3ac78 100644
--- a/src/components/ProofUploadCard.vue
+++ b/src/components/ProofUploadCard.vue
@@ -37,10 +37,12 @@
     </v-card-text>
     <v-divider />
     <v-card-actions>
-      <v-spacer />
+      <v-spacer v-if="$vuetify.display.smAndUp" />
       <v-btn
-        color="success"
+        class="float-right"
+        color="primary"
         variant="flat"
+        :block="!$vuetify.display.smAndUp"
         :loading="loading || step === 2"
         :disabled="!proofFormFilled || loading || step === 2"
         @click="uploadProofList"
diff --git a/src/plugins/vuetify.js b/src/plugins/vuetify.js
index d4bd5f3a860..0a469f6f139 100644
--- a/src/plugins/vuetify.js
+++ b/src/plugins/vuetify.js
@@ -15,18 +15,27 @@ export const vuetify = createVuetify({
       mdi,
     },
   },
+  // https://vuetifyjs.com/en/features/theme
   theme: {
     themes: {
       light: {
         colors: {
-          header: "rgb(242, 233, 228)",
+          primary: '#341100',
+          header: '#f2e9e4',
           footer: '#bdbdbd'
+        },
+        variables: {
+          'border-color': '#201A17'
         }
       },
       dark: {
         colors: {
-          header: "#0d161b",
+          primary: '#A08D84',
+          header: '#201A17',
           footer: '#424242'
+        },
+        variables: {
+          'border-color': '#85746C'
         }
       },
     },
diff --git a/src/router.js b/src/router.js
index 334f1f9324a..0beb0eb4bba 100644
--- a/src/router.js
+++ b/src/router.js
@@ -12,11 +12,11 @@ const routes = [
   { path: '/dashboard/settings', name: 'dashboard-settings', component: () => import('./views/UserSettings.vue'), meta: { title: 'Settings', requiresAuth: true, breadcrumbs: [{title: 'Settings', disabled: true }] } },  // not used anymore
   { path: '/prices/add', name: 'add-price', component: () => import('./views/PriceAddHome.vue'), meta: { title: 'AddPrice', requiresAuth: true, breadcrumbs: [{title: 'AddPrice', disabled: true }] }},  // not used anymore
   { path: '/prices/add/single', name: 'price-add-single', component: () => import('./views/PriceAddSingle.vue'), meta: { title: 'Add a single price (price tag)', icon: 'mdi-tag-plus-outline', requiresAuth: true, breadcrumbs: [{title: 'Experiments', disabled: false, to: '/experiments' }, {title: 'PriceAddSingle', disabled: true }] }},
-  { path: '/prices/add/multiple', name: 'price-add-multiple', component: () => import('./views/PriceAddMultiple.vue'), meta: { title: 'AddPrices', icon: 'mdi-tag-plus-outline', drawerMenu: true, color: 'primary', requiresAuth: true, breadcrumbs: [{title: 'AddPrices', disabled: true }] }},
+  { path: '/prices/add/multiple', name: 'price-add-multiple', component: () => import('./views/PriceAddMultiple.vue'), meta: { title: 'AddPrices', icon: 'mdi-tag-plus-outline', drawerMenu: true, requiresAuth: true, breadcrumbs: [{title: 'AddPrices', disabled: true }] }},
   { path: '/prices/add/multiple/price-tag', name: 'price-add-multiple-price-tag', redirect: () => { return { path: '/prices/add/multiple' }}},
   { path: '/prices/add/multiple/receipt', name: 'price-add-multiple-receipt', redirect: () => { return { path: '/prices/add/multiple' }}},
   { path: '/proofs/add/single', name: 'proof-add-single', component: () => import('./views/ProofAddSingle.vue'), meta: { title: 'AddProofSingle', icon: 'mdi-image-plus', requiresAuth: true, breadcrumbs: [{title: 'Experiments', disabled: false, to: '/experiments' }, {title: 'AddProofSingle', disabled: true }] }},
-  { path: '/proofs/add/multiple', name: 'proof-add-multiple', component: () => import('./views/ProofAddMultiple.vue'), meta: { title: 'AddProofs', icon: 'mdi-image-plus', drawerMenu: true, color: 'primary', requiresAuth: true, breadcrumbs: [{title: 'AddProofs', disabled: true }] }},
+  { path: '/proofs/add/multiple', name: 'proof-add-multiple', component: () => import('./views/ProofAddMultiple.vue'), meta: { title: 'AddProofs', icon: 'mdi-image-plus', drawerMenu: true, requiresAuth: true, breadcrumbs: [{title: 'AddProofs', disabled: true }] }},
   { path: '/search', name: 'search', component: () => import('./views/Search.vue'), meta: { title: 'Search', icon: 'mdi-magnify', drawerMenu: true, breadcrumbs: [{title: 'Search', disabled: true }] }},
   { path: '/prices/:id', name: 'prices-detail', component: () => import('./views/PriceDetail.vue'), meta: { title: 'Price detail' }},
   { path: '/prices', name: 'prices', component: () => import('./views/PriceList.vue'), meta: { title: 'LatestPrices', icon: 'mdi-tag-multiple-outline', drawerMenu: true, breadcrumbs: [{title: 'LatestPrices', disabled: true }] }},
@@ -45,6 +45,7 @@ const routes = [
   { path: '/stats', name: 'stats', component: () => import('./views/Stats.vue'), meta: { title: 'Stats', icon: 'mdi-chart-box-outline', drawerMenu: true, breadcrumbs: [{title: 'Stats', disabled: true }] }},
   { path: '/settings', name: 'settings', component: () => import('./views/Settings.vue'), meta: { title: 'Settings', icon: 'mdi-cog-outline', drawerMenu: true, breadcrumbs: [{title: 'Settings', disabled: true }] }},
   { path: '/about', name: 'about', component: () => import('./views/About.vue'), meta: { title: 'About', icon: 'mdi-information-outline', drawerMenu: true, breadcrumbs: [{title: 'About', disabled: true }] }},
+  { path: '/experiments/challenge', name: 'challenge', component: () => import('./views/CurrentChallenge.vue'), meta: { title: 'Community Challenge', icon: 'mdi-medal-outline',  breadcrumbs: [{title: 'Experiments', disabled: false, to: '/experiments' }, {title: 'Challenge', disabled: true }] }},
   // Why this redirect?
   // The app used to be available at https://prices.openfoodfacts.org/app
   // It is now available at https://prices.openfoodfacts.org
diff --git a/src/services/api.js b/src/services/api.js
index 2af79fac1d6..390570ea92c 100644
--- a/src/services/api.js
+++ b/src/services/api.js
@@ -321,6 +321,15 @@ export default {
     .then((response) => response.json())
   },
 
+  getPriceStats(params = {}) {
+    const url = `${import.meta.env.VITE_OPEN_PRICES_API_URL}/prices/stats?${buildURLParams({...params})}`
+    return fetch(url, {
+      method: 'GET',
+      headers: OP_DEFAULT_HEADERS,
+    })
+    .then((response) => response.json())
+  },
+
   openfoodfactsProductSearch(code) {
     const url = `${constants.OFF_API_URL}/${code}.json`
     return fetch(url, {
diff --git a/src/views/ContributionAssistant.vue b/src/views/ContributionAssistant.vue
index 7d08d35e0ab..211748b582e 100644
--- a/src/views/ContributionAssistant.vue
+++ b/src/views/ContributionAssistant.vue
@@ -61,7 +61,7 @@
               <h3 class="mb-4">
                 {{ $t('ContributionAssistant.LabelsExtractionSteps.SendLabels') }}
               </h3>
-              <v-btn color="success" :disabled="!extractedLabels.length" :loading="processLabelsLoading" @click="processLabels">
+              <v-btn color="primary" :disabled="!extractedLabels.length" :loading="processLabelsLoading" @click="processLabels">
                 {{ $t('ContributionAssistant.LabelsExtractionSteps.SendLabelsButton') }}
               </v-btn>
             </v-col>
@@ -106,7 +106,7 @@
                   {{ $t('ContributionAssistant.PriceAddConfirmationMessage', { numberOfPricesAdded: productPriceFormsWithoutPriceId.length, date: proofObject.date, locationName: locationName }) }}
                 </p>
               </v-alert>
-              <v-btn class="float-right mt-4" color="success" :loading="loading" @click="addPrices">
+              <v-btn class="float-right mt-4" color="primary" :loading="loading" @click="addPrices">
                 {{ $t('Common.UploadMultiplePrices', productPriceFormsWithoutPriceId.length) }}
               </v-btn>
             </v-col>
@@ -129,16 +129,16 @@
               >
                 <strong>{{ $t('ContributionAssistant.PriceAddProgress', { numberOfPricesAdded: numberOfPricesAdded, totalNumberOfPrices: productPriceFormsWithoutPriceId.length }) }}</strong>
               </v-progress-linear>
-              <v-btn to="/dashboard" class="mt-4" :aria-label="$t('Common.Dashboard')" :disabled="!allDone">
+              <v-btn class="mt-4" color="primary" :aria-label="$t('Common.Dashboard')" to="/dashboard" :disabled="!allDone">
                 {{ $t('ContributionAssistant.GoToDashboard') }}
               </v-btn>
-              <v-btn :to="'/proofs/' + proofObject.id" class="mt-4 ml-4" :disabled="!allDone">
+              <v-btn class="mt-4 ml-4" color="primary" :to="'/proofs/' + proofObject.id" :disabled="!allDone">
                 {{ $t('ContributionAssistant.GoToProof') }}
               </v-btn>
-              <v-btn class="mt-4 ml-4" :disabled="!allDone" @click="reloadPage">
+              <v-btn class="mt-4 ml-4" color="primary" :disabled="!allDone" @click="reloadPage">
                 {{ $t('ContributionAssistant.AddNewProof') }}
               </v-btn>
-              <v-btn v-if="proofIdsFromQueryParam" class="mt-4 ml-4" :disabled="!allDone" @click="nextProof">
+              <v-btn v-if="proofIdsFromQueryParam" class="mt-4 ml-4" color="primary" :disabled="!allDone" @click="nextProof">
                 {{ $t('ContributionAssistant.NextProof') }}
               </v-btn>
             </v-col>
diff --git a/src/views/CurrentChallenge.vue b/src/views/CurrentChallenge.vue
new file mode 100644
index 00000000000..d1f82fd8abf
--- /dev/null
+++ b/src/views/CurrentChallenge.vue
@@ -0,0 +1,150 @@
+<template>
+  <h1 class="text-h5 mb-1">
+    {{ $t('Challenge.Title') }} {{ challenge.icon }} {{ challenge.title }} {{ challenge.icon }}
+  </h1>
+
+  <v-row>
+    <v-col cols="12" lg="6">
+      <p class="mb-2">
+        {{ $t('Challenge.Subtitle', {challenge_title: challenge.title, challenge_subtitle: challenge.subtitle}) }}
+      </p>
+    </v-col>
+    <v-col cols="12" lg="6">
+      <ChallengeTimeline :challenge="challenge" />
+    </v-col>
+  </v-row>
+
+  <v-row>
+    <v-col cols="12" lg="6">
+      <ChallengeTakePicturesCard :exampleProofUrl="challenge.exampleProofUrl" />
+    </v-col>
+    <v-col cols="12" lg="6">
+      <ChallengeValidateCard />
+    </v-col>
+  </v-row>
+
+  <v-row>
+    <v-col cols="12">
+      <h2 class="text-h6 mb-1">
+        {{ $t('Challenge.Stats') }}
+      </h2>
+
+      <v-row>
+        <v-col cols="12" md="4">
+          <StatCard :value="challenge.numberOfProofs" :subtitle="$t('Common.PicturesAdded')" />
+        </v-col>
+        <v-col cols="12" md="4">
+          <StatCard :value="challenge.numberOfContributions" :subtitle="$t('Common.PricesAdded')" />
+        </v-col>
+        <v-col cols="12" md="4">
+          <StatCard :value="challenge.numberOfContributors" :subtitle="$t('Common.Contributors')" />
+        </v-col>
+      </v-row>
+    </v-col>
+  </v-row>
+
+  <v-row>
+    <v-col v-if="username" cols="12">
+      <h2 class="text-h6 mb-1">
+        {{ $t('Challenge.MyStats') }}
+      </h2>
+      <v-row>
+        <v-col cols="12" md="4">
+          <StatCard :value="challenge.userProofContributions" :subtitle="$t('Challenge.PicturesAddedByYou')" />
+        </v-col>
+        <v-col cols="12" md="4">
+          <StatCard :value="challenge.userContributions" :subtitle="$t('Challenge.PricesAddedByYou')" />
+        </v-col>
+      </v-row>
+    </v-col>
+  </v-row>
+
+  <v-row v-if="challenge.latestContributions.length">
+    <v-col cols="12">
+      <h2 class="text-h6">
+        {{ $t('Challenge.MostRecentContributions') }}
+      </h2>
+    </v-col>
+    <v-col v-for="price in challenge.latestContributions.slice(0, 10)" :key="price" cols="12" sm="6" md="4" xl="3">
+      <PriceCard :price="price" :product="price.product" elevation="1" height="100%" />
+    </v-col>
+  </v-row>
+</template>
+
+<script>
+import { defineAsyncComponent } from 'vue'
+import api from '../services/api.js'
+import { mapStores } from 'pinia'
+import { useAppStore } from '../store'
+
+export default {
+  components: {
+    StatCard: defineAsyncComponent(() => import('../components/StatCard.vue')),
+    PriceCard: defineAsyncComponent(() => import('../components/PriceCard.vue')),
+    ChallengeTimeline: defineAsyncComponent(() => import('../components/ChallengeTimeline.vue')),
+    ChallengeTakePicturesCard: defineAsyncComponent(() => import('../components/ChallengeTakePicturesCard.vue')),
+    ChallengeValidateCard: defineAsyncComponent(() => import('../components/ChallengeValidateCard.vue')),
+  },
+  data() {
+    return {
+      challenge: {
+        title: "Nutella",
+        subtitle: "(and other hazelnut spreads)",
+        icon: "🌰",
+        startDate: "2025-01-20",
+        endDate: "2025-01-31",
+        categories: ["en:hazelnut-spreads"],
+        numberOfContributors: 0,
+        numberOfContributions: 0,
+        latestContributions: [],
+        numberOfProofs: 0,
+        userContributions: 0,
+        userProofContributions: 0,
+        exampleProofUrl: "https://prices.openfoodfacts.org/img/0029/nCWeCVnpQJ.webp"
+      },
+      loading: false,
+    }
+  },
+  computed: {
+    ...mapStores(useAppStore),
+    username() {
+      return this.appStore.user.username
+    },
+  },
+  mounted() {
+    this.getStats()
+  },
+  methods: {
+    getStats() {
+      this.loading = true
+      api.getPriceStats({ product__categories_tags__contains: this.challenge.categories[0], created__gte: this.challenge.startDate, created__lte: this.challenge.endDate})
+      .then((data) => {
+        this.challenge.numberOfContributions = data.price__count
+        this.loading = false
+      })
+
+      api.getPrices({ size: 10, product__categories_tags__contains: this.challenge.categories[0], created__gte: this.challenge.startDate, created__lte: this.challenge.endDate })
+      .then((data) => {
+        this.challenge.latestContributions = data.items
+      })
+
+      api.getProofs({ size: 1, created__gte: this.challenge.startDate, created__lte: this.challenge.endDate })
+      .then((data) => {
+        this.challenge.numberOfProofs = data.total
+      })
+
+      if (this.username) {
+        api.getPriceStats({ product__categories_tags__contains: this.challenge.categories[0], created__gte: this.challenge.startDate, created__lte: this.challenge.endDate, owner: this.username})
+        .then((data) => {
+          this.challenge.userContributions = data.price__count
+        })
+        api.getProofs({ size: 1, created__gte: this.challenge.startDate, created__lte: this.challenge.endDate, owner: this.username })
+        .then((data) => {
+          this.challenge.userProofContributions = data.total
+        })
+      }
+      
+    }
+  }
+}
+</script>
diff --git a/src/views/Experiments.vue b/src/views/Experiments.vue
index 69ad7b5acf8..9f507b84cc8 100644
--- a/src/views/Experiments.vue
+++ b/src/views/Experiments.vue
@@ -21,6 +21,13 @@
         to="/experiments/price-validation-assistant"
       />
     </v-col>
+    <v-col cols="12" sm="6" lg="4">
+      <v-card
+        :title="$t('Router.CurrentChallenge.Title')"
+        prepend-icon="mdi-trophy"
+        to="/experiments/challenge"
+      />
+    </v-col>
   </v-row>
 
   <br>
diff --git a/src/views/PriceAddMultiple.vue b/src/views/PriceAddMultiple.vue
index 87953f7c0c4..f8d1b047f83 100644
--- a/src/views/PriceAddMultiple.vue
+++ b/src/views/PriceAddMultiple.vue
@@ -75,7 +75,7 @@
               <v-col>
                 <v-btn
                   class="float-right"
-                  color="success"
+                  color="primary"
                   variant="flat"
                   type="submit"
                   :loading="loading"
@@ -112,22 +112,22 @@
           <v-icon icon="mdi-checkbox-marked-circle" color="success" />
         </template>
         <v-divider />
-        <v-card-text :class="$vuetify.display.smAndUp ? 'text-center' : 'text-right'">
+        <v-card-text class="text-center">
           <v-row>
-            <v-col cols="12" md="6">
+            <v-col cols="12" sm="6">
               <v-btn
                 color="primary"
-                variant="outlined"
+                :block="!$vuetify.display.smAndUp"
                 prepend-icon="mdi-tag-plus-outline"
                 @click="reloadPage"
               >
                 {{ $t('Common.AddNewPrices') }}
               </v-btn>
             </v-col>
-            <v-col cols="12" md="6">
+            <v-col cols="12" sm="6">
               <v-btn
                 color="primary"
-                variant="outlined"
+                :block="!$vuetify.display.smAndUp"
                 prepend-icon="mdi-account-circle"
                 @click="goToDashboard"
               >
diff --git a/src/views/PriceAddSingle.vue b/src/views/PriceAddSingle.vue
index 822c3f868cc..a9f2fb31bff 100644
--- a/src/views/PriceAddSingle.vue
+++ b/src/views/PriceAddSingle.vue
@@ -48,7 +48,7 @@
         <v-btn
           type="submit"
           class="float-right"
-          :color="formFilled ? 'success' : ''"
+          color="primary"
           :loading="loading"
           :disabled="!formFilled"
         >
diff --git a/src/views/ProofAddMultiple.vue b/src/views/ProofAddMultiple.vue
index 2b2634338ce..09b3a473b68 100644
--- a/src/views/ProofAddMultiple.vue
+++ b/src/views/ProofAddMultiple.vue
@@ -28,32 +28,32 @@
           <v-icon icon="mdi-checkbox-marked-circle" color="success" />
         </template>
         <v-divider />
-        <v-card-text :class="$vuetify.display.smAndUp ? 'text-center' : 'text-right'">
+        <v-card-text class="text-center">
           <v-row>
-            <v-col cols="12" md="4">
+            <v-col cols="12" sm="4">
               <v-btn
                 color="primary"
-                variant="outlined"
+                :block="!$vuetify.display.smAndUp"
                 prepend-icon="mdi-image-plus"
                 @click="reloadPage"
               >
                 {{ $t('Common.AddNewProofs') }}
               </v-btn>
             </v-col>
-            <v-col cols="12" md="4">
+            <v-col cols="12" sm="4">
               <v-btn
                 color="primary"
-                variant="outlined"
+                :block="!$vuetify.display.smAndUp"
                 prepend-icon="mdi-checkbox-marked-circle-plus-outline"
                 @click="goToPriceValidation"
               >
                 {{ $t('Common.ValidatePrices') }} 🤖
               </v-btn>
             </v-col>
-            <v-col cols="12" md="4">
+            <v-col cols="12" sm="4">
               <v-btn
                 color="primary"
-                variant="outlined"
+                :block="!$vuetify.display.smAndUp"
                 prepend-icon="mdi-account-circle"
                 @click="goToDashboard"
               >
@@ -76,7 +76,7 @@ export default {
   },
   data() {
     return {
-      step: 1,
+      step: 2,
       stepItemList: [
         {
           title: this.$t('Common.Upload'),
diff --git a/src/views/ProofAddSingle.vue b/src/views/ProofAddSingle.vue
index 918c8cd8540..0d97fd64f73 100644
--- a/src/views/ProofAddSingle.vue
+++ b/src/views/ProofAddSingle.vue
@@ -24,22 +24,22 @@
         prepend-icon="mdi-image-check"
       >
         <v-divider />
-        <v-card-text :class="$vuetify.display.smAndUp ? 'text-center' : 'text-right'">
+        <v-card-text class="text-center">
           <v-row>
-            <v-col cols="12" md="6">
+            <v-col cols="12" sm="6">
               <v-btn
                 color="primary"
-                variant="outlined"
+                :block="!$vuetify.display.smAndUp"
                 prepend-icon="mdi-image-plus"
                 @click="reloadPage"
               >
                 {{ $t('Common.AddNewProof') }}
               </v-btn>
             </v-col>
-            <v-col cols="12" md="6">
+            <v-col cols="12" sm="6">
               <v-btn
                 color="primary"
-                variant="outlined"
+                :block="!$vuetify.display.smAndUp"
                 prepend-icon="mdi-account-circle"
                 @click="goToDashboard"
               >
diff --git a/src/views/Search.vue b/src/views/Search.vue
index df3f5590c20..c5f4a8a2ff5 100644
--- a/src/views/Search.vue
+++ b/src/views/Search.vue
@@ -18,7 +18,7 @@
             <v-icon :icon="formFilled ? 'mdi-barcode' : 'mdi-barcode-scan'" @click="showBarcodeScannerDialog" />
           </template>
           <template #append-inner>
-            <v-btn icon="mdi-magnify" @click="search" />
+            <v-btn color="primary" icon="mdi-magnify" @click="search" />
           </template>
         </v-text-field>
       </v-form>
diff --git a/src/views/Settings.vue b/src/views/Settings.vue
index 4e1ad5a510e..c580e3d4d8f 100644
--- a/src/views/Settings.vue
+++ b/src/views/Settings.vue
@@ -10,7 +10,7 @@
           </h3>
           <v-switch
             v-model="appStore.user.preferedTheme"
-            color="success"
+            color="primary"
             false-value="light"
             true-value="dark"
             density="compact"
@@ -119,7 +119,7 @@
           </h3>
           <v-switch
             v-model="appStore.user.drawer_display_experiments"
-            color="success"
+            color="primary"
             :label="$t('UserSettings.SideMenuExperimentsDisplay')"
             density="compact"
             hide-details="auto"
@@ -131,7 +131,7 @@
           <v-switch
             v-model="appStore.user.product_display_barcode"
             class="mb-4"
-            color="success"
+            color="primary"
             :label="$t('UserSettings.ProductDisplayBarcode')"
             :hint="$t('Common.ExampleWithColonAndValue', { value: '1234567890123' })"
             density="compact"
@@ -140,7 +140,7 @@
           />
           <v-switch
             v-model="appStore.user.product_display_category_tag"
-            color="success"
+            color="primary"
             :label="$t('UserSettings.ProductDisplayCategoryTag')"
             :hint="$t('Common.ExampleWithColonAndValue', { value: 'en:oranges' })"
             density="compact"
@@ -153,7 +153,7 @@
           </h3>
           <v-switch
             v-model="appStore.user.location_display_osm_id"
-            color="success"
+            color="primary"
             :label="$t('UserSettings.LocationDisplayOSMID')"
             :hint="$t('Common.ExampleWithColonAndValue', { value: 'N652825274' })"
             density="compact"
diff --git a/src/views/UserSettings.vue b/src/views/UserSettings.vue
index a176e08fb7a..2f8a3317e38 100644
--- a/src/views/UserSettings.vue
+++ b/src/views/UserSettings.vue
@@ -70,7 +70,7 @@
 
     <v-row>
       <v-col>
-        <v-btn type="submit" :color="formFilled ? 'success' : ''" :disabled="!formFilled">
+        <v-btn type="submit" color="primary" :disabled="!formFilled">
           {{ $t('UserSettings.Save') }}
         </v-btn>
       </v-col>