onionbrowser.github.io icon indicating copy to clipboard operation
onionbrowser.github.io copied to clipboard

Design Specs

Open kckthx opened this issue 6 years ago • 5 comments

kckthx avatar Dec 17 '19 15:12 kckthx

Specs

kckthx avatar Dec 17 '19 22:12 kckthx

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/

kckthx avatar Dec 17 '19 22:12 kckthx

@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 avatar Feb 03 '20 16:02 tladesignz

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

tladesignz avatar Feb 03 '20 16:02 tladesignz

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

kckthx avatar Feb 03 '20 16:02 kckthx