Skip to content

Conversation

jonathanoriordan-iap
Copy link
Collaborator

@jonathanoriordan-iap jonathanoriordan-iap commented Oct 1, 2025

Replicates our-principles figma design on ticket FEG-526

Page can be viewed at-https://deploy-preview-32--iamdesign.netlify.app/articles/principles

Copy link

netlify bot commented Oct 1, 2025

Deploy Preview for iamdesign ready!

Name Link
🔨 Latest commit cf13848
🔍 Latest deploy log https://app.netlify.com/projects/iamdesign/deploys/68dfc3d127ead20008e12766
😎 Deploy Preview https://deploy-preview-32--iamdesign.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

Copy link
Collaborator

@natwalker-iap natwalker-iap left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@jonathanoriordan-iap this is looking good! Just a few comments about re-using components where you can.

Copy link
Collaborator

@JamesLambert1986 JamesLambert1986 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Could we move the page so its not under articles?

Copy link
Collaborator

@natwalker-iap natwalker-iap left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Changes look great. I've just added a few more thoughts.

</HeroSection>
<div class="make-it visualtest colour-block bg-info gradient-primary gradient-direction-angle">
<div>
<img class="intuitive-card" src="assets/images/illustrations/Intuitive.png" alt="intuitive-image">
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I would suggest using a single class for all of these since they share the same CSS. Something like .principle-card

</div>

<div>
<img class="empowering-card" src="assets/images/illustrations/Empowering.png" alt="empowering-image">
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Alt text should describe what's happening in the image or perhaps in this case, include the text from the image e.g., "Make it intuitive'


<TextMediaSection :media-first="true">
<template #text>
<div class="empowering-text">
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

instead of setting the order on this div, you should be able to change the :media-first prop to false on line 52.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Development

Successfully merging this pull request may close these issues.

3 participants