لنظامي iOS وAndroid، لم يعد محتوى المقالة يحتوي على تجاوز قابل للتمرير، ويتم قص التجاوز الأفقي. على Android، يتم وضع غلاف شريط التقدم على بُعد 58 بكسل من الأعلى.
غلاف شريط التقدم (الفئة `svelte-6atxfw`) يلتصق بأعلى الصفحة، بدءًا من 1 بكسل أسفل الأعلى. يمتد بعرض كامل لإطار العرض، مع هوامش مقدارها -24 بكسل من الأعلى والأسفل و-10 بكسل من الجوانب، وهامش سفلي بمقدار 14 بكسل. يبدأ غير مرئي (عتامة 0) ويتلاشى للظهور على مدى 0.5 ثانية. مؤشر z-index الخاص به هو 25.
عند عرض شاشة يبلغ 30em فأكثر، تتغير الهوامش الجانبية إلى -21 بكسل. عند 41.25em، يصبح عرض الغلاف 620 بكسل. عند 46.25em، يصبح 740 بكسل. عند 61.25em، يصبح 980 بكسل. عند 71.25em، يصبح 1140 بكسل، ويتغير الهامش الأيسر إلى -180 بكسل. عند 81.25em، يصبح 1300 بكسل، مع هامش أيسر بمقدار -260 بكسل.
شريط التقدم نفسه (الفئة `svelte-6atxfw`) يبلغ ارتفاعه 6 بكسل، ويبدأ بعرض 0، ويستخدم لون العمود الأساسي كخلفية له. عندما يحتوي الغلاف على الفئة `active`، يصبح مرئيًا بالكامل.
يتم تعريف أشكال الخطوط التالية لـ "Guardian Headline Full" بأوزان وأنماط مختلفة، جميعها مصدرها خادم أصول Guardian:
- خفيف (300)، نمط عادي
- خفيف مائل (300)، نمط مائل
- عادي (400)، نمط عادي
- عادي مائل (400)، نمط مائل
- متوسط (500)، نمط عادي
- متوسط مائل (500)، نمط مائل
