Skip to content

Update Labs immersive main media and typography - #16707

Open
DanielCliftonGuardian wants to merge 7 commits into
mainfrom
labs-immersive-updates
Open

DanielCliftonGuardian wants to merge 7 commits into
mainfrom
labs-immersive-updates

Conversation

@DanielCliftonGuardian

@DanielCliftonGuardian DanielCliftonGuardian commented Sep 9, 2026

Copy link
Copy Markdown
Contributor

What does this change?

Make main media scale with a minimum height of 469px and centred cropping, while preserving desktop sizing and refines the fade gradient. Also applies medium font weight to standfirst text.

In line with figma feedback https://www.figma.com/design/EKAebPFSCP6uCe11gP19X7/Formats-%E2%80%94-Display-Hinting?node-id=3198-26064&p=f&t=WvArIOvUBuiBIo2m-0

Screenshots

Before / After

image image image

@DanielCliftonGuardian DanielCliftonGuardian self-assigned this Sep 9, 2026
@DanielCliftonGuardian DanielCliftonGuardian added maintenance Departmental tracking: maintenance work, not a fix or a feature run_chromatic Runs chromatic when label is applied labels Sep 9, 2026
@github-actions github-actions Bot removed the run_chromatic Runs chromatic when label is applied label Sep 9, 2026
@github-actions

github-actions Bot commented Sep 9, 2026

Copy link
Copy Markdown

@DanielCliftonGuardian DanielCliftonGuardian added the run_chromatic Runs chromatic when label is applied label Sep 10, 2026
@DanielCliftonGuardian
DanielCliftonGuardian marked this pull request as ready for review September 10, 2026 11:12
@github-actions

github-actions Bot commented Sep 10, 2026

Copy link
Copy Markdown

🚀 Image pushed to AWS ECR

Image digest: sha256:44c65e57c68dc5d6a7c761d33309a1864660fa9c963fe95722e26721fae0e2d5

🐛 Run the image locally

The following can be used to run the image locally:

# Refer to image using the immutable digest. Find alternatives below.
IMAGE_IDENTIFIER="@sha256:44c65e57c68dc5d6a7c761d33309a1864660fa9c963fe95722e26721fae0e2d5"

# Refer to image using branch tag
# IMAGE_IDENTIFIER=":branch-labs-immersive-updates"

# Refer to image using build tag
# IMAGE_IDENTIFIER=":build-31088"

# Refer to image via the GitHub commit SHA tag
# IMAGE_IDENTIFIER=":sha-695f3f2c0e83852326666f1176af45c10ee33d99"

# Set environment variables for the AWS CLI
AWS_PROFILE="<A_PROFILE_FROM_JANUS>"
AWS_DEFAULT_REGION="eu-west-1"

IMAGE_ACCOUNT_ID=$(aws ssm get-parameter --name /organisation/accounts/artifacts --query "Parameter.Value" --output text)
REGISTRY="${IMAGE_ACCOUNT_ID}.dkr.ecr.${AWS_DEFAULT_REGION}.amazonaws.com"
IMAGE="${REGISTRY}/guardian/dotcom-rendering${IMAGE_IDENTIFIER}"

# Login to AWS ECR https://docs.aws.amazon.com/AmazonECR/latest/userguide/registry_auth.html
aws ecr get-login-password | docker login --username AWS --password-stdin $REGISTRY

# Pull the image
docker pull $IMAGE

# Run the image. You'll likely need to set additional flags. See https://docs.docker.com/reference/cli/docker/container/run.
docker run $IMAGE

From guardian/actions-publish-image.

@github-actions github-actions Bot removed the run_chromatic Runs chromatic when label is applied label Sep 10, 2026
@cemms1
cemms1 requested a review from a team September 10, 2026 16:42
Comment thread dotcom-rendering/src/layouts/StandardLayoutArticleGrid.tsx Outdated
Comment thread dotcom-rendering/src/components/Standfirst.tsx
@DanielCliftonGuardian DanielCliftonGuardian added the run_chromatic Runs chromatic when label is applied label Sep 14, 2026
@github-actions github-actions Bot removed the run_chromatic Runs chromatic when label is applied label Sep 14, 2026
@DanielCliftonGuardian DanielCliftonGuardian added the run_chromatic Runs chromatic when label is applied label Sep 14, 2026
@github-actions github-actions Bot removed the run_chromatic Runs chromatic when label is applied label Sep 14, 2026
@DanielCliftonGuardian DanielCliftonGuardian added the run_chromatic Runs chromatic when label is applied label Sep 14, 2026
@github-actions github-actions Bot removed the run_chromatic Runs chromatic when label is applied label Sep 14, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

maintenance Departmental tracking: maintenance work, not a fix or a feature

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants