Styling improvements for landing page

Open
#181 5 comments 0 reactions 1 assignee View on GitHub

@Jy411 is already working on this.

Since May 25, 2020.

Assessment

This issue has not been assessed yet.

Description

📖 Docs

Describe the feature

Improvements to the landing page styling

Stuff that feels improvable:

  1. In the dark mode this dark seem practically black when set against the white screenshot - would make it a bit lighter
Screenshot 2020-05-13 at 14 27 40
  1. On the most left and right item the margin between it and side of the page seems a bit too small - even smaller than e.g. between the right menu options
Screenshot 2020-05-13 at 14 27 50
  1. These 0 px border radius corners seem very sharp when set aside the very rounded borders of the code block. Maybe add a tiny border radius to reduce the contrast?
Screenshot 2020-05-13 at 14 28 14
  1. Maybe make these headlines either larger or bolded? They don't stand out that much from the paragraph right now.
Screenshot 2020-05-13 at 14 28 23
  1. More bottom padding here? The tiny QR code seems to be shoved to the bottom by the vastness of the black background (# poetic)
Screenshot 2020-05-13 at 14 28 35
  1. Definitely more margin between the items and Callstack logo
Screenshot 2020-05-13 at 14 28 45

And finally: 7. This Get started button seems to be placed a bit randomly, isn't?

Screenshot 2020-05-13 at 14 36 07

Motivation

It could look a bit better. Wdyt?

Dominant language
JavaScript
Stars
555
Forks
52
PR merge metrics
No merged PRs in 30d

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

More from callstack/react-native-ios-kit

All issues in callstack/react-native-ios-kit

Similar issues

More JavaScript issues

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.