diff --git a/components/molecules/ContributorProfileHeader/contributor-profile-header.tsx b/components/molecules/ContributorProfileHeader/contributor-profile-header.tsx
index 01944f94d1..1fc1465c0c 100644
--- a/components/molecules/ContributorProfileHeader/contributor-profile-header.tsx
+++ b/components/molecules/ContributorProfileHeader/contributor-profile-header.tsx
@@ -2,23 +2,25 @@ import React, { useState, useEffect } from "react";
 import Link from "next/link";
 import { useRouter } from "next/router";
 import Image from "next/image";
+import { clsx } from "clsx";
+import { usePostHog } from "posthog-js/react";
 
 import { TfiMoreAlt } from "react-icons/tfi";
 import { HiUserAdd } from "react-icons/hi";
 import { SlUserFollowing } from "react-icons/sl";
 import { SignInWithOAuthCredentials, User } from "@supabase/supabase-js";
-import { usePostHog } from "posthog-js/react";
-import { clsx } from "clsx";
 
 import dynamic from "next/dynamic";
+import PizzaGradient from "img/icons/pizza-gradient.svg";
+
 import {
   DropdownMenu,
   DropdownMenuContent,
   DropdownMenuItem,
   DropdownMenuTrigger,
 } from "components/atoms/Dropdown/dropdown";
-
 import Avatar from "components/atoms/Avatar/avatar";
+import Tooltip from "components/atoms/Tooltip/tooltip";
 import RainbowBg from "img/rainbow-cover.png";
 import Button from "components/atoms/Button/button";
 import Text from "components/atoms/Typography/text";
@@ -28,6 +30,7 @@ import { useToast } from "lib/hooks/useToast";
 import { OptionKeys } from "components/atoms/Select/multi-select";
 import { addListContributor, useFetchAllLists } from "lib/hooks/useList";
 import { useFetchUser } from "lib/hooks/useFetchUser";
+import { cardPageUrl } from "lib/utils/urls";
 import { Dialog, DialogContent, DialogHeader, DialogTitle } from "../Dialog/dialog";
 
 const MultiSelect = dynamic(() => import("components/atoms/Select/multi-select"), { ssr: false });
@@ -138,7 +141,7 @@ const ContributorProfileHeader = ({
       )}
 
       <div className="container flex flex-row items-end justify-between gap-2 px-2 py-6 mx-auto md:px-16">
-        <div className="translate-y-[65px] hidden md:inline-flex">
+        <div className="translate-y-[65px] hidden md:inline-flex relative">
           <Avatar
             initialsClassName="text-[100px] -translate-y-2.5  leading-none"
             initials={githubName?.charAt(0)}
