Bio layout object

[gerardo-rodriguez]

Overview

This PR introduces the Bio layout object.

Screenshots

Testing

1. Review the Bio layout object (for reference, the prototype)

---

• Closes Add new layout for individual team page #1477

[changeset-bot]

🦋 Changeset detected

Latest commit: 197b72c

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 1 package

Name	Type
@cloudfour/patterns	Minor

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[netlify]

✔️ Deploy Preview for cloudfour-patterns ready!

🔨 Explore the source changes: 197b72c

🔍 Inspect the deploy log: https://app.netlify.com/sites/cloudfour-patterns/deploys/61295b8d38ae550007843712

😎 Browse the preview: https://deploy-preview-1505--cloudfour-patterns.netlify.app

[gerardo-rodriguez]

Consider this a rough first draft as I am not sure if I'm way off target or not. Looking forward to the feedback, thank you! 🙂

Assumption: The layout object does not need to be concerned with the styling of the content inside of it.

[gerardo-rodriguez]

This PR is ready for another review, thanks! 😄

[gerardo-rodriguez]

The latest round of feedback has been addressed! 🎉

[AriannaChau]

This looks good! I am noticing a few design differences:

• The website links should be centered underneath the avatar and not include bullet points.
• The job title should be slightly larger than the body text and in turn would probably benefit from a little bit more whitespace between the job title and name.
• The avatar currently feels a bit large.

Other than that I think it's looking great so far. :)

[gerardo-rodriguez]

I am noticing a few design differences:

• The website links should be centered underneath the avatar and not include bullet points.
• The job title should be slightly larger than the body text and in turn would probably benefit from a little bit more whitespace between the job title and name.
• The avatar feels really big.

Thanks, @AriannaChau!

This is the first layout object I've worked on so I wasn't sure how much a layout object should control the styling of the content within the layout. I was under the assumption the styling of the content within the layout object was not the responsibility of the layout object.

Is my assumption incorrect? I was using the Feature Group object as a reference and it seemed to not include any styling of the content (it only seems to be responsible for the overall layout of the content) but my assumption could be wrong! ¯\_(ツ)_/¯

[AriannaChau]

This is the first layout object I create so I wasn't sure how much a layout object should control the styling of the content within the layout. I was under the assumption the styling of the content within the layout object was not the responsibility of the layout object.

Is my assumption incorrect? I was using the Feature Group object as a reference and it seemed to not include any styling of the content (it only seems to be responsible for the overall layout of the content) but my assumption could be wrong! ¯_(ツ)_/¯

OOOOHHHH, okay got it got it got it. Then yeah, this looks great!