در iOS و اندروید، محتوای مقاله دیگر دارای اسکرول سرریز نیست و سرریز افقی برش داده میشود. در اندروید، wrapper نوار پیشرفت در فاصله ۵۸ پیکسل از بالا قرار میگیرد.
wrapper نوار پیشرفت (کلاس `svelte-6atxfw`) به بالای صفحه میچسبد و از ۱ پیکسل پایینتر از بالا شروع میشود. عرض آن به اندازه کامل viewport است، با حاشیههای ۲۴- پیکسل در بالا و پایین و ۱۰- پیکسل در طرفین، و یک حاشیه پایینی ۱۴ پیکسل. در ابتدا نامرئی است (opacity 0) و طی ۰٫۵ ثانیه محو میشود. z-index آن ۲۵ است.
در عرضهای صفحه ۳۰em و بالاتر، حاشیههای کناری به ۲۱- پیکسل تغییر میکنند. در ۴۱٫۲۵em، عرض wrapper به ۶۲۰ پیکسل میرسد. در ۴۶٫۲۵em، به ۷۴۰ پیکسل میرسد. در ۶۱٫۲۵em، به ۹۸۰ پیکسل میرسد. در ۷۱٫۲۵em، به ۱۱۴۰ پیکسل میرسد و حاشیه چپ به ۱۸۰- پیکسل تغییر میکند. در ۸۱٫۲۵em، به ۱۳۰۰ پیکسل میرسد، با حاشیه چپ ۲۶۰- پیکسل.
خود نوار پیشرفت (کلاس `svelte-6atxfw`) ۶ پیکسل ارتفاع دارد، از عرض ۰ شروع میشود و از رنگ اصلی ستون (primary pillar color) به عنوان پسزمینه خود استفاده میکند. وقتی wrapper دارای کلاس `active` باشد، کاملاً قابل مشاهده میشود.
فونتهای زیر برای "Guardian Headline Full" با وزنها و سبکهای مختلف تعریف شدهاند که همگی از سرور دارایی گاردین (Guardian's asset server) دریافت میشوند:
- Light (۳۰۰)، سبک عادی
- Light Italic (۳۰۰)، سبک ایتالیک
- Regular (۴۰۰)، سبک عادی
- Regular Italic (۴۰۰)، سبک ایتالیک
- Medium (۵۰۰)، سبک عادی
- Medium Italic (۵۰۰)، سبک ایتالیک
