plaYEAH!
Buy plaYEAH!
More PowerUps
Join the Community
Meet the Creator
Search…
What is plaYEAH!
📌
Getting Started
Installing plaYEAH!
Activating Your Super Powers
🧭
Tour Guide
Using the Course Player Tour
🍾
Power Pops Editor
PowerPops Quick Start Guides
Best Practices
Troubleshooting your Pops
Finding & Using Animations
🎨
Power Style Editor
Power Style Quick Start Guide
Power Style Editor Overview
Course Specific Styles
Power Style Themes
Usage Notes & Ninja Tricks
💥
Instant Super Powers
Quick Wins
Gamify Your Site Using plaYEAH!
Magic Multimedia Lesson
☣️. DANGER ZONE
Uninstalling plaYEAH!
Known issues
💬
Support & Help
Getting Help
Frequently Asked Questions
Licensing
Quick Start
Powered By
GitBook
Power Style Themes
src: https://artisanthemes.io/best-google-fonts-color-combinations-feminine-website/
Here are some great combinations of fonts and colors that you can give a try inside of the
Power Style Editor
. You can also mix it up by swapping out colors and fonts.
1. Karla + Martel
1
<link href="https://fonts.googleapis.com/css?family=Karla:400,700|Martel:400,700" rel="stylesheet">
2
3
font-family: 'Martel', serif;
4
font-family: 'Karla', sans-serif;
5
6
#2B394A #FDA5A4 #C5D0DD
Copied!
2. Barlow + Rasa
1
<link href="https://fonts.googleapis.com/css?family=Barlow+Condensed|Barlow:600|Rasa:300,500" rel="stylesheet">
2
3
font-family: 'Barlow Condensed', sans-serif;
4
font-family: 'Rasa', serif;
5
6
#000000 #FFFFFF #D9E3DA #A7BEA9
Copied!
3. Raleway
1
<link href="https://fonts.googleapis.com/css?family=Raleway:300,700" rel="stylesheet">
2
3
font-family: 'Raleway', sans-serif;
4
5
#000000 #FC888C #75858F
Copied!
4. Playfair Display + Gothic A1
1
<link href="https://fonts.googleapis.com/css?family=Gothic+A1:300,600|Playfair+Display" rel="stylesheet">
2
3
font-family: 'Playfair Display', serif;
4
5
font-family: 'Gothic A1', sans-serif;
6
7
#F3DCD4 #F2A68D #000000
Copied!
5. Work Sans + Merriweather
1
<link href="https://fonts.googleapis.com/css?family=Merriweather:300|Work+Sans:700,800" rel="stylesheet">
2
3
font-family: 'Work Sans', sans-serif;
4
5
font-family: 'Merriweather', serif;
6
7
#000000 #20C1BD #3D3D3D
Copied!
6. Ultra + Work Sans
1
<link href="https://fonts.googleapis.com/css?family=Ultra|Work+Sans:400,500" rel="stylesheet">
2
3
font-family: 'Work Sans', sans-serif;
4
5
font-family: 'Ultra', serif;
6
7
#DF0054 #FFD900 #FFFFFF
Copied!
7. Cormorant Garamond + Khula
1
<link href="https://fonts.googleapis.com/css?family=Cormorant+Garamond:400,700|Khula" rel="stylesheet">
2
3
font-family: 'Cormorant Garamond', serif;
4
5
font-family: 'Khula', sans-serif;
6
7
#9B9A94 #E0CBC4 #EBE4DE #131310
Copied!
8. Playfair Display + Montserrat
1
<link href="https://fonts.googleapis.com/css?family=Montserrat:300,700|Playfair+Display:400i" rel="stylesheet">
2
3
font-family: 'Playfair Display', serif;
4
5
font-family: 'Montserrat', sans-serif;
6
7
#000000 #D2AE90 #403F47
Copied!
9. Satisfy + Halant + Montserrat
1
<link href="https://fonts.googleapis.com/css?family=Halant|Montserrat:700|Satisfy" rel="stylesheet">
2
3
font-family: 'Montserrat', sans-serif;
4
5
font-family: 'Satisfy', cursive;
6
7
font-family: 'Halant', serif;
8
9
#DD7564 #1FA5A6 #B2DEDD #F0EDE6
Copied!
10. Montserrat + Josefin Sans
1
<link href="https://fonts.googleapis.com/css?family=Josefin+Sans:300,700|Montserrat:700" rel="stylesheet">
2
3
font-family: 'Montserrat', sans-serif;
4
5
font-family: 'Josefin Sans', sans-serif;
6
7
#4F6C6B #1E292B #F7DDD9 #EDEDED
Copied!
11. Libre Baskerville + Work Sans
1
<link href="https://fonts.googleapis.com/css?family=Libre+Baskerville:400,700|Work+Sans:700" rel="stylesheet">
2
3
font-family: 'Libre Baskerville', serif;
4
5
font-family: 'Work Sans', sans-serif;
Copied!
12. Dancing Script + Open Sans
1
<link href="https://fonts.googleapis.com/css?family=Dancing+Script:700|Open+Sans:300,400" rel="stylesheet">
2
3
font-family: 'Dancing Script', cursive;
4
5
font-family: 'Open Sans', sans-serif;
6
7
#6B5875 #FFE6A9 #EAE6E1 #6B686D
Copied!
13. Karla + Zilla Slab
1
<link href="https://fonts.googleapis.com/css?family=Karla:400,700|Zilla+Slab:300" rel="stylesheet">
2
3
font-family: 'Karla', sans-serif;
4
5
font-family: 'Zilla Slab', serif;
6
7
#5F6368 #989BA4 #F2D4D1 #F9F0E7
Copied!
14. Taviraj + Lato
1
<link href="https://fonts.googleapis.com/css?family=Lato:300,700|Taviraj" rel="stylesheet">
2
3
font-family: 'Taviraj', serif;
4
5
font-family: 'Lato', sans-serif;
6
7
#A5AA93 #F0E5D3 #F3D0B5 #6A6A6A
Copied!
15. Cormorant SC + Cormorant Garamond
1
<link href="https://fonts.googleapis.com/css?family=Cormorant+Garamond|Cormorant+SC:300,500" rel="stylesheet">
2
3
font-family: 'Cormorant SC', serif;
4
5
#99ABB9 #B0B0B0 #60686E #DAE0E6
Copied!
16. Josefin Sans + Montserrat
1
<link href="https://fonts.googleapis.com/css?family=Josefin+Sans:100,600|Montserrat:300,500" rel="stylesheet">
2
3
font-family: 'Josefin Sans', sans-serif;
4
5
font-family: 'Montserrat', sans-serif;
6
7
#000000 #8DE0C6 #FFF8BE
Copied!
17. Poppins + Work Sans
1
<link href="https://fonts.googleapis.com/css?family=Karla:Poppins:100,400|Work+Sans" rel="stylesheet">
2
3
font-family: 'Poppins', sans-serif;
4
5
font-family: 'Work Sans', sans-serif;
6
7
#D5D0CC #F9F4F0 #FFFFFF #000000
Copied!
18. Archivo + PT Serif
1
<link href="https://fonts.googleapis.com/css?family=Archivo:700|PT+Serif" rel="stylesheet">
2
3
font-family: 'Archivo', sans-serif;
4
5
font-family: 'PT Serif', serif;
Copied!
Power Style Editor - Previous
Course Specific Styles
Next - Power Style Editor
Usage Notes & Ninja Tricks
Last modified
1yr ago
Copy link
Contents
1. Karla + Martel
2. Barlow + Rasa
3. Raleway
4. Playfair Display + Gothic A1
5. Work Sans + Merriweather
6. Ultra + Work Sans
7. Cormorant Garamond + Khula
8. Playfair Display + Montserrat
9. Satisfy + Halant + Montserrat
10. Montserrat + Josefin Sans
11. Libre Baskerville + Work Sans
12. Dancing Script + Open Sans
13. Karla + Zilla Slab
14. Taviraj + Lato
15. Cormorant SC + Cormorant Garamond
16. Josefin Sans + Montserrat
17. Poppins + Work Sans
18. Archivo + PT Serif