یک تحقیق گاردین نشان داده است که کودکان حتی در سن دو سالگی در ویدیوهای تیکتاک ظاهر میشوند و روال مراقبت از پوست خود را به نمایش میگذارند. این موضوع نگرانیهایی را درباره تأثیر صنعت زیبایی و فقدان حمایتها برای کودکان تأثیرگذار برانگیخته است.
این تحقیق ۷۶۰۰ پست مرتبط با مراقبت از پوست را تحلیل کرد و دریافت که ۴۰۰ مورد از این ویدیوها، روالها یا توصیههایی از کودکان زیر ۱۳ سال را شامل میشود. حداقل ۹۰ مورد از این پستها کودکان زیر پنج سال، از جمله نوزادان و نوپایان را در بر میگرفت.
بیش از ۱۰۰۰ ویدیو فردی را نشان میداد که گمان میرود زیر ۱۸ سال سن داشته باشد، که تقریباً معادل یکهفتم ویدیوهای نمونه است.
اگرچه پستها همیشه رابطه کودک با برند را مشخص نمیکردند، بسیاری از آنها شباهت زیادی به تبلیغات داشتند.
متخصصان پوست هشدار میدهند که کودکان به روالهای چندمرحلهای مراقبت از پوست نیازی ندارند و این روند باعث ایجاد اضطراب درباره ظاهر در سنین پایینتر میشود. یکی از متخصصان پوست اشاره کرد که او بهطور فزایندهای مجبور است به کودکان اطمینان دهد که آنچه والدین بهعنوان لک میبینند در واقع فقط پوستی طبیعی است.
یکی از پستهای تحلیلشده، کودکی در سن دبستان را نشان میدهد که پیش از مدرسه روال مراقبت از پوست خود را انجام میدهد. او محصولاتی را جلوی دوربین نگه میدارد و توضیح میدهد که در تلاش برای دستیابی به «پوست شیشهای» است — اصطلاحی برای پوستی بسیار آبرسانیشده و صاف.
در ویدیوی دیگری، مادری کودک دو ساله خود را جلوی دوربین نگه میدارد و از او میخواهد بگوید «به مراقبت از پوست من خوش آمدید»، پیش از آنکه چیزی که به نظر مرطوبکننده میرسد را با هشتگ #toddlersoftiktok روی صورت دخترش بمالد.
برای عناصری با ویژگی `data-gu-name="media"` درون `.content--interactive-grid`، تراز چپ را روی ۲۰ پیکسل تنظیم کنید.
وقتی عرض viewport حداقل ۶۶۰ پیکسل باشد، این عناصر باید عرضی برابر با عرض کامل viewport منهای عرض نوار پیمایش داشته باشند، با حاشیه چپ ۲۰- پیکسل و بدون حاشیه راست.
در عرض viewport ۷۴۰ پیکسل یا بیشتر، یک ویژگی سفارشی `--grid-width` را روی ۷۴۰px تنظیم کنید. حاشیه چپ برای مرکز کردن grid محاسبه میشود، با در نظر گرفتن عرض grid، نوار پیمایش و عرض ستون چپ. ویژگی تراز چپ نیز برای موقعیتدهی محاسبه میشود.
برای viewportهای ۹۸۰ پیکسل یا عریضتر، `--grid-width` را به ۹۸۰px بهروزرسانی کنید.
در ۱۱۴۰ پیکسل، `--grid-width` را روی ۱۱۴۰px تنظیم کنید و `--grid-left-col-width` را به عنوان ۱۶۱px تعریف کنید.
برای صفحهنمایشهای ۱۳۰۰ پیکسل یا عریضتر، `--grid-width` را به ۱۳۰۰px و `--grid-left-col-width` را به ۲۴۰px بهروزرسانی کنید.
متغیرهای رنگ زیر را برای body تنظیم کنید:
- رنگ متن اصلی: #dcdcdc
- رنگ متن ثانویه: #c8c8c8
- رنگ متن سوم: #999999
- رنگ پسزمینه اصلی: #1a1a1a
- رنگ پسزمینه ثانویه: #383838
- رنگ پسزمینه سوم: #121212
- رنگ خط اصلی: #dcdcdc
- رنگ خط ثانویه: #707070
- رنگ جداکننده حاشیه: #606060
- رنگ محور: مطابق با رنگ news grey 04
- رنگ دکمه اصلی: #383838
- رنگ متن دکمه اصلی: #dcdcdc
- رنگ برجسته دکمه اصلی: #707070
- رنگ برجسته: #cda500
- رنگ متن برجسته: #121212
- رنگ اطلاعات: #0077b6
- رنگهای خاکستری خبر از ۰۱ (#dcdcdc) تا ۰۶ (#383838)
- رنگهای اصلی خبر از ۰۱ (#0077b6) تا ۰۶ (#cca36e)
- بنفش تأکیدی: #8F71F2 (با !important)
رنگ پسزمینه اصلی را روی body اعمال کنید و پسزمینه عناصر با کلاس `.element--immersive` را مطابق با آن تنظیم کنید.
برای پاراگرافهای درون `.content__main-column--interactive`، از رنگ متن اصلی استفاده کنید.
وقتی سیستم کاربر طرح رنگ تیره را ترجیح میدهد و طرح روشن اجباری نیست، همان مجموعه متغیرهای رنگ تم تیره را اعمال کنید.
سایه جعبه فوکوس را از عنصر با شناسه `maincontent` حذف کنید.
ماژولهای Sass را برای پرسوجوهای رسانهای، ترکیبهای تایپوگرافی و ترکیبهای نمودار وارد کنید.
ظرفیت اسکرولر بیرونی را به عنوان یک عنصر سطح بلوک، با موقعیت نسبی استایل دهید.
پسزمینه و پیشزمینه اسکرولر را به عنوان عناصر سطح بلوک، با موقعیت نسبی استایل دهید، بهطوری که پیشزمینه دارای z-index بالاتر باشد و floatها را پاک کند.
ظرفیت پسزمینه را به صورت مطلق موقعیتدهی شده، با عرض کامل، بدون رویدادهای اشارهای و بهینهشده برای تغییرات transform استایل دهید.
پوشاننده grid را به گونهای استایل دهید که ارتفاع کامل viewport را بگیرد و overflow را مخفی کند.
grid را به صورت مطلق موقعیتدهی شده با چیدمان CSS grid استایل دهید، مبدأ transform را تنظیم کنید و برای transformها بهینهسازی کنید. یک متغیر مقیاس تعریف کنید.
سلولهای grid منفرد را با موقعیت نسبی و overflow مخفی و پسزمینه شفاف استایل دهید. یک انتقال نرم برای opacity، filter و box-shadow اعمال کنید.
برای viewportهای بین ۲۰em و ۶۱.۲۴em، به سلولها یک border-radius 4px بدهید. برای viewportهای ۶۱.۲۵em و عریضتر، از border-radius 8px استفاده کنید.
برای سلولهای با کلاس `.ended`، opacity را به ۰.۳۸ کاهش دهید و یک فیلتر کاهش اشباع و تیرهکننده اعمال کنید. عنصر با کلاس "svelte-8a6q9c" دارای پسزمینهای از رنگ بنفش تأکیدی نیمهشفاف با opacity 0.1 است.
یک پوستر سلول خالی با این کلاس به صورت مطلق موقعیتدهی شده، کل ناحیه را از لبه تا لبه میپوشاند. محتوای خود را برای پوشاندن فضا مقیاس میدهد، opacity آن ۰.۹۲ است و از تعامل و انتخاب کاربر جلوگیری میکند.
یک سلول برجستهشده با این کلاس opacity کامل دارد. یک سلول محو شده opacity آن به ۰.۳ کاهش یافته است. یک سلول چیدهشده z-index بالاتری دارد، یک انتقال opacity نرم در طول ۰.۲۲ ثانیه و گوشههای گرد دارد. وقتی یک سلول چیدهشده فعال است، کاملاً مرئی با z-index بالا و گوشههای گرد است. یک سلول چیدهشده مخفی، نامرئی است، z-index پایینتری دارد و به رویدادهای اشارهای پاسخ نمیدهد.
برچسب یک سلول در گوشه بالا-چپ با z-index بالا موقعیتدهی شده است. از فونت کوچک استفاده میکند، padding و گوشههای گرد دارد و متن سفید را روی پسزمینه قرمز نمایش میدهد و به رویدادهای اشارهای پاسخ نمیدهد.
یک عنصر ویدیو ظرف خود را پر میکند، محتوا را برای پوشاندن مقیاس میدهد و ابتدا کاملاً شفاف شروع میشود قبل از آنکه در طول ۰.۲ ثانیه محو شود. وقتی آماده است، کاملاً کدر میشود.
یک جعبه کارائوکی نزدیک پایین موقعیتدهی شده، با یک متغیر grid مقیاس میشود و با z-index بالا مرکز شده است. دارای یک پسزمینه تیره نیمهشفاف و padding است. متن آن از یک فونت sans-serif خاص استفاده میکند، رنگ را بهصورت نرم منتقل میکند و در ابتدا خاکستری روشن است. متن فعال درون آن سفید با پسزمینه بنفش تأکیدی میشود.
یک overlay گام اول کل ناحیه را با یک لایه تیره نیمهشفاف و z-index بالا میپوشاند، بدون پاسخ به رویدادهای اشارهای.
یک نوار تکامل ویدیو در پایین موقعیتدهی شده، با یک متغیر grid مقیاس میشود و یک نوار کوتاه گرد با z-index بالا است. دارای یک پسزمینه سفید و یک پرکننده بنفش است که میتواند از چپ متحرک شود.
یک overlay بارگذار کل viewport را با یک پسزمینه تیره نیمهشفاف و z-index بالا میپوشاند. محتوای خود را به صورت عمودی و افقی مرکز میکند و متن سفید نمایش میدهد. چرخنده یک انیمیشن بارگیری دایرهای با حاشیه سفید است که به طور مداوم میچرخد.
ظرفیت اصلی ویدیوی scrolly به صورت نسبی موقعیتدهی شده است. بخشهای آن ظرفهای flex هستند که محتوای خود را مرکز میدهند. وقتی snap-active هستند، این بخشها به ابتدا تراز میشوند و همیشه در نقاط snap متوقف میشوند.
یک ظرفیت پسزمینه به صورت نسبی موقعیتدهی شده، اجازه تمام رویدادهای اشارهای را میدهد و از نمایش flex استفاده میکند. به صورت نرم محو میشود و خارج میشود. در حین راهاندازی مخفی شروع میشود.
اسکرولر پیشزمینه به رویدادهای اشارهای پاسخ نمیدهد، اما divهای مستقیم فرزند درون بخشهای آن پاسخ میدهند.
یک پوشاننده overlay کل ناحیه را با یک grid 3x3 میپوشاند و به رویدادهای اشارهای پاسخ نمیدهد.
یک پشته کنترل صدا در گوشه بالا-راست با عرض ثابت موقعیتدهی شده، با استفاده از flex برای تراز آیتمها به انتها. به رویدادهای اشارهای پاسخ نمیدهد. در حالت minimal، transform آن بازنشانی میشود. در صفحهنمایشهای بزرگتر، به صورت افقی مرکز شده و ۲۲٪ از بالا موقعیت دارد، با یک انتقال نرم برای موقعیت آن. وقتی minimal یا روی صفحهنمایشهای بزرگتر چیده شده است، به گوشه بالا-راست بازمیگردد.
کنترل صدا اصلی از خانواده فونت Guardian Text Sans استفاده میکند. تحلیل گاردین پس از اعلام مقام رقابت ایتالیا در ماه مارس انجام شد که گفته بود بازرسیهایی در دفترهای سِفورا و بنیفیت کازمتیکس، که هر دو متعلق به یک شرکت مادر هستند، انجام داده است. گروه لوکسسازی فرانسوی LVMH به دلیل نحوه بازاریابی محصولات مراقبت از پوست به کودکان تحت بررسی است. این ناظر گزارش داد که در برخی موارد، دختران هنوز در دبستان با ماسکهای صورت، سرمها و کرمهای ضد پیری که عمدتاً برای بزرگسالان در نظر گرفته شدهاند، هدف قرار گرفتهاند.
LVMH اعلام کرد که همراه با سِفورا و بنیفیت «کاملاً با مقامات همکاری خواهد کرد» اما از اظهار نظر بیشتر خودداری کرد. «همه شرکتها تأکید مجدد بر رعایت دقیق مقررات قابل اجرای ایتالیا دارند.»
گاردین شواهدی را کشف کرد که بسیاری از جوانان حاضر در ویدیوهای تیکتاک، محصولات رایگان در ازای پست کردن درباره برند بهصورت آنلاین از طریق برنامههای در دسترس تأثیرگذاران جوان دریافت کردهاند.
در حالی که بازیگران کودک در فیلم، تلویزیون و مدلینگ توسط قوانین کار که ساعات کار، دستمزد و حفاظت را تنظیم میکنند، محافظت میشوند، هیچ قانون قابل مقایسهای برای محافظت از کودکان در رسانههای اجتماعی وجود ندارد.
ویکتوریا کالینز، عضو پارلمان و سخنگوی لیبرال دموکراتها برای علم، نوآوری و فناوری، یافتههای گاردین را در «آنچه که به گوشهای تاریک و استثماری از اینترنت تبدیل شده است» «به شدت نگرانکننده» توصیف کرد. کالینز آن را یک «دوگانگی خطرناک» نامید و خاطرنشان کرد که محتوای تأثیرگذاران کودک اغلب هزاران بازدید و فروش در رسانههای اجتماعی ایجاد میکند. لیبرال دموکراتها خواستار پر کردن شکاف نظارتی هستند، زیرا جوانان را در برابر استثمار آسیبپذیر میگذارد.
اگرچه برخی والدین ممکن است محتوا را برای سرگرمی یا مستندسازی زندگی خانوادگی به اشتراک بگذارند، کارشناسان هشدار میدهند که فقدان حمایتهای واضح همچنان خطراتی به همراه دارد، بهویژه زمانی که کودکان در محتوایی ظاهر میشوند که توجه یا تعامل جلب میکند.
متخصصان پوست همچنین هشدار دادند که مراقبت از پوست برای کودکان عمدتاً غیرضروری است و به طور بالقوه میتواند به پوست آنها آسیب برساند. اِیمی پرکینز، متخصص پوست، گفت: «اکثر کودکان به مراقبت از پوست فراتر از صابون ملایم، مرطوبکننده ساده اگر پوستشان خشک است و ضد آفتاب در فضای باز نیازی ندارند. روند فعلی برای روالهای چندمرحلهای "درخشش" یا "ضد پیری" در کودکان توسط رسانههای اجتماعی و بازاریابی هدایت میشود، نه توسط پوستشناسی.»
متخصص پوست دیگر، اما وجورث، تأکید کرد که کودکان بسیار کوچک نباید در رسانههای اجتماعی باشند یا "روال مراقبت از پوست" را به اشتراک بگذارند. او افزود: «کودکان خردسال دانش، مهارت یا قضاوت لازم برای ارزیابی محصولات برای پوست خود را ندارند.»
برای صفحهنمایشهای عریضتر از ۱۱۴۰px، عناصر تمامعرض ستون تعاملی اصلی روی عرض grid ۱۱۴۰px با ستون چپ ۱۶۱px تنظیم شدهاند. حاشیه چپ برای مرکز کردن محتوا محاسبه میشود، با در نظر گرفتن عرض نوار پیمایش. در ۱۳۰۰px و بالاتر، grid به ۱۳۰۰px با ستون چپ ۲۴۰px گسترش مییابد.
عناصر رسانهای درون grid تعاملی حداکثر عرضی ندارند و در صفحهنمایشهای کوچک با لبه چپ body به اندازه ۱۰px تراز شدهاند، که در ۴۸۰px به ۲۰px افزایش مییابد. از ۶۶۰px به بعد، آنها عرض کامل viewport (منهای نوار پیمایش) را با حاشیه چپ ۲۰- پیکسل پوشش میدهند. در ۷۴۰px، عرض grid به ۷۴۰px تبدیل میشود و حاشیه چپ برای مرکز کردن تنظیم میشود، با تراز به چپ body نیز برای موقعیتدهی محاسبه میشود. این عرض grid در ۹۸۰px به ۹۸۰px، در ۱۱۴۰px به ۱۱۴۰px و در ۱۳۰۰px به ۱۳۰۰px بهروزرسانی میشود، با عرضهای ستون چپ متناظر.
طرح رنگ از متغیرهای حالت تاریک برای متن، پسزمینهها، خطوط و دکمهها استفاده میکند، با سایههای خاصی از خاکستری و رنگهای تأکیدی. این موارد همچنین زمانی که سیستم حالت تاریک را ترجیح میدهد اعمال میشوند، مگر اینکه یک طرح روشن به صراحت تنظیم شده باشد.
سبکهای اضافی اطمینان میدهند که ناحیه محتوای اصلی سایه جعبه فوکوس ندارد و شامل ارجاع به کتابخانههای سبک برای پرسوجوهای رسانهای، تایپوگرافی و نمودارها هستند. اجزای اسکرولر با موقعیتدهی نسبی و مدیریت clearfix ساختار یافتهاند.
.x70r {
display: block;
position: absolute;
width: 100%;
max-width: 100%;
pointer-events: none;
will-change: transform;
}
.grid-wrapper.svelte-8a6q9c {
width: 100%;
height: 100dvh;
position: relative;
overflow: hidden;
}
.grid.svelte-8a6q9c {
position: absolute;
display: grid;
transform-origin: 0 0;
will-change: transform;
--grid-scale: 1;
}
.cell.svelte-8a6q9c {
position: relative;
overflow: hidden;
background: transparent;
transition: opacity .22s ease, filter .22s ease, box-shadow .22s ease;
}
@media (min-width: 20em) and (max-width: 61.24em) {
.cell.svelte-8a6q9c {
border-radius: 4px;
}
}
@media (min-width: 61.25em) {
.cell.svelte-8a6q9c {
border-radius: 8px;
}
}
.cell.ended.svelte-8a6q9c {
opacity: .38;
filter: saturate(.55) brightness(.78);
}
.cell.empty.svelte-8a6q9c {
background: var(--accent-violet-transparent);
opacity: .1;
}
.empty-cell-poster.svelte-8a6q9c {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
opacity: .92;
pointer-events: none;
-webkit-user-select: none;
user-select: none;
}
.cell.highlighted.svelte-8a6q9c {
opacity: 1;
}
.cell.dimmed.svelte-8a6q9c {
opacity: .3;
}
.cell.stacked.svelte-8a6q9c {
z-index: 2;
transition: opacity .22s ease;
border-radius: 8px;
}
.cell.stack-active.svelte-8a6q9c {
opacity: 1;
visibility: visible;
z-index: 2;
border-radius: 8px;
}
.cell.stack-hidden.svelte-8a6q9c {
opacity: 0;
visibility: hidden;
z-index: 1;
pointer-events: none;
}
.cell-label.svelte-8a6q9c {
position: absolute;
top: 6px;
left: 6px;
z-index: 2;
font-size: 11px;
line-height: 1;
padding: 4px 6px;
border-radius: 6px;
color: #fff;
background: red;
pointer-events: none;
}
video.svelte-8a6q9c {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
flex: 1 1 auto;
opacity: 0;
transition: opacity .2s ease;
}
video.ready.svelte-8a6q9c {
opacity: 1;
}
.karaoke-box.svelte-8a6q9c {
position: absolute;
top: 70%;
width: calc(100% * var(--grid-scale, 1));
text-align: center;
pointer-events: none;
z-index: 30;
transform: scale(calc(1 / var(--grid-scale, 1)));
transform-origin: top left;
background-color: #00000080;
padding: 12px;
}
.karaoke-box.svelte-8a6q9c span:where(.svelte-8a6q9c) {
transition: color .12s linear;
color: var(--news-grey-01);
font-family: GuardianTextSans, Guardian Text Sans Web, Helvetica Neue, Helvetica, Arial, Lucida Grande, sans-serif;
font-size: 1.0625rem;
line-height: 1.3;
font-weight: 400;
font-style: normal;
--source-text-decoration-thickness: 2px;
}
.karaoke-box.svelte-8a6q9c span.active:where(.svelte-8a6q9c) {
color: #fff;
background-color: var(--accent-violet);
}
.first-step-overlay.svelte-8a6q9c {
position: absolute;
inset: 0;
background: #00000080;
pointer-events: none;
z-index: 10;
}
.video-evolution-bar.svelte-8a6q9c {
position: absolute;
width: calc(100% * var(--grid-scale, 1));
bottom: 0;
height: 8px;
border-radius: 999px;
overflow: hidden;
z-index: 25;
pointer-events: none;
transform: scale(calc(1 / var(--grid-scale, 1)));
transform-origin: left bottom;
background: #fff;
}
.video-evolution-bar__fill.svelte-8a6q9c {
width: 100%;
height: 100%;
background: var(--accent-violet);
transform-origin: left center;
}
.gv-loader-overlay.svelte-1cir09n {
position: absolute;
inset: 0;
z-index: 60;
display: grid;
place-items: center;
align-items: center;
gap: 12px;
background: #0000008c;
color: #fff;
height: 100vh;
}
.gv-loader-spinner.svelte-1cir09n {
align-self: center;
width: 36px;
height: 36px;
border-radius: 999px;
border: 3px solid rgba(255, 255, 255, .35);
border-top-color: #fff;
animation: svelte-1cir09n-gv-spin .9s linear infinite;
}
@keyframes svelte-1cir09n-gv-spin {
to {
transform: rotate(360deg);
}
}
.scrolly-video.svelte-1cir09n {
position: relative;
}
.scrolly-video.svelte-1cir09n section:where(.svelte-1cir09n) {
position: relative;
display: flex;
justify-content: center;
align-items: center;
}
.scrolly-video.snap-active.svelte-1cir09n section:where(.svelte-1cir09n) {
scroll-snap-align: start;
scroll-snap-stop: always;
}
.background-container.svelte-1cir09n {
position: relative;
pointer-events: all;
display: flex;
opacity: 1;
transition: opacity .12s linear;
}
.background-container.boot-hidden.svelte-1cir09n {
opacity: 0;
}
svelte-scroller-foreground {
pointer-events: none;
}
svelte-scroller-foreground section.svelte-1cir09n > div:where(.svelte-1cir09n) {
pointer-events: all;
}
.gv-overlay-wrapper.svelte-1cir09n {
position: absolute;
inset: 0;
display: grid;
grid-template-rows: repeat(3, 1fr);
grid-template-columns: repeat(3, 1fr);
pointer-events: none;
width: 100%;
}
پشته کنترل صدا به صورت مطلق، ۱۲px از بالا و ۱۶px از راست موقعیت دارد، با عرض ۲۲۴px. از flexbox برای تراز آیتمها به انتها و مرکز کردن عمودی آنها استفاده میکند، رویدادهای اشارهای ندارد و هیچ transformی اعمال نشده است. وقتی کلاس اصلاحکننده minimal اضافه شود، transform بدون تغییر باقی میماند.
در صفحهنمایشهای بزرگتر (min-width: 61.25em)، پشته در ۲۲٪ از بالا و به صورت افقی مرکز شده است (left: 50%, transform: translate(-50%))، با یک انتقال نرم برای موقعیت و transform آن. وقتی کلاسهای اصلاحکننده minimal یا stacked روی صفحهنمایشهای بزرگتر فعال باشند، به ۱۲px از بالا و ۲۴۰px از لبه چپ ظرف خود حرکت میکند، به انتها تراز میشود و بدون transform است.
دکمه کنترل صدا اصلی از یک پشته فونت sans-serif خاص استفاده میکند، ۲۲۴px عرض و ۴۴px ارتفاع دارد، با padding داخلی، overflow مخفی، متن سفید و پسزمینه بنفش با گوشههای گرد. هیچ حاشیهای ندارد، متن چپچین است، رویدادهای اشارهای را مجاز میکند و عرض و padding آن منتقل میشود. از عناصر شبه برای آیکونهای بیصدا/با صدا استفاده میکند که opacity آنها تغییر میکند. وقتی کلاس muted اعمال شود، آیکونها visibility را عوض میکنند.
در حالت minimal، دکمه به عرض ۴۴px با padding کاهشیافته کوچک میشود و متن برچسب پنهان میشود. خود برچسب یک inline-block با عرض ۱۸۰px است، بدون wrap، بدون رویدادهای اشارهای و از یک ماسک CSS برای ایجاد یک انیمیشن آشکارسازی استفاده میکند. وقتی کلاس label-ready اضافه شود (و minimal نباشد)، ماسک به طور کامل گسترش مییابد.
یک عنصر متنی "برای ادامه اسکرول کنید" به صورت مطلق در ۶۶vh از بالا و به صورت افقی مرکز شده موقعیت دارد. از وزن bold استفاده میکند و شامل یک آیکون chevron جهنده است که با یک انیمیشن keyframe متحرک شده است.
یک مسیر breadcrumb در سمت راست، به صورت عمودی مرکز شده، نقاطی را در یک ستون نمایش میدهد. نقاط دایرههای سفید هستند، در حالی که breadcrumb فعال یک دایره بنفش با یک انتقال transform نرم است.
یک عنصر جعبه scrolly از یک فونت سرصفحه serif استفاده میکند، حداکثر عرض ۳۸۰px دارد و شامل padding است. در کلیپ دیگری که گاردین بررسی کرد، مادری دختر ۱۰ ساله خود را معرفی میکند و میگوید که دختر مدتی طولانی است که میخواهد وارد مراقبت از پوست شود. او توضیح میدهد که یک محصول توسط بنیفیت کازمتیکس برای امتحان فرستاده شده، نشان میدهد که روی صورت دخترش اعمال میشود و بعداً ادعا میکند که پوست کودک "درخشان" است. هیچ مدرکی وجود ندارد که بنیفیت محصول را برای استفاده کودک فرستاده باشد. بنیفیت کازمتیکس به تلاشها برای تماس برای اظهار نظر پاسخ نداد.
افزایشی در برندهای مراقبت از پوست که به طور خاص برای کودکان و نوجوانان جوان توسعه یافتهاند وجود داشته است. برای مثال، رینی، که در نوامبر راهاندازی شد، توسط متخصصان پوست به دلیل ایجاد ماسک صورت برای کودکان چهار ساله "دیستوپیایی" توصیف شد. برند دیگر، پیپا اسکینکر، نوجوانان ۸ تا ۱۲ سال را هدف قرار میدهد و در ۲۰۲۴ راهاندازی شد.
پیپا اسکینکر، که در ویدیویی که گاردین به اشتراک گذاشت حضور داشت، اعلام کرد: «مهم است که به وضوح بین گروههای سنی تمایز قائل شویم. محتوایی که کودکان بسیار کوچک، به ویژه نوپایان را نشان میدهد، نگرانیهای متفاوتی را برمیانگیزد. ما از آن نوع محتوا یا بازاریابی حمایت نمیکنیم یا در آن مشارکت نداریم.» آنها افزودند که با وابستگان زیر ۱۸ سال کار نمیکنند و هر محتوایی که شامل افراد زیر سن قانونی باشد نیازمند مشارکت والدین است.
گلاو هاب، که در ویدیوی بالا نیز حضور داشت، گفت مخاطبان اصلی آن متولدین بین ۱۹۹۷ و ۲۰۱۲ هستند. «گلاو هاب مسئولیت خود در این دستهبندی را جدی میگیرد و به طور پیشگیرانه اقداماتی را برای حمایت از استفاده ایمن و آگاهانه از مراقبت از پوست اجرا کرده است.»
دانیل گرندرسون، همبنیانگذار برند مراقبت از پوست یس دی، که در ویدیوی دیگری که اینجا به اشتراک گذاشته شده ظاهر میشود، گفت این برند «مراقبت از پوست آزمایششده توسط متخصص پوست، مناسب سن به طور خاص برای نوجوانان و نوجوانان اولیه ایجاد میکند، با تمام فرمولها به طور بالینی روی سنین ۱۰–۱۶ سال آزمایش شدهاند تا ایمنی و اثربخشی تضمین شود.»
یک سخنگوی بابل گفت محتوای اشارهشده در بالا «به هیچ ظرفیت رسمی» با بابل وابسته نبوده است. آنها افزودند: «به طور گستردهتر، ما از ظاهر شدن کودکان بسیار کوچک در محتوای مراقبت از پوست، به ویژه به روشهایی که روالها یا استفاده از محصولاتی را پیشنهاد میدهند که مناسب سن نیستند، حمایت یا تشویق نمیکنیم.» سخنگو خاطرنشان کرد که بنیانگذار و مدیرعامل برند مادر دو کودک خردسال است و آنها تشخیص میدهند که «کودکان کوچکتر به یک روال مراقبت از پوست فراتر از ضد آفتاب روزانه نیازی ندارند.» «بابل یک برند مراقبت از پوست کودکان نیست،» آنها گفتند. «این یک سیستم توسعهیافته توسط متخصص پوست، اثباتشده بالینی است که برای طیف گستردهای از نیازهای پوست طراحی شده است.»
از اوریدن برای اظهار نظر درخواست شد اما پاسخ نداد.
بیوما گفت ۸۵٪ از پایگاه مصرفکننده آن بین ۱۸ تا ۳۵ سال سن دارند. «بازاریابی، مشارکتها و تلاشهای خردهفروشی ما بر این گروه مصرفکننده اصلی متمرکز است، که به طور فعال به دنبال مراقبت از پوست مؤثر و مبتنی بر علم هستند،» آنها اعلام کردند.
گاردین تیکتاک را با استفاده از سه حساب تازهساخته بین ۲۸ اکتبر و ۱۷ نوامبر سال گذشته زیر نظر گرفت، هشتگها و محتوای مرتبط با مراقبت از پوست را ردیابی کرد. اگرچه نمونه تمام محتوای مراقبت از پوست در پلتفرم را نمایندگی نمیکند، اما تصویری از مقیاس و دید کودکان در این فضا ارائه میدهد.
تحلیل ویدیوها نشان میدهد که آنهایی که کودکان کوچک را نشان میدهند نرخ تعامل بالاتری دارند، با
