```css
@font-face {
font-family: 'Guardian Headline Full';
src: url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Light.woff2') format('woff2'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Light.woff') format('woff'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Light.ttf') format('truetype');
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'Guardian Headline Full';
src: url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-LightItalic.woff2') format('woff2'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-LightItalic.woff') format('woff'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-LightItalic.ttf') format('truetype');
font-weight: 300;
font-style: italic;
}
@font-face {
font-family: 'Guardian Headline Full';
src: url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Regular.woff2') format('woff2'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Regular.woff') format('woff'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Regular.ttf') format('truetype');
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: 'Guardian Headline Full';
src: url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-RegularItalic.woff2') format('woff2'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-RegularItalic.woff') format('woff'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-RegularItalic.ttf') format('truetype');
font-weight: 400;
font-style: italic;
}
@font-face {
font-family: 'Guardian Headline Full';
src: url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Medium.woff2') format('woff2'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Medium.woff') format('woff'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Medium.ttf') format('truetype');
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: 'Guardian Headline Full';
src: url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-MediumItalic.woff2') format('woff2'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-MediumItalic.woff') format('woff'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-MediumItalic.ttf') format('truetype');
font-weight: 500;
font-style: italic;
}
@font-face {
font-family: 'Guardian Headline Full';
src: url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Semibold.woff2') format('woff2'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Semibold.woff') format('woff'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Semibold.ttf') format('truetype');
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: 'Guardian Headline Full';
src: url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-SemiboldItalic.woff2') format('woff2'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-SemiboldItalic.woff') format('woff'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-SemiboldItalic.ttf') format('truetype');
font-weight: 600;
font-style: italic;
}
```
Hii ni toleo lililoandikwa upya kwa Kiingereza fasaha na asilia:
```css
@font-face {
font-family: 'Guardian Headline Full';
src: url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Bold.woff2') format('woff2'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Bold.woff') format('woff'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Bold.ttf') format('truetype');
font-weight: 700;
font-style: normal;
}
@font-face {
font-family: 'Guardian Headline Full';
src: url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-BoldItalic.woff2') format('woff2'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-BoldItalic.woff') format('woff'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-BoldItalic.ttf') format('truetype');
font-weight: 700;
font-style: italic;
}
@font-face {
font-family: 'Guardian Headline Full';
src: url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Black.woff2') format('woff2'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Black.woff') format('woff'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-Black.ttf') format('truetype');
font-weight: 900;
font-style: normal;
}
@font-face {
font-family: 'Guardian Headline Full';
src: url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-BlackItalic.woff2') format('woff2'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-BlackItalic.woff') format('woff'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-headline/noalts-not-hinted/GHGuardianHeadline-BlackItalic.ttf') format('truetype');
font-weight: 900;
font-style: italic;
}
@font-face {
font-family: 'Guardian Titlepiece';
src: url('https://assets.guim.co.uk/static/frontend/fonts/guardian-titlepiece/noalts-not-hinted/GTGuardianTitlepiece-Bold.woff2') format('woff2'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-titlepiece/noalts-not-hinted/GTGuardianTitlepiece-Bold.woff') format('woff'),
url('https://assets.guim.co.uk/static/frontend/fonts/guardian-titlepiece/noalts-not-hinted/GTGuardianTitlepiece-Bold.ttf') format('truetype');
font-weight: 700;
font-style: normal;
}
@media (min-width: 71.25em) {
.content__main-column--interactive {
margin-left: 160px;
}
}
@media (min-width: 81.25em) {
.content__main-column--interactive {
margin-left: 240px;
}
}
.content__main-column--interactive .element-atom {
max-width: 620px;
}
@media (max-width: 46.24em) {
.content__main-column--interactive .element-atom {
max-width: 100%;
}
}
.content__main-column--interactive .element-showcase {
margin-left: 0;
}
@media (min-width: 46.25em) {
.content__main-column--interactive .element-showcase {
max-width: 620px;
}
}
@media (min-width: 71.25em) {
.content__main-column--interactive .element-showcase {
max-width: 860px;
}
}
.content__main-column--interactive .element-immersive {
max-width: 1100px;
}
@media (max-width: 46.24em) {
.content__main-column--interactive .element-immersive {
width: calc(100vw - var(--scrollbar-width, 0px));
position: relative;
left: 50%;
right: 50%;
margin-left: calc(-50vw + var(--half-scrollbar-width, 0px)) !important;
margin-right: calc(-50vw + var(--half-scrollbar-width, 0px)) !important;
}
}
@media (min-width: 46.25em) {
.content__main-column--interactive .element-immersive {
transform: translate(-20px);
width: calc(100% + 60px);
}
}
@media (max-width: 71.24em) {
.content__main-column--interactive .element-immersive {
margin-left: 0;
margin-right: 0;
}
}
@media (min-width: 71.25em) {
.content__main-column--interactive .element-immersive {
transform: translate(0);
width: auto;
}
}
@media (min-width: 81.25em) {
.content__main-column--interactive .element-immersive {
max-width: 1260px;
}
}
.content__main-column--interactive p,
.content__main-column--interactive ul {
max-width: 620px;
}
.content__main-column--interactive:before {
position: absolute;
top: 0;
height: calc(100% + 15px);
min-height: 100px;
content: "";
}
@media (min-width: 71.25em) {
/ Mitindo ya ziada inaweza kwenda hapa /
}
```
Hii ni toleo lililoandikwa upya kwa Kiingereza fasaha na asilia:
Safu kuu ya maudhui kwa kurasa shirikishi ina mpaka mwembamba wa kijivu upande wa kushoto, uliowekwa nyuma kidogo ya maudhui. Kwenye skrini kubwa (zaidi ya upana wa 81.25em), mpaka huu hubadilika kidogo kuelekea kushoto. Ndani ya safu hii, vipengele vilivyopachikwa kama video au michoro havina ukingo wa juu au chini lakini vinajumuisha 12px ya kujaza juu na chini. Ikiwa aya inafuatwa na moja ya vipengele hivi, kujaza huondolewa na kubadilishwa na ukingo wa 12px pande zote mbili. Vipengele vya ndani vimezuiliwa kwa upana wa juu wa 620px, na kwenye skrini pana zaidi ya 61.25em, takwimu zilizo na jukumu la ndani pia zinakaa ndani ya upana huo.
Kwa sehemu za media ambazo zina video inayojirudia, maelezo yako juu ya maudhui mengine, na kitufe cha kurudia kina upana wa 32px, kilichopangwa chini kulia na nafasi kidogo. Kitufe cha maelezo pia kimepewa mpangilio wa juu wa kuonekana. Katika mwili mkuu, video zinazojisimamia zinaonyeshwa kama vipengele vya block, hadi upana wa 620px, na ukingo wa 12px juu na chini. Ikiwa video iko katika hali ya kurudia na imewekwa katika hali ya kuzama, inanyoosha hadi upana kamili bila kiwango cha juu, na kwenye skrini pana sana (zaidi ya 71.25em), inapanuka hadi 1140px na ukingo hasi wa kushoto. Kwenye skrini pana zaidi (zaidi ya 81.25em), inakua hadi 1300px na ukingo hasi mkubwa zaidi.
Muundo unatumia vigezo kadhaa vya rangi: maandishi ya tarehe ni kijivu cha wastani, mipaka ni kijivu nyepesi, maelezo ni kijivu nyepesi zaidi na mandharinyuma meusi, na vipengele vya kipengele ni nyekundu. Vichwa vidogo, nukuu za kuvuta, na nukuu za block huchukua rangi zao kutoka kwa nguzo ya pili, ambayo hubadilika katika hali ya giza hadi nguzo maalum ya hali ya giza. Nukuu za block pia zina rangi ya kujaza kulingana na nguzo hiyo.
Katika safu kuu shirikishi, vipengele vilivyopachikwa havina kujaza. Wakati kipengele kinaonekana mara baada ya aya au mstari wa mlalo (isipokuwa wa mwisho), aya inayofuata inapata mtindo maalum. Hii inatumika katika sehemu mbalimbali kama mwili wa makala, sehemu ya maoni, na mwili wa kipengele.
Hii ni maandishi yaliyoandikwa upya kwa Kiingereza fasaha na asilia:
Ongeza 14 pixels ya kujaza juu ya aya ya kwanza baada ya "n-gate+p:first-of-type" na baada ya mstari wowote wa mlalo ambao sio wa mwisho katika sehemu ya mwili wa kipengele. Kwa herufi ya kwanza ya aya ya kwanza baada ya vipengele fulani (kama atomu ya kwanza, lango la kuingia, au mstari wa mlalo usio wa mwisho) katika sehemu mbalimbali (mwili wa makala, maudhui shirikishi, mwili wa maoni, na mwili wa kipengele), tumia fonti "Guardian Headline" au fonti sawa za serif, na uzito wa 700, ukubwa wa 111 pixels, na urefu wa mstari wa 92 pixels. Herufi hii inapaswa kuelea kushoto, iwe herufi kubwa, iwe na sanduku la ukubwa la border-box, ukingo wa kulia wa 8-pixel, mpangilio wima juu ya maandishi, na rangi yake inapaswa kuendana na rangi ya herufi ya kwanza au nguzo.
Katika sehemu za mwili wa makala, maudhui shirikishi, mwili wa maoni, na mwili wa kipengele, ondoa kujaza juu kutoka kwa aya zinazofuata mstari wa mlalo. Pia, weka upana wa juu wa vipengele vya nukuu za kuvuta hadi 620 pixels katika sehemu hizi.
Kwa maelezo ya takwimu ndani ya vipengele vya onyesho katika maudhui makuu, makala ya kipengele, makala ya kawaida, na vyombo vya makala ya maoni, weka nafasi yao kuwa tuli na uwape upana wa 100% na upana wa juu wa 620 pixels. Kwenye skrini pana zaidi ya 71.25 em, badilisha nafasi kuwa kamili na uzuie upana wa juu hadi 140 pixels. Kwenye skrini pana zaidi ya 81.25 em, ongeza upana wa juu hadi 220 pixels.
Kwa vipengele vya kuzama, weka upana wao kuwa upana kamili wa eneo la kutazama ukiondoa upana wa mwendo. Kwenye skrini nyembamba kuliko 71.24 em, zuia upana wa juu hadi 978 pixels na ongeza 10 pixels ya kujaza kushoto na kulia kwa maelezo. Kwenye skrini kati ya 30 em na 71.24 em, ongeza kujaza kwa maelezo hadi 20 pixels kila upande. Kwenye skrini kati ya 46.25 em na 61.24 em, weka upana wa juu hadi 738 pixels. Kwenye skrini nyembamba kuliko 46.24 em, ondoa ukingo kutoka kwa vipengele vya kuzama.
Hii ni toleo lililoandikwa upya kwa Kiingereza fasaha na asilia:
Kwa skrini nyembamba kuliko 46.24em lakini angalau 30em kwa upana, vipengele vya kuzama vinapaswa kuwa na ukingo wa kushoto wa -20px, na maelezo yao yanapaswa kuwa na 20px ya kujaza kila upande.
Kwenye skrini pana zaidi ya 71.25em, picha za onyesho katika eneo kuu la maudhui zinapaswa kuwa na ukingo wa kushoto wa -160px. Kwa skrini pana zaidi ya 81.25em, ukingo huo unaongezeka hadi -240px.
Kifungashio cha samani kimewekwa kwa nafasi jamaa. Kwenye skrini pana zaidi ya 61.25em, kinakuwa gridi yenye mapengo ya safu ya 20px na hakuna mapengo ya safu. Ina safu mbili za safu tano kila moja, na maeneo maalum kwa kichwa, kichwa cha habari, meta, kichwa cha kwanza, na picha.
Katika mpangilio huu, mtoto wa kwanza wa sehemu ya kichwa cha habari anapata mpaka wa juu wa 1px. Sehemu ya meta imewekwa kwa nafasi jamaa na kujaza juu kwa 2px na hakuna ukingo wa kulia. Kichwa cha kwanza kina ukingo wa chini wa 4px, na vipengele vyake vya orodha vinatumia ukubwa wa fonti wa 20px. Viungo katika kichwa cha kwanza havina mpaka wa chini au picha ya mandharinyuma, lakini vina mstari wa chini na kukabiliana kwa 6px na rangi ya kijivu nyepesi. Kwa kuelea, rangi ya mstari wa chini inabadilika hadi rangi ya nguzo. Aya ya kwanza katika kichwa cha kwanza ina mpaka wa juu na hakuna kujaza chini.
Kwa skrini pana zaidi ya 71.25em, mpaka wa juu wa aya hii ya kwanza unaondolewa. Takwimu katika kifungashio cha samani hazina ukingo isipokuwa ukingo wa kushoto wa -10px. Takwimu za ndani zimezuiliwa kwa upana wa 630px.
Kwenye skrini pana zaidi ya 71.25em, gridi inabadilika kuwa na safu tatu: mbili kwa kichwa, kichwa cha habari, na mwanzo wa meta; tano kwa kichwa cha kwanza; na saba kwa picha. Safu ni 80px kwa kichwa, otomatiki kwa kichwa cha habari, na otomatiki kwa kichwa cha kwanza na meta. Sehemu ya meta inapata mpaka wa juu wa upana wa 540px na urefu wa 1px. Aya za kichwa cha kwanza hazina mpaka wa juu, lakini kichwa cha kwanza chenyewe kinapata mpaka wa kushoto wa upana wa 1px na urefu kamili.
Kifungashio cha samani kinatumia mpangilio wa gridi. Kwa upana wa skrini wa 81.25em na zaidi, gridi ina safu za kichwa, kichwa cha habari, meta, kichwa cha kwanza, na sehemu za picha. Sehemu ya meta ina upana wa 620px, na sehemu ya kichwa cha kwanza inaanza kidogo kushoto.
Katika kichwa cha makala, lebo ndani ya sehemu ya kichwa zina kujaza kidogo juu. Kichwa cha habari kinatumia kipengele cha h1 na uzito wa fonti wa 600, upana wa juu wa 620px, na ukubwa wa fonti wa 32px. Kwa 71.25em na zaidi, upana wa juu wa kichwa cha habari ni 540px na ukubwa wa fonti unaongezeka hadi 50px.
Kipengele cha keyline-4 (au sehemu ya mistari) hakina ukingo wa kulia kwa 46.25em na zaidi, na kimefichwa kwa 61.25em na zaidi. Mstari wake wa SVG unatumia rangi ya mpaka wa kichwa.
Sehemu ya meta pia haina ukingo wa kulia kwa 46.25em na zaidi. Vipengele vya kijamii na maoni ndani ya meta vinatumia rangi ya mpaka wa kichwa kwa mipaka yao. Baadhi ya visiwa ndani ya chombo cha meta vimefichwa.
Sehemu ya kichwa cha kwanza imewekwa kwa ukingo wa kushoto wa -10px na kujaza kushoto kwa 10px. Kwa 46.25em na zaidi, inapata kujaza kidogo juu. Aya zake zina uzito wa fonti wa 400, ukubwa wa fonti wa 20px, na kujaza chini kwa 14px.
Sehemu kuu ya media (au media) imewekwa katika eneo la gridi la picha. Haina ukingo wa juu na ina ukingo mdogo wa chini. Divi zake za ndani zina upana kamili na hakuna ukingo wa ndani. Kwa 61.25em na zaidi, ukingo wa chini unaondolewa. Kwenye skrini nyembamba kuliko 46.25em, sehemu ya media inachukua upana kamili wa eneo la kutazama (ukiondoa mwendo) na inahamishia kushoto kwa 10px (au 20px kwa 30em na zaidi).
Maelezo ya takwimu yamewekwa chini ya media, na kujaza na rangi ya mandharinyuma kutoka kwa kigezo cha mandharinyuma ya maelezo. Inatumia rangi ya maandishi ya maelezo, ina upana kamili, na urefu wa chini wa 46px. Vipengele vya span vya maelezo vinatumia rangi ya mpaka wa kichwa kwa maandishi na kujaza kwa SVG. Span ya kwanza imefichwa, wakati ya pili inaonyeshwa na upana wa juu wa 90%. Kwa 30em na zaidi, kujaza kwa maelezo kunaongezeka. Ikiwa maelezo yana darasa la "hidden", inakuwa wazi.
Kitufe cha maelezo kimewekwa chini kulia kwa media, na mandharinyuma ya duara, hakuna mpaka, na ikoni ya SVG iliyopunguzwa kidogo. Kwa 30em na zaidi, kitufe kinarekebishwa ipasavyo.
Hii ni toleo lililoandikwa upya kwa Kiingereza fasaha na asilia:
Kitufe cha maelezo kwenye kifungashio cha samani kimewekwa 10px kutoka kulia. Kwenye skrini pana zaidi ya 71.25em, safu kuu shirikishi ina kukabiliana juu kwa -12px na urefu wa 100% pamoja na 24px. Vichwa vya h2 ndani ya safu kuu shirikishi vina upana wa juu wa 620px.
Kwa vifaa vya iOS na Android, mandharinyuma meusi yamewekwa kuwa #1a1a1a, rangi ya kipengele kuwa #c70000, na rangi ya kipengele ya hali ya giza kuwa #ff5943. Rangi mpya ya nguzo inatumia nguzo ya msingi, au rangi ya kipengele kama mbadala. Katika hali ya giza kwenye vifaa hivi, rangi mpya ya nguzo inabadilika hadi nguzo ya hali ya giza, au rangi ya kipengele ya hali ya giza.
Kwenye iOS na Android, herufi ya kwanza ya aya ya kwanza baada ya atomu ya kipengele cha kwanza katika vyombo vya makala ya kipengele, kawaida, na maoni ina rangi kwa kutumia nguzo ya pili, au nyeusi kama mbadala. Kichwa cha makala katika vyombo hivi kina urefu wa sifuri. Kifungashio cha samani katika vyombo hivi kina kujaza 4px juu na 10px pande, bila kujaza chini. Lebo za maudhui ndani ya kifungashio cha samani zinatumia maandishi mazito, yenye herufi kubwa katika familia ya fonti ya Guardian Headline, na rangi yake inalingana na rangi mpya ya nguzo. Kichwa cha habari cha h1 ndani ya kifungashio cha samani kinafuata mtindo huo huo.
Kwa chombo cha makala ya maoni, kichwa cha habari ndani ya kifungashio cha samani kinapaswa kuwa na ukubwa wa fonti wa 32px, uzito wa fonti wa 700, kujaza 12px chini, na rangi ya #121212.
Kwenye vifaa vya iOS na Android, kwa vyombo vya makala ya kipengele, kawaida, na maoni, kipengele cha takwimu ndani ya kifungashio cha samani kinapaswa kuwekwa kwa nafasi jamaa, na ukingo wa 14px juu na 0 kushoto, na ukingo hasi wa kushoto wa 10px. Upana wake unapaswa kuwekwa kwa upana kamili wa eneo la kutazama ukiondoa upana wa mwendo, na urefu wake unapaswa kuwa otomatiki.
Pia kwenye iOS na Android, kwa vyombo hivyo hivyo, sehemu ya ndani ya takwimu, picha, na kiungo chochote ndani ya takwimu vinapaswa kuwa na mandharinyuma ya uwazi, upana sawa na upana kamili wa eneo la kutazama ukiondoa upana wa mwendo, na urefu otomatiki.
Kwa sehemu ya kichwa cha kwanza katika vyombo hivi kwenye iOS na Android, kunapaswa kuwa na kujaza 4px juu, kujaza 24px chini, na ukingo hasi wa kulia wa 10px.
Katika aya ya ndani ya kichwa cha kwanza kwenye iOS na Android, familia ya fonti inapaswa kuwekwa kuwa Guardian Headline, Guardian Egyptian Web, Guardian Headline Full, Georgia, au serif.
Kwa viungo ndani ya vipengele vya orodha na viungo vya kawaida ndani ya sehemu ya ndani ya kichwa cha kwanza kwenye iOS na Android, familia hiyo hiyo ya fonti inapaswa kutumika.
Kwa vifaa vya Android, viungo ndani ya sehemu ya kichwa cha kwanza cha makala ya kawaida, maoni, na kipengele vinapaswa kutumia rangi ya nguzo, visiwe na picha ya mandharinyuma, viwe na mstari wa chini na kukabiliana kwa 6px, na vitumie rangi ya kijivu nyepesi ya mstari wa chini badala ya mpaka wa chini. Kwa kuelea, rangi ya mstari wa chini inabadilika hadi rangi ya nguzo.
Kwa iOS na Android vyote viwili, sehemu ya meta katika vyombo hivi vya makala haipaswi kuwa na ukingo. Jina la mwandishi, jina la mwandishi, kiungo cha mwandishi, na span zozote za jina la mwandishi ndani ya meta zinapaswa kutumia rangi ya nguzo. Hiyo hiyo inatumika kwa sehemu ya meta__misc.
Hii ni toleo lililoandikwa upya kwa Kiingereza fasaha na asilia:
Kwa iOS na Android vyote viwili, sehemu ya `.meta__misc` ndani ya kifungashio cha samani cha vyombo vya makala ya kipengele, kawaida, na maoni haina kujaza.
Kwenye iOS na Android, ikoni za SVG katika sehemu ya `.meta__misc` ya kifungashio cha samani zinatumia rangi mpya ya nguzo kwa mstari wao.
Kitufe cha maelezo ndani ya kipengele cha onyesho cha kifungashio cha samani kinaonyeshwa kama chombo cha flex. Kina kujaza 5px, kimewekwa katikati kwa usawa na wima, na kina upana wa 28px na urefu wa 28px, kimewekwa 14px kutoka kulia.
Mwili wa makala kwa makala ya kipengele, kawaida, na maoni kwenye iOS na Android vyote viwili una kujaza 12px kushoto na kulia.
Kwa picha katika mwili wa makala ambazo sio picha ndogo au za kuzama, hazina ukingo na upana wao umehesabiwa kama upana kamili wa eneo la kutazama ukiondoa 24px na upana wa mwendo. Urefu wao ni otomatiki. Maelezo ya picha hizi hayana kujaza.
Picha za kuzama katika mwili wa makala huchukua upana kamili wa eneo la kutazama ukiondoa upana wa mwendo.
Kwenye iOS, nukuu za block zilizo na darasa la "quoted" ndani ya sehemu ya prose ya mwili wa makala zina mtindo maalum unaotumika kabla ya maudhui yao.
Hii ni toleo lililoandikwa upya kwa Kiingereza fasaha na asilia:
```css
/ Mtindo wa nukuu za block /
.ose blockquote.quoted:before,
body.android #feature-article-container .article__body .prose blockquote.quoted:before,
body.android #standard-article-container .article__body .prose blockquote.quoted:before,
body.android #comment-article-container .article__body .prose blockquote.quoted:before {
color: var(--new-pillar-col
