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

Design Specs #7

Open
kckthx opened this issue Dec 17, 2019 · 5 comments
Open

Design Specs #7

kckthx opened this issue Dec 17, 2019 · 5 comments

Comments

@kckthx
Copy link

kckthx commented Dec 17, 2019

No description provided.

@kckthx
Copy link
Author

kckthx commented Dec 17, 2019

Specs

@kckthx
Copy link
Author

kckthx commented Dec 17, 2019

Fonts
Monsterrat available as a Google font: https://fonts.google.com/specimen/Montserrat

‘Download’ in menu
On mobile and tablet, tapping ‘download’ opens the app store. On desktop, opens the app store in a new browser tab.

Languages
Currently, English is the only language we have for the copy. However, as translations are added, they will be available. The website should default to the language indicated by the browser (ie the default language that the browser is set to). The user can switch to a different language through the ‘language’ button in the footer.

Integrations & Buttons

PayPal integration
The widget for donating via

Follow button for Gitlab
Should be generated by code: https://buttons.github.io/

Apple App store button
View and follow guidelines for implementation: https://developer.apple.com/app-store/marketing/guidelines/

@tladesignz
Copy link
Contributor

@kckthx: I would urge you to think about a dark mode! That became quite popular in the last year and can be easily achieved with CSS like this:

		@media (prefers-color-scheme: dark) {
			body {
				color: white;

				background-color: black;
			}
		}

So, in your design specs, you would need to define "inverted" colors. Some of them won't work on black the same as on white.

@tladesignz
Copy link
Contributor

Or were you doing just that in heading 3 and subtitle? In that case: uuups, sorry!

@kckthx
Copy link
Author

kckthx commented Feb 3, 2020

Ok, I see. for dark mode, let's change the
#4a4a4a to #fff
#720E95 to #C2A0CA as already defined for dark mode in the onion menu.
@tladesignz

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants