plaYEAH!
Buy plaYEAH!More PowerUpsJoin the CommunityMeet the Creator
  • 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
      • Get to know PowerPop Editor & Create your first Pop🍾
      • Making your PowerPops LIVE for your students to see
      • Explore & Customize the Pre-Built Pops
      • Using Images and Animations to make your pops, Poppin!
      • Customizing colors, popup type, location and effects
      • Display Rules 101: Progress Based triggers
      • Display Rules 201: Course & Lesson Specific Triggers
      • Encouraging students to complete the course
    • Best Practices
    • Troubleshooting your Pops
    • Finding & Using Animations
  • 🎨Power Style Editor
    • Power Style Quick Start Guide
      • Change the player background color
      • Using custom fonts inside the course player
      • Default styling for your text sections
    • Power Style Editor Overview
      • Settings Reference
        • Style applies to
        • Logo & Branding
        • Using Custom Fonts
        • Page Background
        • Sidemenu Top
    • Course Specific Styles
    • Power Style Themes
    • Usage Notes & Ninja Tricks
  • 💥Instant Super Powers
    • Quick Wins
    • Gamify Your Site Using plaYEAH!
      • plaYEAH! Gamification Guides
      • Super Pac-man
      • Member FOMO
      • Spot the Dancing Monkey
      • Escape Room
    • Magic Multimedia Lesson
  • ☣️. DANGER ZONE
    • Uninstalling plaYEAH!
    • Known issues
  • 💬Support & Help
    • Getting Help
    • Frequently Asked Questions
    • Licensing
  • Quick Start
Powered by GitBook
On this page
  • 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

Was this helpful?

  1. Power Style Editor

Power Style Themes

src: https://artisanthemes.io/best-google-fonts-color-combinations-feminine-website/

PreviousCourse Specific StylesNextUsage Notes & Ninja Tricks

Last updated 4 years ago

Was this helpful?

Here are some great combinations of fonts and colors that you can give a try inside of the . You can also mix it up by swapping out colors and fonts.

1. Karla + Martel

<link href="https://fonts.googleapis.com/css?family=Karla:400,700|Martel:400,700" rel="stylesheet">

font-family: 'Martel', serif;
font-family: 'Karla', sans-serif;

#2B394A  #FDA5A4  #C5D0DD

2. Barlow + Rasa

<link href="https://fonts.googleapis.com/css?family=Barlow+Condensed|Barlow:600|Rasa:300,500" rel="stylesheet">

font-family: 'Barlow Condensed', sans-serif;
font-family: 'Rasa', serif;

#000000 #FFFFFF #D9E3DA #A7BEA9

3. Raleway

<link href="https://fonts.googleapis.com/css?family=Raleway:300,700" rel="stylesheet">

font-family: 'Raleway', sans-serif;

#000000 #FC888C #75858F

4. Playfair Display + Gothic A1

<link href="https://fonts.googleapis.com/css?family=Gothic+A1:300,600|Playfair+Display" rel="stylesheet">

font-family: 'Playfair Display', serif;

font-family: 'Gothic A1', sans-serif;

#F3DCD4 #F2A68D #000000

5. Work Sans + Merriweather

<link href="https://fonts.googleapis.com/css?family=Merriweather:300|Work+Sans:700,800" rel="stylesheet">

font-family: 'Work Sans', sans-serif;

font-family: 'Merriweather', serif;

#000000 #20C1BD #3D3D3D

6. Ultra + Work Sans

<link href="https://fonts.googleapis.com/css?family=Ultra|Work+Sans:400,500" rel="stylesheet">

font-family: 'Work Sans', sans-serif;

font-family: 'Ultra', serif;

#DF0054 #FFD900 #FFFFFF 

7. Cormorant Garamond + Khula

<link href="https://fonts.googleapis.com/css?family=Cormorant+Garamond:400,700|Khula" rel="stylesheet">

font-family: 'Cormorant Garamond', serif;

font-family: 'Khula', sans-serif;

#9B9A94 #E0CBC4 #EBE4DE #131310

8. Playfair Display + Montserrat

<link href="https://fonts.googleapis.com/css?family=Montserrat:300,700|Playfair+Display:400i" rel="stylesheet">

font-family: 'Playfair Display', serif;

font-family: 'Montserrat', sans-serif;

#000000 #D2AE90 #403F47

9. Satisfy + Halant + Montserrat

<link href="https://fonts.googleapis.com/css?family=Halant|Montserrat:700|Satisfy" rel="stylesheet">

font-family: 'Montserrat', sans-serif;

font-family: 'Satisfy', cursive;

font-family: 'Halant', serif;

#DD7564 #1FA5A6 #B2DEDD #F0EDE6

10. Montserrat + Josefin Sans

<link href="https://fonts.googleapis.com/css?family=Josefin+Sans:300,700|Montserrat:700" rel="stylesheet">

font-family: 'Montserrat', sans-serif;

font-family: 'Josefin Sans', sans-serif;

#4F6C6B #1E292B #F7DDD9 #EDEDED

11. Libre Baskerville + Work Sans

<link href="https://fonts.googleapis.com/css?family=Libre+Baskerville:400,700|Work+Sans:700" rel="stylesheet">

font-family: 'Libre Baskerville', serif;

font-family: 'Work Sans', sans-serif;

12. Dancing Script + Open Sans

<link href="https://fonts.googleapis.com/css?family=Dancing+Script:700|Open+Sans:300,400" rel="stylesheet">

font-family: 'Dancing Script', cursive;
 
font-family: 'Open Sans', sans-serif;

#6B5875 #FFE6A9 #EAE6E1 #6B686D

13. Karla + Zilla Slab

<link href="https://fonts.googleapis.com/css?family=Karla:400,700|Zilla+Slab:300" rel="stylesheet">

font-family: 'Karla', sans-serif;

font-family: 'Zilla Slab', serif;

#5F6368 #989BA4 #F2D4D1 #F9F0E7

14. Taviraj + Lato

<link href="https://fonts.googleapis.com/css?family=Lato:300,700|Taviraj" rel="stylesheet">

font-family: 'Taviraj', serif;

font-family: 'Lato', sans-serif;

#A5AA93 #F0E5D3 #F3D0B5 #6A6A6A

15. Cormorant SC + Cormorant Garamond

<link href="https://fonts.googleapis.com/css?family=Cormorant+Garamond|Cormorant+SC:300,500" rel="stylesheet">

font-family: 'Cormorant SC', serif;

#99ABB9 #B0B0B0 #60686E #DAE0E6

16. Josefin Sans + Montserrat

<link href="https://fonts.googleapis.com/css?family=Josefin+Sans:100,600|Montserrat:300,500" rel="stylesheet">

font-family: 'Josefin Sans', sans-serif;

font-family: 'Montserrat', sans-serif;

#000000 #8DE0C6 #FFF8BE

17. Poppins + Work Sans

<link href="https://fonts.googleapis.com/css?family=Karla:Poppins:100,400|Work+Sans" rel="stylesheet">

font-family: 'Poppins', sans-serif;

font-family: 'Work Sans', sans-serif;

#D5D0CC #F9F4F0 #FFFFFF #000000

18. Archivo + PT Serif

<link href="https://fonts.googleapis.com/css?family=Archivo:700|PT+Serif" rel="stylesheet">

font-family: 'Archivo', sans-serif;

font-family: 'PT Serif', serif;
🎨
Power Style Editor