Fight Bias with TECNO Universal Tone: Be #ToneProud

<!DOCTYPE html> <html lang="en" class="bg-black"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="csrf-token" content="62P5An2QLWU8qqEAb12WLEaSVUVorOeNst9SDf0f"> <title>Fight Bias with TECNO Universal Tone: Be #ToneProud</title> <meta name="title" content="Fight Bias with TECNO Universal Tone: Be #ToneProud"> <meta property="og:site_name" content="Fight Bias with TECNO Universal Tone: Be #ToneProud"> <meta property="og:type" content="Website"> <meta property="og:url" content=""> <meta property="og:title" content="Fight Bias with TECNO Universal Tone: Be #ToneProud"> <meta property="og:description" content="Discover TECNO Universal Tone, the most inclusive imaging standard yet. Celebrate every skin tone, embrace representation, and join the #ToneProud movement."> <meta property="og:image" content="https://d3fyizz0b46qgr.cloudfront.net/global/universaltone/build/assets/og-image-B2bdbelz.jpg"> <meta property="og:image:url" content="https://d3fyizz0b46qgr.cloudfront.net/global/universaltone/build/assets/og-image-B2bdbelz.jpg"> <link rel="icon" type="image/x-icon" href="https://d3fyizz0b46qgr.cloudfront.net/global/universaltone/favicon.ico">  <link rel="preload" as="style" href="https://d3fyizz0b46qgr.cloudfront.net/global/universaltone/build/assets/app-DZc6Fwu1.css" /><link rel="modulepreload" href="https://d3fyizz0b46qgr.cloudfront.net/global/universaltone/build/assets/site-BuMsZfHx.js" /><link rel="modulepreload" href="https://d3fyizz0b46qgr.cloudfront.net/global/universaltone/build/assets/module.esm-FgvbJhzq.js" /><link rel="stylesheet" href="https://d3fyizz0b46qgr.cloudfront.net/global/universaltone/build/assets/app-DZc6Fwu1.css" /><script type="module" src="https://d3fyizz0b46qgr.cloudfront.net/global/universaltone/build/assets/site-BuMsZfHx.js"></script> </head> <body class="antialiased loading" data-section="home"> <nav class="fixed z-10 w-full nav-bar">  <div class="2xl:container 2xl:mx-auto pb-3"> <div class="flex justify-between"> <div class="flex"> <div class="md:ps-6 md:pt-6"><img class="hidden md:block" src="https://d3fyizz0b46qgr.cloudfront.net/global/universaltone/build/assets/logo-white-3pVlNSRw.svg"></div> <div class="flex menu-holder-mobile"> <div class="menu-holder"> <div x-data="menuOpen" id="menuOpen"> <div x-cloak class="relative" @click.outside="open = false"> <button type="button" @click="open = !open" class="inline-flex items-center gap-x-1 text-sm font-semibold leading-6 text-gray-900" aria-expanded="false"> <img class="" src="https://d3fyizz0b46qgr.cloudfront.net/global/universaltone/build/assets/hamburger-ODjyaRk5.png"> </button> <div x-show="open" x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0 translate-y-1" x-transition:enter-end="opacity-100 translate-y-0" x-transition:leave="transition ease-in duration-150" x-transition:leave-start="opacity-100 translate-y-0" x-transition:leave-end="opacity-0 translate-y-1" class="absolute z-10 mt-5 flex w-screen max-w-min drop-shadow-[0_10px_10px_rgba(0,0,0,0.75)]" > <div class="w-56 shrink rounded-xl bg-black p-4 text-sm font-semibold leading-6 text-gray-900 shadow-lg ring-1 ring-gray-900/5"> <a href="javascript:;" @click="open = false" data-nav="section#section-1" class="nav-link p-2"> <div class="svg-holder"> <svg class="indicator" xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12"> <rect id="Rectangle_26" data-name="Rectangle 26" width="12" height="12" fill="#e8c3a8"/> </svg> </div> <span>Home</span> </a> <a href="javascript:;" @click="open = false" data-nav="section#section-2" class="nav-link p-2"> <div class="svg-holder"> <svg class="indicator" xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12"> <rect id="Rectangle_26" data-name="Rectangle 26" width="12" height="12" fill="#e8c3a8"/> </svg> </div> <span>The Campaign</span> </a> <a href="javascript:;" @click="open = false" data-nav="section#section-4" class="nav-link p-2"> <div class="svg-holder"> <svg class="indicator" xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12"> <rect id="Rectangle_26" data-name="Rectangle 26" width="12" height="12" fill="#e8c3a8"/> </svg> </div> <span>About Universal Tone</span> </a> <a href="javascript:;" @click="open = false" data-nav="section#section-5" class="nav-link p-2"> <div class="svg-holder"> <svg class="indicator" xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12"> <rect id="Rectangle_26" data-name="Rectangle 26" width="12" height="12" fill="#e8c3a8"/> </svg> </div> <span>Gallery</span> </a> </div> </div> </div> </div> </div> </div> </div> <div class="flex"> <div class="flex flex-col"> <div class="logo-holder"> <div class="logo-palette-holder sm"></div> <div class="logo-title">UNIVERSAL TONE</div> </div> </div> </div> </div> <div class="menu-holder-desktop"> <div class="menu-holder"> <a href="javascript:;" @click="open = false" data-nav="section#section-1" class="nav-link p-2"> <span>Home</span> <div class="svg-holder"> <svg class="indicator" xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12"> <rect id="Rectangle_26" data-name="Rectangle 26" width="12" height="12" fill="#e8c3a8"/> </svg> </div> </a> <a href="javascript:;" @click="open = false" data-nav="section#section-2" class="nav-link p-2"> <span>The Campaign</span> <div class="svg-holder"> <svg class="indicator" xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12"> <rect id="Rectangle_26" data-name="Rectangle 26" width="12" height="12" fill="#e8c3a8"/> </svg> </div> </a> <a href="javascript:;" @click="open = false" data-nav="section#section-4" class="nav-link p-2"> <span>About Universal Tone</span> <div class="svg-holder"> <svg class="indicator" xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12"> <rect id="Rectangle_26" data-name="Rectangle 26" width="12" height="12" fill="#e8c3a8"/> </svg> </div> </a> <a href="javascript:;" @click="open = false" data-nav="section#section-5" class="nav-link p-2"> <span>Gallery</span> <div class="svg-holder"> <svg class="indicator" xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 12 12"> <rect id="Rectangle_26" data-name="Rectangle 26" width="12" height="12" fill="#e8c3a8"/> </svg> </div> </a> </div> </div> </div> </nav> <main> <div id="smooth-wrapper"> <div id="smooth-content"> <section id="section-1"> <div class="section-1"> <div class="carousel-hero splide" aria-labelledby="carousel-heading" data-href="https://268toneproud.com"> <div class="splide__track"> <ul class="splide__list"> <li class="splide__slide"> <div class="img-holder" data-name="Anggun" data-value="#9C6041"> <img class="" src="https://d3fyizz0b46qgr.cloudfront.net/global/universaltone/build/assets/hero-1-fRKI0Mwm.jpg" srcset="https://d3fyizz0b46qgr.cloudfront.net/global/universaltone/build/assets/hero-1-mobile-93pQad-d.jpg 786w, https://d3fyizz0b46qgr.cloudfront.net/global/universaltone/build/assets/hero-1-fRKI0Mwm.jpg 2732w" sizes="(max-width: 767px) 786px, 2732px"/> </div> </li> <li class="splide__slide"> <div class="img-holder" data-name="Fatima" data-value="#B2856E"> <img class="" src="https://d3fyizz0b46qgr.cloudfront.net/global/universaltone/build/assets/hero-2-BqBmaixk.jpg" srcset="https://d3fyizz0b46qgr.cloudfront.net/global/universaltone/build/assets/hero-2-mobile-1VWtlQbR.jpg 786w, https://d3fyizz0b46qgr.cloudfront.net/global/universaltone/build/assets/hero-2-BqBmaixk.jpg 2732w" sizes="(max-width: 767px) 786px, 2732px"/> </div> </li> <li class="splide__slide"> <div class="img-holder" data-name="Johnny" data-value="#532C1E"> <img class="" src="https://d3fyizz0b46qgr.cloudfront.net/global/universaltone/build/assets/hero-3-B_uxL0eA.jpg" srcset="https://d3fyizz0b46qgr.cloudfront.net/global/universaltone/build/assets/hero-3-mobile-BzoyAWCu.jpg 786w, https://d3fyizz0b46qgr.cloudfront.net/global/universaltone/build/assets/hero-3-B_uxL0eA.jpg 2732w" sizes="(max-width: 767px) 786px, 2732px"/> </div> </li> <li class="splide__slide"> <div class="img-holder" data-name="Ewa" data-value="#DED1BA"> <img class="" src="https://d3fyizz0b46qgr.cloudfront.net/global/universaltone/build/assets/hero-4-C0KKGYFw.jpg" srcset="https://d3fyizz0b46qgr.cloudfront.net/global/universaltone/build/assets/hero-4-mobile-CFXwwMCJ.jpg 786w, https://d3fyizz0b46qgr.cloudfront.net/global/universaltone/build/assets/hero-4-C0KKGYFw.jpg 2732w" sizes="(max-width: 767px) 786px, 2732px"/> </div> </li> </ul> </div> </div> </div> </section> <section id="section-2"> <div class="section-2 pt-20 md:pt-20 pb-20 md:pb-20 px-4 md:px-0"> <div class="section-2-pin"> <div class="header"> <div class="content-left lg:pe-20"><div class="title">Celebrate every skin tone empowered by TECNO’s 268 skin tone patches</div></div> <div class="content-right"><p class="pb-6">Camera technology shouldn’t have skin tone bias.</p><p class="pb-6">TECNO is proud to be the creator of the world’s first inclusive mobile imaging color card featuring 268 skin tone patches, which it continues to expand. This comprehensive palette serves as the foundation for TECNO Universal Tone—a revolutionary technology in TECNO smartphones that empowers its algorithms to accurately detect, analyze, and beautifully render every complexion.</p><p class="pb-6">By addressing bias and promoting authentic, inclusive representation, TECNO Universal Tone enables you to capture every shade of humanity and properly represent everyone in a single image.</p></div> </div> </div> <div class="video-holder-container"> <div class="video-holder md:mx-20 lg:mx-32 pb-40"> <div class="info"> <div class="msg">Experience skin tone diversity in our film ‘Tone Proud’</div> <div class="cta" data-video="https://www.youtube.com/embed/pJZcgmoqU9o?si=YFyXXHpywWgkVtZe" onclick="modalVideo_open( this );"> <button class=""> <span>WATCH THE FILM</span> <svg xmlns="http://www.w3.org/2000/svg" class="inline-block" height="15" width="10" viewBox="0 0 384 512"><path fill="#FFFFFF" d="M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80L0 432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z"/></svg> </button> </div> </div> <div class="img-holder"> <img class="" src="https://d3fyizz0b46qgr.cloudfront.net/global/universaltone/build/assets/video-BW-fP2oY.jpg" srcset="https://d3fyizz0b46qgr.cloudfront.net/global/universaltone/build/assets/video-mobile-B_FFLB-P.jpg 990w, https://d3fyizz0b46qgr.cloudfront.net/global/universaltone/build/assets/video-BW-fP2oY.jpg 2148w" sizes="(max-width: 767px) 990px, 2148px"/> </div> </div> </div> </div> </section> <section id="section-3"> <div class="section-3 pt-20 md:pt-40 pb-20 md:pb-20 px-4 md:px-0"> <div class="section-3-pin"> <div class="header md:mx-20 lg:mx-32 pb-16 md:pb-20 px-4 md:px-0"> <div class="msg">Less biased tech, more inclusive representation</div> <div class="title"> <div class="brand-outside">TECNO</div> <span class="whitespace-nowrap flex items-center"><div class="logo-palette-holder"></div> <span class="brand-inside">TECNO </span>UNIVERSAL TONE</span> </div> </div> <div class="md:mx-20 lg:mx-32 grid md:grid-cols-12 pb-20 md:pb-20 px-2 md:px-0"> <div class="content-left md:col-span-5 order-last md:order-first lg:pe-10 px-2 md:px-0"> <div class="content-left-container"> <div class="info">TECNO invented <span class="highlight">Universal Tone</span> to accurately capture and represent the color and texture of every skin tone in smartphone photography. Using AI to learn from the massive amount of unbiased data it collects<span class="highlight">—alongside its proprietary multi-skin tone color card featuring 268 skin tone patches—TECNO Universal Tone is continually fine-tuned and enhanced.</span><p class="note">Universal Tone technology is currently available on the CAMON 30 series and new PHANTOM Foldables. It will gradually expand to the entire TECNO product line.</p></div> <div class="cta"> <button class="btn-more-about-ut"> <span>MORE ABOUT UNIVERSAL TONE</span> </button> </div> </div> </div> <div class="content-right md:col-span-7 pb-10 md:pb-0"> <div class="video-holder"> <div data-video="https://www.youtube-nocookie.com/embed/93G_dOkUaec?si=pUICCcQtUTn5cAmG" onclick="modalVideo_open( this );"> <img class="" src="https://d3fyizz0b46qgr.cloudfront.net/global/universaltone/build/assets/video-2-D_DaYzKb.jpg"> <div class="cta"> <button class=""> <svg xmlns="http://www.w3.org/2000/svg" class="inline-block" height="60" width="40" viewBox="0 0 384 512"><path fill="#ffffff" d="M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80L0 432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z"/></svg> </button> </div> </div> </div> </div> </div> </div> <div class="card"> <div class="grid md:grid-cols-12"> <div class="card-title md:col-span-6">An imaging powerhouse developed in collaboration with top academics</div> <div class="md:col-span-6"></div> </div> <div class="grid md:grid-cols-12 gap-12"> <div class="content-left md:col-span-6"> <div class="img-holder"><img class="" src="https://d3fyizz0b46qgr.cloudfront.net/global/universaltone/build/assets/article-1-BsHB8ima.jpg"></div> <div class="info">To capture the unique aesthetics and needs of Southeast Asian consumers, TECNO partnered the research team led by Prof Jack Qiu from Nanyang Technological University, to integrate authoritative studies in setting benchmarks for skin tone representation in skin tone imagery.</div> </div> <div class="content-right md:col-span-6"> <div class="img-holder"><img class="" src="https://d3fyizz0b46qgr.cloudfront.net/global/universaltone/build/assets/article-2-B_BugiCK.jpg"></div> <div class="info">TECNO’s collaboration with the University of Leeds, led by Dr Kaida Xiao, combined academic and scientific support, laboratory data, and insights from in-depth research on skin tone and color science to create more inclusive and accurate depictions of beauty.</div> </div> </div> </div> </div> </section> <section id="section-4"> <div class="section-4 pt-20 pb-20 md:pt-20 md:pb-20"> <div class="header md:mx-20 lg:mx-32 grid md:grid-cols-11 pb-10 md:pb-20 px-6 md:px-0"> <div class="content-left md:col-span-6 pb-3 md:pb-0">Engineered for the beauty of every skin tone</div> <div class="content-right md:col-span-5"> <div class="cta" data-video="https://www.youtube-nocookie.com/embed/mLq6w8DU9kA?si=zntDi2tGtRZfX9MV" onclick="modalVideo_open( this );"> <button class=""> <span>WATCH THE VIDEO</span> <svg xmlns="http://www.w3.org/2000/svg" class="inline-block" height="15" width="10" viewBox="0 0 384 512"><path fill="#0264FA" d="M73 39c-14.8-9.1-33.4-9.4-48.5-.9S0 62.6 0 80L0 432c0 17.4 9.4 33.4 24.5 41.9s33.7 8.1 48.5-.9L361 297c14.3-8.7 23-24.2 23-41s-8.7-32.2-23-41L73 39z"/></svg> </button> </div> </div> </div> <div class="md:mx-20 lg:mx-32"> <div class="carousel-details splide" aria-labelledby="carousel-heading"> <div class="splide__track"> <ul class="splide__list"> <li class="splide__slide"> <div class="content"> <div class="video-holder"> <video autoplay muted playsinline loop crossorigin="anonymous"> <source src="https://d3fyizz0b46qgr.cloudfront.net/global/universaltone/build/assets/about_ut_1-JRhuw8CQ.mp4" type="video/mp4"> <img class="w-full" src="https://d3fyizz0b46qgr.cloudfront.net/global/universaltone/build/assets/banner-1-D3iqXGI_.jpg"> </video> </div> <div class="info p-2 pt-6"><span class="highlight">Multi-Skin Tone Restoration Engine</span> uses the largest and most diverse collection of skin tone data ever collected. It fine-tunes algorithms to eliminate bias for precise and inclusive skin tone representation, ensuring every unique shade is beautifully and accurately depicted.</div> </div> </li> <li class="splide__slide"> <div class="content"> <div class="video-holder"> <video autoplay muted playsinline loop crossorigin="anonymous"> <source src="https://d3fyizz0b46qgr.cloudfront.net/global/universaltone/build/assets/about_ut_2-Df4PvLgc.mp4" type="video/mp4"> <img class="w-full" src="https://d3fyizz0b46qgr.cloudfront.net/global/universaltone/build/assets/banner-2-BqwF0mqs.jpg"> </video> </div> <div class="info p-2 pt-6"><span class="highlight">Local-Tuning Engine</span> harmonizes you with your environment by adjusting for local environments, lighting and colour temperatures. It ensures that every photo captures the true essence of people and their surroundings, with tailored solutions for different regions and countries.</div> </div> </li> <li class="splide__slide"> <div class="content"> <div class="video-holder"> <video autoplay muted playsinline loop crossorigin="anonymous"> <source src="https://d3fyizz0b46qgr.cloudfront.net/global/universaltone/build/assets/about_ut_3-tCcMj__2.mp4" type="video/mp4"> <img class="w-full" src="https://d3fyizz0b46qgr.cloudfront.net/global/universaltone/build/assets/banner-3-DltjCeOO.jpg"> </video> </div> <div class="info p-2 pt-6"><span class="highlight">AI-Powered Computational Portrait Engine</span> delivers personalized portraits tailored to regional aesthetics and cultural preferences. It enhances skin tones, textures, and beauty features, ensuring every photo captures your unique beauty perfectly.</div> </div> </li> </ul> </div> </div> </div> </div> </section> <section id="section-5"> <div class="section-5 pt-20 md:pt-24 pb-20 md:pb-40"> <div class="header md:mx-20 lg:mx-32 grid md:grid-cols-12 pb-16 md:pb-10 px-6 md:px-0"> <div class="content-left md:col-span-12 lg:col-span-5"> <div class="title">Feel tone proud<br>with TECNO</div> <div class="txt info">Start by contributing your unique skin tone to our <span class="highlight">268ToneProud Gallery</span> below. Your photo adds to this celebration of true diversity, ensuring every shade is seen and appreciated. </div> <div class="txt info-mobile">Start by contributing your unique skin tone to our <span class="highlight">268ToneProud Gallery</span> below. Your photo adds to this celebration of true diversity, ensuring every shade is seen and appreciated. </div> </div> <div class="content-right md:col-span-12 lg:col-span-7"> <div class="cta"> <button class="btn-submit" onclick="modalSubmit_open( this );"> <span>SHARE YOUR TONE ></span> </button> <a class="btn-capture" href="https://268toneproud.com" target="_parent"> <span>DISCOVER YOUR TONE</span> </a> </div> </div> </div> <div class="gallery-holder"> <div class="gallery"> </div> </div> <div class="load-more"> <form method="POST" action="https://268toneproud.com/getEntriesGallery" autocomplete="off"> <input type="hidden" name="_token" value="62P5An2QLWU8qqEAb12WLEaSVUVorOeNst9SDf0f" autocomplete="off">  <button type="submit" class="btn-load-more disabled"> <span class="pt-1">LOAD MORE</span> <span class="loading-icon ml-3"> <svg class="animate-spin -ml-1 h-5 w-5 text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24"> <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"></path> </svg> </span> </button> </form> </div> </div> </section> <footer class="pt-32 pb-10 px-4 md:px-0"> <div class="mx-0 md:mx-20 lg:mx-32"> <div class="pb-6"><hr class="" /></div> <div class="content-container"> <div class="content-left"> <img class="" src="https://d3fyizz0b46qgr.cloudfront.net/global/universaltone/build/assets/logo-tecno-7W_V6g0f.png"> </div> <div class="content-right"> <span class="md:text-right pb-2">Follow us on</span> <div class="cta"> <a class="btn-facebook" href="https://www.facebook.com/TECNOMobile/" target="_blank"> <img class="" src="https://d3fyizz0b46qgr.cloudfront.net/global/universaltone/build/assets/icon-facebook-58mMXfJJ.png"> </a> <a class="btn-x" href="https://x.com/tecnomobile?lang=en" target="_blank"> <img class="" src="https://d3fyizz0b46qgr.cloudfront.net/global/universaltone/build/assets/icon-x-BOCRrqsN.png"> </a> <a class="btn-instagram" href="https://www.instagram.com/tecnomobile/?hl=en" target="_blank"> <img class="" src="https://d3fyizz0b46qgr.cloudfront.net/global/universaltone/build/assets/icon-instagram-DqBIRbGJ.png"> </a> </div> </div> </div> </footer> </div> </div> <div x-data="modelOpen" id="modelOpen"> <div x-cloak x-show="open" class="modal" aria-labelledby="modal-title" role="dialog" aria-modal="true" id="modal_gallery"> <div x-show="open" x-transition:enter="transition ease-out duration-300 transform" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="transition ease-in duration-200 transform" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" class="modal-bkgnd" aria-hidden="true" ></div> <div x-show="open" class="modal-area"> <div x-show="open" x-transition:enter="transition ease-out duration-300 transform" x-transition:enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" x-transition:enter-end="opacity-100 translate-y-0 sm:scale-100" x-transition:leave="transition ease-in duration-200 transform" x-transition:leave-start="opacity-100 translate-y-0 sm:scale-100" x-transition:leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" class="modal-content" > <div class="modal-content-holder"> <div class="modal-content-submission grid md:grid-cols-2 gap-4 md:gap-16 py-3" @click.outside="open = false"> <div class="col-span-2 md:col-span-1"> <div class="flex justify-start pb-3 md:hidden"> <button class="btn-close flex justify-end items-center gap-2" @click="toggle" > <svg xmlns="http://www.w3.org/2000/svg" width="21.139" height="21.139" viewBox="0 0 21.139 21.139"> <g id="Group_46" data-name="Group 46" transform="translate(-353.203 -601.058)"> <line id="Line_8" data-name="Line 8" x1="19.725" y2="19.725" transform="translate(353.91 601.766)" fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="2"/> <line id="Line_9" data-name="Line 9" x1="19.725" y1="19.725" transform="translate(353.91 601.765)" fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="2"/> </g> </svg> <span>CLOSE</span> </button> </div> <div class="img-holder"> <img class="w-full" src="" x-ref="image"> </div> </div> <div class="col-span-2 md:col-span-1"> <div class="content-holder"> <div class="hidden md:flex justify-end"> <button class="btn-close flex justify-end items-center gap-2" @click="toggle" > <svg xmlns="http://www.w3.org/2000/svg" width="21.139" height="21.139" viewBox="0 0 21.139 21.139"> <g id="Group_46" data-name="Group 46" transform="translate(-353.203 -601.058)"> <line id="Line_8" data-name="Line 8" x1="19.725" y2="19.725" transform="translate(353.91 601.766)" fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="2"/> <line id="Line_9" data-name="Line 9" x1="19.725" y1="19.725" transform="translate(353.91 601.765)" fill="none" stroke="#fff" stroke-linejoin="round" stroke-width="2"/> </g> </svg> <span>CLOSE</span> </button> </div> <div class="flex items-center h-full"> <div class=""> <div class="handle" x-ref="handle">@HandleName</div> <div class="feedback" x-ref="feedback">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore</div> <div class="hashtags">#268ToneProud #SkinToneConfidence #UniversalTone #TECNO</div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div x-data="modalSubmit" id="modalSubmit"> <div x-cloak x-show="open" class="modal" aria-labelledby="modal-title" role="dialog" aria-modal="true" id="modal_submit"> <div x-show="open" x-transition:enter="transition ease-out duration-200 transform" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="transition ease-in duration-300 transform" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" class="modal-bkgnd" aria-hidden="true" ></div> <div x-show="open" class="modal-area"> <div x-show="open" x-transition:enter="transition ease-out delay-150 duration-200 transform" x-transition:enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" x-transition:enter-end="opacity-100 translate-y-0 sm:scale-100" x-transition:leave="transition ease-out duration-300 transform" x-transition:leave-start="opacity-100 translate-y-0 sm:scale-100" x-transition:leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" class="modal-content" > <div class="modal-content-holder"> <div class="modal-content-form"> <div class="content-1"> <button class="btn-return" @click="open = false"> <svg xmlns="http://www.w3.org/2000/svg" width="12.831" height="22.727" viewBox="0 0 12.831 22.727"> <path id="Path_113" data-name="Path 113" d="M4479.333,10320.878l11.568,10.814-11.568,10.816" transform="translate(4491.651 10343.057) rotate(180)" fill="none" stroke="#000" stroke-linejoin="round" stroke-width="1.5"/> </svg> <span>RETURN</span> </button> </div> <div class="content-2"> <div class="info-holder"> <div class="info"> <div class="header">Share your tone</div> </div> </div> <form method="POST" class="form-data-holder" action="https://268toneproud.com/submitEntry" enctype='multipart/form-data' autocomplete="off"> <input type="hidden" name="_token" value="62P5An2QLWU8qqEAb12WLEaSVUVorOeNst9SDf0f" autocomplete="off"> <div class="upload-img-holder frm-input"> <label for="uploadFile" class="upload-img" ondrop="dropHandler( event );" ondragover="dragOverHandler( event );" ondragleave="dragLeaveHandler( event );"> <div class="img-preview"> <img id='preview_img' class="" src="" alt="" /> <canvas id="preview_canvas" class=""></canvas> </div> <div class="img-instructions"> <div class="flex flex-col items-center w-full"> <svg xmlns="http://www.w3.org/2000/svg" width="48.806" height="48.807" viewBox="0 0 48.806 48.807"> <g id="Group_216" data-name="Group 216" transform="translate(0.5 0.5)"> <path id="Path_114" data-name="Path 114" d="M47.875,101.878H34.836V88.839" transform="translate(-34.836 -54.071)" fill="none" stroke="#0264fa" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/> <path id="Path_115" data-name="Path 115" d="M96.542,88.839v13.038H83.5" transform="translate(-48.736 -54.071)" fill="none" stroke="#0264fa" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/> <path id="Path_116" data-name="Path 116" d="M83.5,40.172H96.542V53.211" transform="translate(-48.736 -40.172)" fill="none" stroke="#0264fa" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/> <path id="Path_117" data-name="Path 117" d="M34.836,53.212V40.173H47.875" transform="translate(-34.836 -40.171)" fill="none" stroke="#0264fa" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/> <path id="Path_118" data-name="Path 118" d="M63.45,79.072c-5.224-.1-7.886-5.353-8.6-9.31l-.812-5.841c-1.072-8.028,3.19-12.488,9.409-12.488s10.482,4.461,9.41,12.488l-.812,5.841C71.488,73.753,68.674,78.97,63.45,79.072Z" transform="translate(-40.274 -43.387)" fill="none" stroke="#a2a2a2" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/> <path id="Path_119" data-name="Path 119" d="M78.83,97.426C75.545,93.493,67.972,91.5,67.972,91.5s-.289,5.729-8.391,5.923c-8.1-.194-8.391-5.923-8.391-5.923s-7.573,1.99-10.859,5.923" transform="translate(-36.406 -54.831)" fill="none" stroke="#a2a2a2" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"/> </g> </svg> <p class="pt-6">Drag and drop your photo here, or <span class="text-blue-600/[.8]">tap to upload</span></p> </div> </div> <input type="file" id='uploadFile' class="hidden" onchange="loadFile( event );" /> </label> <div class="error-msg absolute w-full"> <div class="error-icon"> <svg class="" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"> <path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-8-5a.75.75 0 01.75.75v4.5a.75.75 0 01-1.5 0v-4.5A.75.75 0 0110 5zm0 10a1 1 0 100-2 1 1 0 000 2z" clip-rule="evenodd" /> </svg> </div> <span class="txt">Please upload an image.</span> </div> </div> <div class="form-data"> <input type="hidden" id="image" name="image" value=""> <div class="frm-input"> <label for="handle" class="">Name</label> <div class="relative"> <input type="text" name="handle" id="handle" class="placeholder:text-gray-400" placeholder="Your Instagram @username*" maxlength="100"> <div class="error-icon"> <svg class="" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"> <path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-8-5a.75.75 0 01.75.75v4.5a.75.75 0 01-1.5 0v-4.5A.75.75 0 0110 5zm0 10a1 1 0 100-2 1 1 0 000 2z" clip-rule="evenodd" /> </svg> </div> </div>  </div> <div class="frm-input"> <label for="feedback" class="">Why does your skin tone matter?</label> <div class="relative"> <textarea data-limit-rows=true rows="4" name="feedback" id="feedback" class="placeholder:text-gray-400" placeholder="How or why does your skin tone make you proud?" maxlength="500"></textarea> <div class="error-icon"> <svg class="" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"> <path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-8-5a.75.75 0 01.75.75v4.5a.75.75 0 01-1.5 0v-4.5A.75.75 0 0110 5zm0 10a1 1 0 100-2 1 1 0 000 2z" clip-rule="evenodd" /> </svg> </div> </div>  </div> <div class="frm-checkbox"> <div class="relative flex w-full"> <div class="flex frm-checkbox-container"> <div class="flex h-6 items-center"> <input id="agreement" name="agreement" type="checkbox" class=""> </div> <div class="ml-3 text-sm leading-6">I agree to TECNO’s <a class="btn-content-license underline" onclick="modalContentLicense_open( this );">Content License and Data Use Agreement</a>.</div> </div> <div class="error-icon"> <svg class="" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"> <path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-8-5a.75.75 0 01.75.75v4.5a.75.75 0 01-1.5 0v-4.5A.75.75 0 0110 5zm0 10a1 1 0 100-2 1 1 0 000 2z" clip-rule="evenodd" /> </svg> </div> </div>  </div> <div> <button type="submit" class="mt-3">Submit</button> </div> </div> </form> </div> </div> </div> </div> </div> </div> </div> <div x-data="modalSubmitted" id="modalSubmitted"> <div x-cloak x-show="open" class="modal" aria-labelledby="modal-title" role="dialog" aria-modal="true" id="modal_submitted"> <div x-show="open" x-transition:enter="transition ease-out duration-300 transform" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="transition ease-in duration-200 transform" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" class="modal-bkgnd" aria-hidden="true" ></div> <div x-show="open" class="modal-area"> <div x-show="open" x-transition:enter="transition ease-out duration-300 transform" x-transition:enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" x-transition:enter-end="opacity-100 translate-y-0 sm:scale-100" x-transition:leave="transition ease-in duration-200 transform" x-transition:leave-start="opacity-100 translate-y-0 sm:scale-100" x-transition:leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" class="modal-content" > <div class="modal-content-holder"> <div class="modal-content-submitted" @click.outside="open = false"> <div> <div class="mt-3 sm:mt-5"> <div class="header" id="modal-title">Your tone is submitted!</div> <div class="txt">Thanks for being part of our 268ToneProud community! We’ll review your skin tone submission and share it with others.</div> </div> </div> <div class="mt-5 grid grid-cols-1 gap-3"> <a class="btn-confirm" href="javascript:;" @click="open = false">CLOSE</a> </div> </div> </div> </div> </div> </div> </div> <div x-data="modalVideo" id="modalVideo"> <div x-cloak x-show="open" class="modal" aria-labelledby="modal-title" role="dialog" aria-modal="true" id="modal_video"> <div x-show="open" x-transition:enter="transition ease-out duration-300 transform" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="transition ease-in duration-200 transform" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" class="modal-bkgnd" aria-hidden="true" ></div> <div x-show="open" class="modal-area"> <div x-show="open" x-transition:enter="transition ease-out duration-300 transform" x-transition:enter-start="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" x-transition:enter-end="opacity-100 translate-y-0 sm:scale-100" x-transition:leave="transition ease-in duration-200 transform" x-transition:leave-start="opacity-100 translate-y-0 sm:scale-100" x-transition:leave-end="opacity-0 translate-y-4 sm:translate-y-0 sm:scale-95" class="modal-content" > <div class="modal-content-holder"> <div class="aspect-w-16 aspect-h-9" @click.outside="open = false"> <iframe x-ref="video" src="" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>  </div> </div> </div> </div> </div> </div> <div x-data="modalContentLicense" id="modalContentLicense"> <div x-cloak x-show="open" class="modal" aria-labelledby="modal-title" role="dialog" aria-modal="true" id="modal_content_license"> <div x-show="open" x-transition:enter="transition ease-out duration-200 transform" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="transition ease-in duration-300 transform" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" class="fixed inset-0 bg-black bg-opacity-75 transition-opacity" aria-hidden="true" ></div> <div x-show="open" class="modal-overlay"> <div x-show="open" x-transition:enter="transition ease-out delay-150 duration-200" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="transition ease-out duration-300" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" class="modal-content 2xl:container 2xl:mx-auto flex min-h-full items-center justify-center text-center sm:items-center" > <div class="modal-holder"> <div class="modal-container">  <div class="modal-content modal-content-license" @click.outside="open = false"> <div> <div class="mt-3 sm:mt-5"> <div class="header pb-3" id="modal-title">ToneProud Webapp Privacy Policy</div> <div class="txt"> <p class="pb-3">TECNO MOBILE LIMITED (hereinafter referred to as "ToneProud Webapp", "we," "us," or "our") is the provider and operator of ToneProud Webapp application software and services (hereinafter referred to as "the Software"). We fully respect your privacy and make every effort to protect your personal information. In the process of providing the products or services (collectively referred to as "the Services"), we may collect and use your personal information with your consent or as required by applicable laws. This Privacy Policy (hereinafter referred to as "the Policy") is intended to help you understand how we collect, use, disclose, process, and protect the personal information you provide when using ToneProud Webapp products or services, your rights with respect to that personal information, and how we safeguard those rights. The Policy applies to all products and services provided by ToneProud Webapp Platform. <strong>It shall be specially noted that the Policy is not applicable to the services offered to you by third parties.</strong></p> <p class="pb-3"><strong>Please read the Policy carefully before using our products or services, submitting personal information to us, or granting us consent to collect your personal information.</strong></p> <p class="pb-3">If you have any questions, please feel free to contact us via <a href="mailto:privacy@tecno.com" target="_blank">privacy@tecno.com</a></p> <p class="pb-3"><strong>The Privacy Policy will help you understand the following:</strong></p> <ol type="I" class="list-[upper-roman] list-inside ps-3 md:ps-6 pb-6"> <li>How We Collect and Use Your Personal Information</li> <li>How We Use Cookies and Other Similar Technologies</li> <li>How We Store and Protect Your Personal Information</li> <li>How We Share, Transfer and Disclose Your Personal Information</li> <li>How Is Your Personal Information Transferred Across Borders</li> <li>Your Rights to Your Personal Information</li> <li>How We Process Children's Personal Information</li> <li>Third-Party Service Providers and Their Services</li> <li>Supplements and Updates to the Policy</li> <li>Joint Controller</li> <li>How to Contact Us</li> </ol> <p class="pb-6"><strong>I. How We Collect and Use Your Personal Information</strong></p> <p class="pb-3 ps-3 md:ps-6 pb-6"><strong>(I) Overview</strong></p> <p class="pb-3 ps-3 md:ps-6 pb-6">ToneProud Webapp believes that fundamental privacy rights must apply equally regardless of where you live in the word. We treat any information that relates to an identified or identifiable individual as “personal information”.</p> <p class="pb-3 ps-3 md:ps-6 pb-6">We only collect the information necessary for special, specific, explicit, and legitimate purposes. We will request your consent again if we intend to use your personal information for any purposes not specified herein.</p> <p class="pb-3 ps-3 md:ps-6 pb-6">You have the right to decide whether to provide your personal information when using ToneProud Webapp products or services or when we request it. We will only collect and use your personal information for the purposes stated herein. The following are examples explaining why we collect your personal information: </p> <p class="pb-3 ps-3 md:ps-6 pb-6"><strong>(II) ToneProud Webapp's Main Service Functions and Information Collection and Usage Scenarios</strong></p> <p class="pb-3 ps-3 md:ps-6 pb-6">We will provide a skin tone coding tool with your authorization. <strong>You hereby authorize that by tapping on the button to take photos or using this feature, you agree that we will conduct skin tone analysis and generate an image containing the corresponding skin tone code based on the photo you take or upload.</strong> Refusing to provide such information may prevent us from being able to generate the correct skin tone code. We sincerely invite you to capture a photo with your skin tone code in the ToneProud Webapp link. You may download it, share it on social media, or upload it to the website site. If you opt to upload to the website, we will record <strong>the photo you submit</strong> and any description you provide (optional). Upon review, this information will be publicly displayed on the ToneProud Web for other users to view and browse.</p> <p class="pb-3 ps-3 md:ps-6 pb-6">To deliver these features and services, we will request access to your camera permissions, as well as file and media permissions, to facilitate capturing, uploading, and storing images.</p> <p class="pb-6"><strong>II. How We Use Cookies and Other Similar Technologies</strong></p> <p class="pb-3 ps-3 md:ps-6 pb-6">1. What cookies and other similar technologies are</p> <p class="pb-3 ps-3 md:ps-6 pb-6">To ensure the smooth operation of the Software, provide you with a more convenient browsing experience, and suggest content or ads of interest to you as our product functions continue to evolve and update, we may store small data files named cookies on your mobile device. Cookies typically contain identifiers, site names, and some numbers and characters. Our websites, online services, interactive applications, emails, and other information services may use cookies and other similar technologies, such as pixel tags and web beacons. As the information collected through cookies and similar technologies does not typically include any of your personally identifiable information, we usually regard it as non-personal information. However, if the laws of a certain country consider Internet Protocol (IP) addresses or similar identifiers as personal information, we will comply with those national legal regulations.</p> <p class="pb-3 ps-3 md:ps-6 pb-6">2. Why we use cookies and other similar technologies</p> <p class="pb-3 ps-3 md:ps-6 pb-6">We and our partners use cookies or similar technologies to ensure the security of this service.</p> <table class="text-center ms-3 md:ms-6 mb-6 border-solid border-1 border-black"> <tr> <th class="border-solid border border-black">Type of Cookies</th> <th class="border-solid border border-black">Purpose</th> <th class="border-solid border border-black">Valid Period</th> </tr> <tr> <td class="border-solid border border-black">Functional cookies</td> <td class="border-solid border border-black">By verifying the XSRF-TOKEN, the server may ensure that the request comes from a legitimate user's browser and is not forged by a malicious website.</td> <td class="border-solid border border-black">120min</td> </tr> </table> <p class="pb-3 ps-3 md:ps-6 pb-6">We will not use cookies for any purposes other than those stated herein. You can manage or delete cookies according to your preferences. You can manage cookies through your browser settings by deleting them and restoring (clearing) settings (content and data), among other methods.</p> <p class="pb-6"><strong>III. How We Store and Protect Your Personal Information</strong></p> <p class="pb-3 ps-3 md:ps-6 pb-6">1. How we store your personal information</p> <p class="pb-3 ps-3 md:ps-6 pb-6">We will store your personal information that we collected upon your consent in accordance with the relevant national laws and regulations concerning personal privacy and data protection. We may also store the personal information we collect in countries or regions other than the country in which we do business, provided that local laws and regulations do not prohibit such storage.</p> <p class="pb-3 ps-3 md:ps-6 pb-6">Currently, ToneProud Webapp may store your personal information in Singapore. Specifically:</p> <p class="pb-3 ps-3 md:ps-6 pb-6">We may use the servers in other areas or countries depending on our business development, and in such cases, we will update the Policy accordingly.</p> <p class="pb-3 ps-3 md:ps-6 pb-6">Whether personal information is stored in the country where we do business or in another country or region without violating the law, we will store it in accordance with the relevant laws and regulations regarding data storage. We will take necessary security measures considering the characteristics, scope, purposes of personal information processing, the possible risks in processing personal information, and the serious consequences in case of any damages. We will store the information only necessary for our business development within the minimum retention period unless otherwise permitted by laws or you agree to extend the retention period. We will delete or take other appropriate measures to delete data that exceeds the retention period or that you request us to delete, provided that this does not violate the relevant laws and regulations.</p> <p class="pb-3 ps-3 md:ps-6 pb-6">2. How we protect your personal information</p> <p class="pb-3 ps-3 md:ps-6 pb-6">We will also take other necessary measures to protect your personal information from misuse, unauthorized access, modification, disclosure, or destruction.</p> <p class="pb-3 ps-3 md:ps-6 pb-6">We implement security measures designed to protect your personal information and regularly monitor our systems for possible vulnerabilities and attacks, and we use administrative, technical and physical safeguards to protect your personal information by considering the nature, processing methods, and security of the personal information. We will continuously strive to improve these measures to keep your personal data secure.</p> <p class="pb-3 ps-3 md:ps-6 pb-6">It should be noted that no measures can absolutely guarantee the avoidance of data storage security incidents. In the event of a security breach, we will report to the appropriate regulator in accordance with the requirements of relevant laws and regulations, and provide the type of personal data involved in the data breach, the number of data subjects, the possible consequences of the data breach, and the remedial measures we intend to take in accordance with the requirements of the supervisory authorities. We will take all possible measures to remedy or mitigate the damages and consequences caused by a data breach. If permitted or required by laws, we will promptly inform you of the consequences or significant damage that may be caused to you as a result of a data breach, so that you can take appropriate measures to protect your rights to the greatest extent.</p> <p class="pb-3 ps-3 md:ps-6 pb-6">Since no website, Internet transmission, computer system, or wireless connection is absolutely secure, in addition to the necessary security measures we take, users need to be more aware of privacy and security risks. If you find that certain content, advertisements, or features of our website, products, or services may be provided by third parties and may endanger your privacy and security, please contact us promptly and we will give priority to dealing with them in accordance with the law.</p> <p class="pb-6"><strong>IV. How We Share, Transfer and Disclose Your Personal Information</strong></p> <p class="pb-3 ps-3 md:ps-6 pb-6">We will share, transfer, and disclose your personal information to the minimum extent and only when it is necessary for operations or required by laws. We will not share, transfer, or disclose your personal information unless otherwise required or permitted by applicable laws and regulations in the following circumstances:</p> <p class="pb-3 ps-3 md:ps-6 pb-6">1. How we share your personal information</p> <p class="pb-3 ps-3 md:ps-6 pb-6">We do not sell any personal information to third parties. To offer you timely service, we may share your personal information with ToneProud Webapp's affiliates. We will only share your information with ToneProud Webapp's affiliates for lawful purposes clearly stated and only as necessary to provide the Services subject to the purposes stated in this Privacy Policy. For any purposes not covered herein, we will make explicit statements in the privacy policy or notice for the specific product or service.</p> <p class="pb-3 ps-3 md:ps-6 pb-6">We may share necessary personal information with authorized third-party partners to perform certain functions or provide you with better service and user experience. Our technical service providers will assist us in processing and storing the images you provide. We will share that information to the minimum extent and only when it is necessary for operations or required by law. Before sharing, we will sign stringent confidentiality agreements with our authorized partners, requiring them to take relevant confidentiality and security measures to process personal information in accordance with the Policy and the applicable laws of your jurisdiction. Moreover, we will require them to provide data security functions and information security qualifications.</p> <p class="pb-3 ps-3 md:ps-6 pb-6">2. How we transfer your personal information</p> <p class="pb-3 ps-3 md:ps-6 pb-6">ToneProud Webapp will not transfer your information to any other party without:</p> <p class="pb-3 ps-3 md:ps-6 pb-6">(1) your express consent is obtained</p> <p class="pb-3 ps-3 md:ps-6 pb-6">(2) posting a prominent notice via email and/or our website or by means of another appropriate method to inform you of any changes in your ownership of, rights to, and choices regarding your personal information when ToneProud Webapp is involved in a merger, acquisition, or sale of all or part of its assets that may affect your personal information.</p> <p class="pb-3 ps-3 md:ps-6 pb-6">(3) the transfer has been stated in the Privacy Policy or otherwise notified to you.</p> <p class="pb-3 ps-3 md:ps-6 pb-6">3. How we disclose your personal information</p> <p class="pb-3 ps-3 md:ps-6 pb-6">ToneProud Webapp may disclose your personal information as required by law, legal procedures, litigation, and/or government departments and authorities. We may also disclose your personal information if the disclosure is necessary or appropriate for national security, law enforcement, or other matters of public importance.</p> <p class="pb-3 ps-3 md:ps-6 pb-6">In addition, we may share your personal information with the following people:</p> <p class="pb-3 ps-3 md:ps-6 pb-6">(1) our lawyers, accountants, auditors, or similar consultants, when we request them to provide professional advice.</p> <p class="pb-3 ps-3 md:ps-6 pb-6">(2) investors and other related third parties, if actual or potential sales or other transactions with another company occur and are related to entities within the TECNO group.</p> <p class="pb-3 ps-3 md:ps-6 pb-6">(3) other third parties, for example, when specific information is disclosed to them under your authorization.</p> <p class="pb-6"><strong>V. How Is Your Personal Information Transferred Across Borders</strong></p> <p class="pb-3 ps-3 md:ps-6 pb-6">For the purposes described in the Privacy Policy, we may transfer your personal information to the resources or servers mentioned in Section III of the Policy for storage or processing, and we may also transfer your personal information to third-party service providers and business partners, and therefore your data may be transferred to other countries or regions, subject to compliance with applicable laws and regulations in your region and with your authorized consent. The privacy laws in these countries or regions may differ, and the jurisdictions in which these servers are located may or may not protect personal information to the same extent as those in your jurisdiction. However, we will still strive to protect your personal information based on our Privacy Policy and carry out the cross-border transfer and other processing of corresponding information as required by the laws of the country or region where the personal information is located.</p> <p class="pb-3 ps-3 md:ps-6 pb-6">If we transfer personal information outside of your jurisdiction, whether to our affiliates or to a third-party service provider, we will comply with the relevant applicable laws. We will take appropriate security and protection measures to ensure that all such transfers are subject to the requirements of applicable local data protection laws.</p> <p class="pb-6"><strong>VI. Your Rights to Your Personal Information</strong></p> <p class="pb-3 ps-3 md:ps-6 pb-6">As a data subject, you have a number of rights with respect to personal information such as confirmation, access, correction, deletion, withdrawal of consent, complaints (hereinafter referred to as "requests"), etc. We fully understand and respect these rights, which are also subject to specific exclusions and exceptions in accordance with applicable law. We will also take active steps to ensure that your rights are effectively guaranteed. However, please understand and note that for security reasons, we may need to verify your identity before processing your request. In principle, we charge no fees for your legitimate requests. However, for repeated requests exceeding reasonable limits, we will charge a reasonable fee to the extent permitted by applicable laws based on actual administrative costs as appropriate. We may deny requests that are unwarrantedly repetitive, require excessive technical means (for example, requiring the development of new systems or fundamental changes in current practices), pose a risk to the legal rights of others or are highly impractical, or violate mandatory legal requirements.</p> <p class="pb-3 ps-3 md:ps-6 pb-6">1. <strong>Right to confirm and access:</strong> We inform you of how we collect and process your personal information via this Privacy Policy or through privacy policies or notices for specific product service scenarios. You have the right to confirm or reject such collection and processing by checking the box or via other methods. However, if you reject the service, some functions that require your express authorized consent before use may no longer be available. The personal information you have provided to us can be accessed directly from the interface of our products or services. In case of failure to access, you can email us at privacy@tecno.com, and we will deal with it promptly.</p> <p class="pb-3 ps-3 md:ps-6 pb-6">2. <strong>Right to correct and delete:</strong> When your personal information changes, or when you find that the information we collected and processed is inaccurate or incomplete, you have the right to request that we make corrections or additions. You have the right to request us to delete your personal information when we have achieved the purpose of collecting your personal information or it is no longer necessary, or when you find that we have collected or processed your personal information in violation of the provisions of laws and regulations or the terms of the Privacy Policy. For any information that you have no access to correct or delete, you can email us at privacy@tecno.com to request for correction or deletion.</p> <p class="pb-3 ps-3 md:ps-6 pb-6">If otherwise stipulated by law, we may not approve your request for such deletion. Please also note that if you request the deletion of your information from our products and services, due to certain applicable local laws and technical limitations, we may not immediately delete the corresponding information from our backup systems, but we will securely store your personal information and prevent its further processing until the backup systems are updated and your information can be deleted or anonymized.</p> <p class="pb-3 ps-3 md:ps-6 pb-6">3. <strong>Right to withdraw consent:</strong> you may withdraw consent previously granted to us for specific purposes, including the collection, use, and/or disclosure of your personal information in our possession or control, by withdrawing the consent request. You can email us at privacy@tecno.com for relevant operations. We will process your request within a reasonable time after you send it, and then will not collect, use, and/or disclose your personal information according to your request.</p> <p class="pb-3 ps-3 md:ps-6 pb-6">Withdrawing your consent may result in an inability to continue to access certain and/or all ToneProud Webapp product and service functions. The withdrawal of your consent or authorization will not affect the validity of our previous processing activities based on your consent.</p> <p class="pb-3 ps-3 md:ps-6 pb-6">4. <strong>Right to complain:</strong> You have the right to email us at privacy@tecno.com for a complaint. We will respond promptly to your complaint. If you are not satisfied with our response, especially if our personal information processing practices have harmed your legitimate rights and interests, you may also file a complaint or report to the local statutory personal data protection authority, or file a lawsuit with a court of competent jurisdiction.</p> <p class="pb-3 ps-3 md:ps-6 pb-6">5. <strong>Right to control your privacy settings:</strong> You have the right to control your privacy settings, which allow you to restrict our collection, use, disclosure, or processing of your personal information. You may enable or disable the function and permission of Camera as well as File and Media, or change your decision by contacting us at privacy@tecno.com.</p> <p class="pb-3 ps-3 md:ps-6 pb-6">6. <strong>Right in some jurisdictions:</strong> Please pay attention that you may have the following data subject rights under applicable laws in certain jurisdictions:</p> <p class="pb-3 ps-3 md:ps-6 pb-6">(1) Right to restriction of processing. You have the right to request our restriction on your personal information processing. We will review the reasons for your request. If the reasons are in accordance with applicable data protection laws, we will process your personal information only to the extent permitted by such laws and will notify you before lifting the restriction on processing.</p> <p class="pb-3 ps-3 md:ps-6 pb-6">(2) Right to data portability. You have the right to request the transfer of your personal information to another data controller in a structured and commonly used format.</p> <p class="pb-3 ps-3 md:ps-6 pb-6">While we also have the right to refuse to process your request, we may reject some of your requests where an exemption applies or where we comply with applicable laws. For example, some requests are manifestly unfounded or excessive or require disclosure of third-party information.</p> <p class="pb-6"><strong>VII. How We Process Children's Personal Information</strong></p> <p class="pb-3 ps-3 md:ps-6 pb-6">ToneProud Webapp does not provide its products and services for children under the age of 14 or the equivalent legal age under the laws in your jurisdiction (the age of a child varies from country to country, and we will define a child based on the laws and regulations of the country or region in which we do business). We do not actively collect personal data from children and do not use it for marketing purposes. If you find that you have transferred information about such children to us, email us at privacy@tecno.com, and we will remove the information as soon as possible. If we find that we have collected children's personal information, we will also remove the relevant content as soon as possible.</p> <p class="pb-6"><strong>VIII. Supplements and Updates to the Policy</strong></p> <p class="pb-3 ps-3 md:ps-6 pb-6">We reserve the right to update or modify the Policy from time to time as our business, technology, applicable laws, and operations change. For any changes to the Policy, we will notify you by posting the updated policy here (on this page), by posting it on our website at https://www.tecno-mobile.com, or by sending it to you as a separate notice. Please regularly check this page or the notifications we send you to stay informed of updates to the Privacy Policy. The Privacy Policy is subject to change, but we will not diminish your rights under the Policy without your express consent.</p> <p class="pb-3 ps-3 md:ps-6 pb-6">We will seek your express consent as required by applicable laws before we collect other information from you or use or disclose your information for a new purpose. If you continue to use products and services on the website, mobile device, and/or any other devices, you will be bound by the updated Privacy Policy.</p> <p class="pb-3 ps-3 md:ps-6 pb-6">The content of ToneProud Webapp products or services stated in the Agreement may change depending on the type of product and system version you are using, or the requirements of local laws and regulations.</p> <p class="pb-6"><strong>IX. Joint Controller</strong></p> <p class="pb-3 ps-3 md:ps-6 pb-6">SHENZHEN TECNO TECHNOLOGY CO.,LTD will be responsible for processing your personal information together with us as joint controllers. TECNO MOBILE LIMITED and SHENZHEN TECNO TECHNOLOGY CO.,LTD have clarified their respective responsibilities for joint processing under applicable laws, including the GDPR. To contact us for more information about joint control, please see Section X How to Contact Us.</p> <p class="pb-6"><strong>X. How to Contact Us</strong></p> <p class="pb-3 ps-3 md:ps-6 pb-6">If you have any suggestions, questions, or concerns about our Privacy Policy or practices regarding the protection of personal information, contact us at:</p> <p class="pb-3 ps-3 md:ps-6 pb-6">Email: <a href="mailto:privacy@tecno.com" target="_blank">privacy@tecno.com</a> (Note: The email is used for receiving emails related to our Privacy Policy or our information protection only)</p> <p class="pb-3 ps-3 md:ps-6 pb-6">We will review your request regarding privacy or personal information as soon as possible and reply to you within 15–30 days after verifying your user identity. If your request involves complex or significant issues, we may ask you for further information.</p> <p class="pb-3 ps-3 md:ps-6 pb-6">If you are not satisfied with our response, especially if your legitimate interests have been violated by us, you can seek a solution from the relevant data protection supervisory authority in your jurisdiction. If you make the above inquiry to us, we will provide you with information on the relevant complaint channels that may apply to your case.</p> <p class="pb-3 ps-3 md:ps-6 pb-6">Thank you for your time to read our Privacy Policy!</p> </div> </div> </div> <div class="mt-5 grid grid-cols-1 gap-3"> <button class="btn-confirm" href="javascript:;" @click="open = false">CLOSE</button> </div> </div> </div> </div> </div> </div> </div> </div> <div x-data="modalDataUse" id="modalDataUse"> <div x-cloak x-show="open" class="modal" aria-labelledby="modal-title" role="dialog" aria-modal="true" id="modal_data_use"> <div x-show="open" x-transition:enter="transition ease-out duration-300 transform" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="transition ease-in duration-200 transform" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" class="fixed inset-0 bg-black bg-opacity-75 transition-opacity" aria-hidden="true" ></div> <div x-show="open" class="modal-overlay"> <div x-show="open" x-transition:enter="transition ease-out delay-150 duration-200" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="transition ease-out duration-300" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" class="modal-content 2xl:container 2xl:mx-auto flex min-h-full items-center justify-center text-center sm:items-center" > <div class="modal-holder"> <div class="modal-container">  <div class="modal-content modal-data-use" @click.outside="open = false"> <div> <div class="mt-3 sm:mt-5"> <div class="header" id="modal-title">Data Use Agreement</div> <div class="txt"> <p class="pb-3">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p> <p class="pb-3">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?</p> <p class="pb-3">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p> <p class="pb-3">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?</p> <p class="pb-3">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p> <p class="pb-3">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?</p> </div> </div> </div> <div class="mt-5 grid grid-cols-1 gap-3"> <a class="btn-confirm" href="javascript:;" @click="open = false">CLOSE</a> </div> </div> </div> </div> </div> </div> </div> </div> </main> </body>  <script async src="https://www.googletagmanager.com/gtag/js?id=G-JFHTLG1RWM"></script> <script> window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', 'G-JFHTLG1RWM'); </script>  <script async src="https://www.googletagmanager.com/gtag/js?id=UA-99336968-1"></script> <script> window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', 'UA-99336968-1'); </script> </html>

CINXE.COM

Fight Bias with TECNO Universal Tone: Be #ToneProud