Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Styling the page - Artist #41

Open
TianshengC opened this issue Oct 6, 2023 · 2 comments
Open

Styling the page - Artist #41

TianshengC opened this issue Oct 6, 2023 · 2 comments
Assignees

Comments

@TianshengC
Copy link
Collaborator

Title, subtitle, content, buttons, image

@mferryRV
Copy link
Collaborator

mferryRV commented Oct 7, 2023

We will be updating the UI of our application to match this Figma design on page "Prototype web".

image

To accomplish this, we need to create a <ArtistSection> component and add it to our Home page component. This Artist Section should have:

  • A white background
  • The title in Roboto Bold 48, black
  • The subtitle in Roboto Medium 24, black
  • Body content in Roboto Regular 16
  • The image (download from Figma, including the dots background)
  • A link to Learn more that points to the UCC PhD Student Website
  • A link to Get in touch that points (for now) to her LinkedIn
  • Flexbox styling

To see the styling information for the page, activate Figma's Dev Mode in the top righthand corner:
image

This design is desktop-first, so we will review mobile designs later in the week.

@rogerspooner
Copy link
Collaborator

@gregdyke , you or perhaps I should validate this with Derdrie.
Is this the best photo?
What actual links are needed?
Does she have comments on the Figma in general?

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

No branches or pull requests

4 participants