dawnlabs / next-site Goto Github PK

• features row should match grid width (https://cl.ly/f402375090f9)
• server rack and browser window should be vertically aligned
• server rack should have same drop-shadow as browser window

the navbar should behave the same as it does on the homepage: i.e. part of the dotted background when it's in the hero, then "breaks out" as you scroll

https://cl.ly/54ecabc785ee

some of the "out" files are missing a period

https://cl.ly/ea098f1427df

• performance graph positioning should be bottom-aligned with text (see mocks)
• borders should be 1px width (HR border-top: 0, etc)
• bottom sections should have equal margin on all left/right (e.g. "Lightning Fast Delivery" should have margin-left: 4rem)

title text should be ~46px

feature bullets should be properly distributed and centered: https://cl.ly/f4aaeb6eceb8

We need an svg for the Expo logo. Should we just scrap it from their site?

Should not say PWA. I was thinking something like:

Who's Using Next.js for Mobile

it's currently just "Next.js", let's change it to something like "Static Exporting - Next.js Features"

hero bg image should maintain aspect ratio (https://cl.ly/9f9b7246c35c vs https://cl.ly/9c22d339a6cd)

"learn more" button should link to "push your site to the edge" section

• only initial item in carousel is clickable (https://cl.ly/ad7efc2302ef)
• left/right items shouldn't be clickable (https://cl.ly/5fca5f5ddfb1)

• Optimize images (let's wait until everything is finalized first)
• Spacing here is too big on large displays (https://cl.ly/1859b7a8aa72)
• Use same button:hover effects as Integral case study (https://cl.ly/9322d50dc989)
• Images should be exported as jpg (hulu grass logo and headshot of zack should be higher resolution)
• Space between this paragraph and image should be doubled (on widths >=1200px) [https://cl.ly/8dcfc52a38fc]
• subheading / heading / paragraph spacing (for all sections) should match mock (https://cl.ly/16556c78a7df)
• Let's remove this? (https://cl.ly/2770e9ae0728)
• Closing CTA (spacing, HR width, etc) should match Integral case study (https://cl.ly/b4a5e86a7d74) (don't forget mobile https://cl.ly/dad333e2a9a8 🙂)
• On tablet-sized widths, the "Conclusion" link is getting awfully close to the image split. Let's decrease the split angle here as well? (https://cl.ly/ee01f7d6e26f)

it's because the child elements aren't wrapping properly

we should be using the same link styles on hover that they are on the homepage

https://cl.ly/952fcbeef892

"Lightning Fast Navigation" Section

• Should be a space in: "application is.Eliminating"
• Button should link to correct location

"Native Features" Section

• These bullets need to be aligned
• First row should have larger margin-bottom (24px according to mock):

• carousel images should be higher resolution. try resizing frames in figma before exporting... if that doesn't work, you can probably find the full-size original screen grabs in an earlier version of the figma doc
• carousel logos should be same size as figma doc (e.g. "blockchain" is 218px in figma vs 176px on the site)
• carousel sites should loop around
• clicking a carousel image should bring you to the site
• all carousel item should have the same box-shadow (see figma for css)
• "perfect for" should span full page width (same width as items in nav) https://cl.ly/3f05e842d866

some box-shadow weirdness in tablet mode

https://cl.ly/5f356dac54cc

"We’re going to take a photo of the team to replace the one of the people working."

• the feature bullets should be better centered, looks like an issue with the SVG checkmarks (https://cl.ly/25ea947194fa). namely, these should span the full width of the container
• input/output animated lines should be the same (right line should have the same width/style as left)
• terminal and file containers should all be vertically aligned (https://cl.ly/24fad4fdd72f)
• border-radius on the file input/output containers is looking kinda weird on my larger monitor (https://cl.ly/ee8a86590117)
• ideally, we'd have those lines above the file list container like: https://cl.ly/72072673c17d.
• said outlines in the file list container should be animated as well
• terminal should be a bit shorter. ideally would have similar padding-bottom to that of terminal on zeit.co/now (and the figma doc) https://cl.ly/b1a0750903a1
• terminal should have same box-shadow as left/right file-containers (could probably just copy css from figma)