callstack / callstack/react-native-ios-kit

Styling improvements for landing page

Open
#181 5 comments 0 reactions 1 assignee Claimed by @Jy411 View on GitHub
📖 Docs
Dominant language
JavaScript
Stars
555
Forks
52
PR merge metrics
No merged PRs in 30d

Description

## Describe the feature

Improvements to the [landing page](https://callstack.github.io/react-native-ios-kit/) 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

2. 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

3. 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

4. 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

5. 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

6. 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?

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.