Style guide for StlthApp.com

Colors

Dark Blue
27308d
Dark Purple
40358d
White

Fonts - Ubuntu typeface for all

H1 HeroText
Desktop: 700 Bold weight, 85 px size, 90 px line height
Tablet: 700 Bold weight, 60 px size, 65 px line height
Mobile Landscape: 700 Bold weight, 40 px size, 45 px line height
Mobile Portrait: 700 Bold weight, 28 px size, 32 px line height
H2 Heading
Desktop: 300 Light weight, 35 px size, 40 px line height
Tablet: 300 Light weight, 30 px size, 35 px line height
Mobile Landscape: same as in Tablet
Mobile Portrait: 400 Normal weight, 20 px size, 22 px line height
P1 HeroSubText
Desktop: 300 Light weight, 20 px size, 30 px line height
Tablet: same as in Desktop
Mobile Landscape: 300 Light weight, 18 px size, 25 px line height
Mobile Portrait: 300 Light weight, 14 px size, 19 px line height
P2 Paragraph
Desktop: 300 Light weight, 20 px size, 30 px line height
Tablet: 300 Light weight, 15 px size, 22 px line height
Mobile Landscape: same as in Tablet
Mobile Portrait: 300 Light weight, 14 px size, 19 px line height
Desktop: 300 Light weight, 20 px size, 20 px line height
Tablet: same as in Desktop
Mobile Landscape: same as in Desktop
Mobile Portrait: same as in Desktop

Form Fields

Focused state: White border, White text
Normal state with user-entered text: 30%-opacity White border, White text
Normal state with placeholder text: 30%-opacity White border, 30%-opacity White text
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
All states:

Transparent background
5 px border radius
1 px border width
8 px top and bottom paddings
12 px left and right paddings
300 Light font weight

Desktop: 56 px form field height, 20 px font size, 30 px font line height
Tablet: same as in Desktop
Mobile Landscape: 44 px form field height, 15 px font size, 22 px font line height
Mobile Portrait: same as in Mobile Landscape

Buttons

Button
Normal state: no change
Hover state: animated to 1.03 scale on both x and y axes

All states:

White button background color
Color of background behind/around button as button text color (for example here button text color is Dark Blue from section background color)
5 px border radius
18 px left and right paddings
400 Normal font weight

Desktop: 200 px min width, 18 px top and bottom paddings, 20 font size, 20 font line height
Tablet: same as in Desktop
Mobile Landscape: 170 px min width, 16 px top and bottom paddings, 18 font size, 18 font line height
Mobile Portrait: same as in Mobile Landscape