March 18, 2024

25 Awe-Inspiring Websites Using Ghost Buttons

Although the first half of 2014 has gone by, today we can see new design trends that appeared in web design this year. “Ghost buttons” are those transparent, empty buttons that have basic button shape, but are bordered by a thin line. Some of these ghost buttons could be interactive, – while click over it, the button may become non-transparent, but white or some other color highlighting with the background. As a rule, designers use sans-serif light fonts for wording.

These kind of buttons are called ‘ghost’ due to their transparent nature. They’re transparent as ghosts, at the same time they grab users’ gaze at once and do not overload design. You may find ghost buttons on a wide variety of sites. The best ghost buttons look on websites with large-scale background, and flat, minimalist design. Scroll down to see 25 awe-inspiring websites using ghost buttons I put together below.

Indiegogo

30 Awe-Inspiring Websites Using Ghost Buttons

Hire My Friend

30 Awe-Inspiring Websites Using Ghost Buttons

Sputnik

30 Awe-Inspiring Websites Using Ghost Buttons

Transitions

30 Awe-Inspiring Websites Using Ghost Buttons

Harbr Co

30 Awe-Inspiring Websites Using Ghost Buttons

Go Philosophie

30 Awe-Inspiring Websites Using Ghost Buttons

Unsung

30 Awe-Inspiring Websites Using Ghost Buttons

Paul von Excite

30 Awe-Inspiring Websites Using Ghost Buttons

Turing

30 Awe-Inspiring Websites Using Ghost Buttons

Grid Style Sheets

30 Awe-Inspiring Websites Using Ghost Buttons

Weather Jams

30 Awe-Inspiring Websites Using Ghost Buttons

Ben Challand

30 Awe-Inspiring Websites Using Ghost Buttons

Assembly

30 Awe-Inspiring Websites Using Ghost Buttons

Degordian

30 Awe-Inspiring Websites Using Ghost Buttons

World in My Lens

30 Awe-Inspiring Websites Using Ghost Buttons

The Web Is

30 Awe-Inspiring Websites Using Ghost Buttons

Standin

30 Awe-Inspiring Websites Using Ghost Buttons

Invision App

30 Awe-Inspiring Websites Using Ghost Buttons

dribbbox

30 Awe-Inspiring Websites Using Ghost Buttons

Grandst

30 Awe-Inspiring Websites Using Ghost Buttons

The Pretend Store

30 Awe-Inspiring Websites Using Ghost Buttons

Triplagent

30 Awe-Inspiring Websites Using Ghost Buttons

Hike.

30 Awe-Inspiring Websites Using Ghost Buttons

Throne

30 Awe-Inspiring Websites Using Ghost Buttons

Themes Kingdom

30 Awe-Inspiring Websites Using Ghost Buttons

Share

Nancy Young is a passionate writer and blogger. She writes tons of inspirational articles on photography, despite the fact that she is an economist by education. Make sure to visit Nancy's blog Onedesblog.

3 Comments

  1. Matt Reply

    Great roundup. While there is a clear trend in design here and it seems not much to clearly establish brand identity (at an initial glance), I love the direction in style and execution of the design. All inspiring and exciting. Thanks for posting! 🙂

  2. Teelah Reply

    These are so great, thanks for sharing. Triplagent shows a great example of awesome responsive states. Lots of inspiration here, thanks again. I always seem to find something interesting on this site to start my day out right.

  3. Nathan Reply

    I’ve noticed that modern buttons designs are all very simple and all very similar. If you check some older button inspiration posts (pre 2012) there used to be a LOT more variation.

Leave a Reply

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