Simple modern flat buttons

You’ve probably noticed that modern websites often use simple, frame-only buttons over full-screen graphics (or even videos). We use it on our website:


It’s easy to use the same design in your course, too! Simply set the fill to transparent, set the button border to white 3px, choose a modern font (Open Sans is a great free modern font) and you’re ready to go. 

For the hover state, simply invert the colors by setting the fill to solid white and text to black.

Hope this helps!

P.S. Here’s a bit more inspiration for flat modern design:

Preview image

Tags: , ,


  1. Profile photo of Roz Schwartz
    Roz Schwartz

    Great suggestion! And, you can use either the Text button or Transparent button, but make sure if you had selected the transparent button type, to change the opacity to 100%.


  2. Profile photo of Trav Owers
    Trav Owers

    These look great!

    Are you able to provide the file in format that works with Lectora online.

    I am not sure if you can import an awt file in Lectora online as Library Object.

    Many thaks

Your email address will not be published. Required fields are marked *