Thanks for joining our community
Well, the font part is pretty easy, the font-family we are using in Realistic is the famous modern font Roboto
. The URL to load the font from Google is: https://fonts.googleapis.com/css?family ... 00,700,400
. And we are using exactly the 400, 400italic, 300 & 700 font weights & styles.
The color part is a bit challenging; Realistic is built using the Google's framework Material Design Lite https://getmdl.io/
which make use of a primary/main color and a another secondary/accent color for the whole design.
By default, Realistic sets the main color to Indigo (rgb(63,81,181)) and the secondary color to Pink (rgb(255,64,129)) but this will change when you change the Color Scheme
option ( Appearance => Customize => Design ).
Here is an easy trick to determine these two colors;
Your website header will always have the background-color
set to the primary color. So if you are using Google chrome, place the cursor on top of your website header, right-click and then click Inspect. When the inspect tab is open, click on the header tag (<header id="masthead" class="site-header mdl-layout__header is-casting-shadow" role="banner">) and read the background-color value from the right panel.
Your links will always have the color
set to the accent color. So to get the accent color, right click on any link and follow the above method to get the color value.
I don't recommend using the Material Design Lite framework for your emails. It's not easy to handle like the Bootstrap framework for example. Just copy the colors RGBA values and use them.
To get all the available color, check the colors wheel here https://getmdl.io/customize/index.html
If you are having issues getting these color, give me a link to your website and I will get them for you.