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

docs: add ui kit and learn more to landing page #1556

Merged
merged 8 commits into from
Aug 21, 2020
Merged

Conversation

stefanoScalzo
Copy link
Contributor

Closes #1553

Add UI kit and learn more sections to landing page

@stefanoScalzo stefanoScalzo self-assigned this Aug 11, 2020
@netlify
Copy link

netlify bot commented Aug 11, 2020

Deploy preview for fundamental ready!

Built with commit befae70

https://deploy-preview-1556--fundamental.netlify.app

Copy link
Contributor

@InnaAtanasova InnaAtanasova left a comment

Choose a reason for hiding this comment

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

The following comments are just a personal opinion as I am not a designer and can't really comment on this :)

  1. On very big screen the Download button looks weird. I think it should be centered. The 3 sections under it look weird- they are too small with a lot of space between them. The Learn more items are too big

Screen Shot 2020-08-14 at 11 50 37 AM

  1. The spacing on the left and right side is not the same. We have more space on the left hand side which makes the items look like they are not centered.

Screen Shot 2020-08-14 at 11 51 40 AM

  1. Overlapping of the "Go to top" arrow and content

Screen Shot 2020-08-14 at 11 51 49 AM

  1. UI kit bundle sections look too close in Tablet view. Maybe show 2 sections per row in this case?

Screen Shot 2020-08-14 at 11 53 15 AM

  1. Hamburger button showing when links are showing too in Tablet view

Screen Shot 2020-08-14 at 11 53 37 AM

Screen Shot 2020-08-14 at 11 53 26 AM

&__title {
@extend %text;

@include text();
Copy link
Contributor

Choose a reason for hiding this comment

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

why did you change it to mixin?

Copy link
Contributor Author

Choose a reason for hiding this comment

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

so that I could use it easily in media querys, it wasnt letting me without

@estelaxu3
Copy link

estelaxu3 commented Aug 19, 2020

Everything looks pretty good. I notice a few things for the large screen:

  1. The spacing between 3 sections (UI kit, 72 font and Icon font) is a little too tight.

Screen Shot 2020-08-19 at 1 18 38 PM

Can we make sure it is aligned with Key feature section on the left and right padding?

Screen Shot 2020-08-19 at 1 26 14 PM

  1. For Blog post section, can we left aligned the word "Blog Posts" and the article title so it is consistent with Tweets and YouTube

Screen Shot 2020-08-19 at 1 19 03 PM

  1. The spacing between Community and Learn more section is too large. Could you double check and make sure each section's padding is the same (140px).

Screen Shot 2020-08-19 at 1 19 21 PM

  1. Could you double check and see if this title's font is regular.

Screen Shot 2020-08-19 at 1 21 17 PM

  1. Can you make sure the spacing between each section is the same. I highlighted with the red box

Screen Shot 2020-08-19 at 1 32 55 PM

The spacing in Design, learn more and Community section seems a bit too close.

Copy link
Contributor

@droshev droshev left a comment

Choose a reason for hiding this comment

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

Can you attach the files: UI Kit, etc...?

@stefanoScalzo stefanoScalzo merged commit 9b72e98 into master Aug 21, 2020
@stefanoScalzo stefanoScalzo deleted the docs-ui-kit branch August 21, 2020 13:59
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Landing Page - Implement Community, UI Kit, learn more sections
4 participants