@@ -148,8 +151,19 @@ const ContributorProfileHeader = ({
             size={184}
             isCircle
           />
+
+          <Tooltip content="Get dev card">
+            <Link
+              href={cardPageUrl(username!)}
+              className="absolute bottom-0 z-10 grid w-12 h-12 rounded-full shadow-md place-content-center border-conic-gradient right-4"
+            >
+              <div className="grid overflow-hidden rounded-full w-11 h-11 place-content-center bg-black/80">
+                <Image priority alt="user profile cover image" className="w-6 h-[1.7rem] " src={PizzaGradient} />
+              </div>
+            </Link>
+          </Tooltip>
         </div>
-        <div className="translate-y-[110px] md:hidden ">
+        <div className="translate-y-[110px] md:hidden relative">
           <Avatar
             initialsClassName="text-[70px] -translate-y-1 leading-none"
             initials={githubName?.charAt(0)}
@@ -159,6 +173,14 @@ const ContributorProfileHeader = ({
             size={120}
             isCircle
           />
+          <Link
+            href={cardPageUrl(username!)}
+            className="absolute bottom-0 z-10 grid rounded-full shadow-md w-11 h-11 right-1 place-content-center border-conic-gradient"
+          >
+            <div className="grid w-[2.5em] h-[2.5em] overflow-hidden rounded-full place-content-center bg-black/80">
+              <Image priority alt="user profile cover image" className="w-5 h-5 " src={PizzaGradient} />
+            </div>
+          </Link>
         </div>
         {isConnected && (
           <div className="flex flex-col items-center gap-3 translate-y-24 md:translate-y-0 md:flex-row">
diff --git a/img/icons/pizza-gradient.svg b/img/icons/pizza-gradient.svg
new file mode 100644
index 0000000000..2d6cf95e69
--- /dev/null
+++ b/img/icons/pizza-gradient.svg
@@ -0,0 +1,28 @@
+<svg width="22" height="28" viewBox="0 0 22 28" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M1 4.41256C1 2.52786 2.60773 1 4.59097 1L17.649 1C19.6323 1 21.24 2.52785 21.24 4.41256L21.24 24.2674C21.24 26.1521 19.6323 27.68 17.649 27.68L4.59097 27.68C2.60773 27.68 1 26.1521 1 24.2674L1 4.41256ZM4.59097 2.8614C3.6895 2.8614 2.95871 3.55588 2.95871 4.41256L2.95871 24.2674C2.95871 25.1241 3.6895 25.8186 4.59097 25.8186L17.649 25.8186C18.5505 25.8186 19.2813 25.1241 19.2813 24.2674L19.2813 4.41256C19.2813 3.55588 18.5505 2.8614 17.649 2.8614L4.59097 2.8614Z" fill="url(#paint0_angular_13_22089)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M3.61161 5.65349C3.61161 4.45413 4.63471 3.48186 5.89677 3.48186L8.50839 3.48186L8.50839 5.34326L5.89677 5.34326C5.71648 5.34326 5.57032 5.48215 5.57032 5.65349L5.57032 8.13535L3.61161 8.13535L3.61161 5.65349ZM16.3432 5.34326L13.7316 5.34326L13.7316 3.48186L16.3432 3.48186C17.6053 3.48186 18.6284 4.45413 18.6284 5.65349L18.6284 8.13535L16.6697 8.13535L16.6697 5.65349C16.6697 5.48215 16.5235 5.34326 16.3432 5.34326ZM5.57032 20.5447L5.57032 23.0265C5.57032 23.1978 5.71648 23.3367 5.89677 23.3367L8.50839 23.3367L8.50839 25.1981L5.89677 25.1981C4.63471 25.1981 3.61161 24.2259 3.61161 23.0265L3.61161 20.5447L5.57032 20.5447ZM16.6697 23.0265L16.6697 20.5447L18.6284 20.5447L18.6284 23.0265C18.6284 24.2259 17.6053 25.1981 16.3432 25.1981L13.7316 25.1981L13.7316 23.3367L16.3432 23.3367C16.5235 23.3367 16.6697 23.1978 16.6697 23.0265Z" fill="url(#paint1_angular_13_22089)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M9.45759 8.5199C12.6813 9.10535 15.4755 10.9865 17.035 13.6192C17.3287 14.115 17.127 14.7302 16.5817 14.9929C16.3037 15.1267 15.9909 15.1429 15.7119 15.0609L15.7011 15.0669L11.0932 17.5792L8.93646 18.702L7.77577 19.3828L7.77178 19.3847C6.93744 19.8347 5.90983 19.1409 6.14353 18.2854L8.36862 10.1409C8.17579 9.91851 8.08778 9.59967 8.14731 9.30117C8.27087 8.76016 8.85406 8.41029 9.45759 8.5199ZM12.9336 15.0283C13.4669 14.943 13.8265 14.4629 13.7368 13.956C13.647 13.4492 13.1418 13.1074 12.6084 13.1928C12.075 13.2781 11.7154 13.7582 11.8052 14.265C11.895 14.7719 12.4002 15.1137 12.9336 15.0283ZM10.5735 13.5354C10.6425 13.976 10.3226 14.3863 9.8589 14.4519C9.39524 14.5175 8.96343 14.2134 8.89444 13.7728C8.82544 13.3322 9.14538 12.9218 9.60904 12.8563C10.0727 12.7907 10.5045 13.0947 10.5735 13.5354ZM9.12309 17.1924C9.55108 17.1319 9.84641 16.7531 9.78272 16.3464C9.71904 15.9397 9.32045 15.659 8.89246 15.7195C8.46446 15.7801 8.16913 16.1588 8.23282 16.5656C8.29651 16.9723 8.6951 17.253 9.12309 17.1924Z" fill="url(#paint2_angular_13_22089)"/>
+<defs>
+<radialGradient id="paint0_angular_13_22089" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(11.12 14.34) rotate(90) scale(13.34)">
+<stop stop-color="#FF6A06"/>
+<stop offset="0.333333" stop-color="#FF6492"/>
+<stop offset="0.619792" stop-color="#FFE22C"/>
+<stop offset="1" stop-color="#FC620D"/>
+<stop offset="1" stop-color="#FF7E33"/>
+</radialGradient>
+<radialGradient id="paint1_angular_13_22089" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(11.12 14.34) rotate(90) scale(13.34)">
+<stop stop-color="#FF6A06"/>
+<stop offset="0.333333" stop-color="#FF6492"/>
+<stop offset="0.619792" stop-color="#FFE22C"/>
+<stop offset="1" stop-color="#FC620D"/>
+<stop offset="1" stop-color="#FF7E33"/>
+</radialGradient>
+<radialGradient id="paint2_angular_13_22089" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(11.12 14.34) rotate(90) scale(13.34)">
+<stop stop-color="#FF6A06"/>
+<stop offset="0.333333" stop-color="#FF6492"/>
+<stop offset="0.619792" stop-color="#FFE22C"/>
+<stop offset="1" stop-color="#FC620D"/>
+<stop offset="1" stop-color="#FF7E33"/>
+</radialGradient>
+</defs>
+</svg>
diff --git a/styles/globals.css b/styles/globals.css
index d6f4b01881..68480a9ddf 100644
--- a/styles/globals.css
+++ b/styles/globals.css
@@ -24,6 +24,17 @@ body {
   width: 100%;
 }
 
+.border-conic-gradient {
+  background-image: conic-gradient(
+    from 180deg at 50% 50%,
+    #ff6a06 0deg,
+    #ff6492 120.00000357627869deg,
+    #ffe22c 223.12500715255737deg,
+    #fc620d 360deg,
+    #ff7e33 360deg
+  );
+}
+
 .sbui-btn > span {
   display: flex;
   align-items: center;