gatsbyjs / gatsby-starter-landing-page

Create custom landing pages using Gatsby and Contentful

https://landingpagestarter.gatsbyjs.io/

57 stars 26 forks source link

Update design tokens #26

Closed thinkybeast closed 2 years ago

thinkybeast commented 2 years ago

Updates design tokens to match figma: https://www.figma.com/file/liyrMLaMEegJtVVbcF0gpK/Landing-Page-Starter?node-id=0%3A1

Primary change here is updating the theme colors from blue to black to maintain a monochrome look.

gatsby-cloud[bot] commented 2 years ago

Gatsby Cloud Build Report

gatsby-starter-landing-page

:tada: Your build was successful! See the Deploy preview here.

Build Details

View the build logs here.

:clock1: Build time: 1m

Performance

Lighthouse report

Metric	Score
Performance	:green_heart: 98
Accessibility	:green_heart: 100
Best Practices	:green_heart: 100
SEO	:large_orange_diamond: 88

:link: View full report

jxnblk commented 2 years ago

Webfont is loading now. Looks like this dinged performance only a little bit, but @wardpeet any suggestions for the latest/best approach for loading the webfont?

thinkybeast commented 2 years ago

Awesome. FWIW our docs recommend importing via gatsby-browser.js https://www.gatsbyjs.com/docs/how-to/styling/using-web-fonts/#self-host-google-fonts-with-fontsource

jxnblk commented 2 years ago

Thanks! I'll go ahead and throw it in gatsby-browser