Skip to content

Issue 19 Implement Figma colour palettes and custom font styles - #20

Merged
joshuachai merged 5 commits into
mainfrom
issue-19-Update_color_pallets_and_styling_style
Jul 2, 2025
Merged

Issue 19 Implement Figma colour palettes and custom font styles#20
joshuachai merged 5 commits into
mainfrom
issue-19-Update_color_pallets_and_styling_style

Conversation

@Shinetopia

@Shinetopia Shinetopia commented Jun 30, 2025

Copy link
Copy Markdown
Contributor

Change Summary

Added the following from the Figma designs for consistency throughout the front end development:

  • google font links/integration for Montserrat & Work Sans
  • custom text styles
  • colour palette

Other Information

Please feel free to comment here or edit this branch if the naming conventions are off or if you believe refactoring is needed for any of the custom styles (e.g. would they be better under utilities? etc)

Related issue

@Shinetopia Shinetopia changed the title Issue 19 update color palettes and styling style Issue 19 Implement Figma colour palettes and custom font styles Jun 30, 2025
jayshira
jayshira previously approved these changes Jul 1, 2025

@loklokyx loklokyx left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

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

Overall, the implementation looks good to me so far. Just a few notes added for info.

Comment thread client/src/pages/_app.tsx
Comment thread client/src/styles/globals.css
@joshuachai
joshuachai self-requested a review July 2, 2025 12:36
@joshuachai
joshuachai merged commit 9de59cc into main Jul 2, 2025
5 checks passed
@joshuachai
joshuachai deleted the issue-19-Update_color_pallets_and_styling_style branch July 2, 2025 12:40
KatG33 pushed a commit that referenced this pull request Jul 9, 2025
* Added Figma text styles for css & tailwind use

* Added Figma colour palette

* changed style jsx to inline variable declaration

* hotfix: added missing font variable

* quick hotfix: worksans variable not set properly

---------

Co-authored-by: Jayshira <jason.yulfan@gmail.com>
jayshira added a commit that referenced this pull request Jul 9, 2025
* Added Figma text styles for css & tailwind use

* Added Figma colour palette

* changed style jsx to inline variable declaration

* hotfix: added missing font variable

* quick hotfix: worksans variable not set properly

---------

Co-authored-by: Jayshira <jason.yulfan@gmail.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Update color pallets and styling style

4 participants