رفتن به محتوا
پیوند

آواتار

عکس یک آدم یا نهاد را نشان می‌دهد، یا حرف‌های اول نامش را.

اندازه و شکل

جهت نمونه‌ها
تم نمونه‌ها
سارا محمدی
خیلی کوچک
سارا محمدی
کوچک
سارا محمدی
متوسط
سارا محمدی
بزرگ
سارا محمدی
خیلی بزرگ
یکی هستیم
خیلی کوچکsm
یکی هستیم
کوچکsm
یکی هستیم
متوسطmd
یکی هستیم
بزرگlg
یکی هستیم
خیلی بزرگwindow

محتوا

فاطمه احمدیفاطمه احمدی
با عکس
فاطمه احمدی
عکس نرسید
نگار رستمیآنلاین
آنلاین
نگار رستمیآفلاین
آفلاین

گروه

اندازهسه نفربا شمارنده
کوچک
سارا محمدیزهرا کریمیفاطمه احمدی
سارا محمدیزهرا کریمیفاطمه احمدیعلی رضاییو ۲۴ نفر دیگر
متوسط
سارا محمدیزهرا کریمیفاطمه احمدی
سارا محمدیزهرا کریمیفاطمه احمدیعلی رضاییو ۲۴ نفر دیگر

حرکت

حرکت آواتار درجاست: عکسش وقتی برسد، در ۱۵۰ میلی‌ثانیه پیدا می‌شود. گروه آواتار با فشردن، در ۵۰۰ میلی‌ثانیه خودش فهرست همراهان می‌شود.

سفره‌های رنگی

بسته غذای یک هفته برای خانواده‌هایی که سفره‌شان کوچک شده است.
جمع‌شده۶۸٪ از هدف
۷ نفر تا امروز همراه این کمپین شده‌اند.

سفره‌های رنگی

بسته غذای یک هفته برای خانواده‌هایی که سفره‌شان کوچک شده است.
جمع‌شده۶۸٪ از هدف
۷ نفر تا امروز همراه این کمپین شده‌اند.
گروه آواتار خودش فهرست همراهان می‌شود. هر چهره به ردیف خودش می‌رود و «+۳» عنوان فهرست می‌شود. نام هر ردیف وقتی چهره‌اش نشست، پشت سر هم از پایین بالا می‌آید. همه تبدیل‌ها

ساختار

ساخته شده از
از هیچ کامپوننت دیگری استفاده نمی‌کند و فقط از توکن‌ها و آیکون‌ها ساخته شده است.
توکن‌ها
  • رنگcolor-brand, color-on-primary-container, color-on-secondary-container, color-on-surface, color-on-surface-variant, color-outline, color-primary-container, color-secondary-container, color-surface, color-surface-container-highest, color-surface-container-lowest, color-surface-variant, image-filter
  • تایپوگرافیtypography-family-default, typography-headline-small-font-size, typography-label-large-font-size, typography-label-large-font-variation-settings, typography-label-large-font-weight, typography-label-medium-font-size, typography-label-small-font-size, typography-title-medium-font-size
  • فاصلهspace-1, space-2, space-24, space-3, space-4
  • اندازهsize-avatar, size-avatar-lg, size-avatar-md, size-avatar-sm, size-control-lg, size-target-min
  • فرم و حاشیهshape-corner-full, shape-corner-lg, shape-corner-md, shape-corner-shape, shape-corner-sm, shape-corner-window
  • حرکتmotion-scale-press, motion-transition-fade, motion-transition-press, motion-transition-small
  • فوکوس و حالت‌هاfocus-ring-color-default, focus-ring-offset, focus-ring-width, state-layer-hover, state-layer-pressed
به کار رفته در
هنوز هیچ جزء بزرگ‌تری از آن استفاده نمی‌کند.