This slider combines a simple design with just enough quirky detail to help it feel fun and playful. It uses white and grey.
The main slider has a thin white frame. This would stand out well against a website with a dark background.
Hovering over the slider brings up two navigation arrows, one on each side of the slider. The navigation arrows are grey arrow-heads on a white circle. They again are a simple design, but the arrow-head has a slightly rounded look to it which makes it friendly. Hovering over the arrows makes the whole circle grow in size, an unusual hover effect that again is just different and quirky enough to off-set the otherwise simple design. Clicking on the arrows allows you to navigate through the slides.
There is a caption in the bottom-left corner of each slide. The caption is grey text against a white rectangle with rounded corners. There is a large main title in dark grey and a smaller sub-title in light grey. The font used in the caption is ‘open sans’, a humanist sans serif font that is natural and friendly in appearance, yet modern thanks to it’s clean appearance and open forms.
At the bottom-center of the slider are a series of semi transparent grey circles, with a smaller circle inside that is just a thin white border. Each circle is linked to a slide, and when the relevant slide is displayed in the slider, the smaller circle fills with white.
Hovering over the circles enlarges them, in the same way that hovering over the navigation arrows enlarges them. This again is a unique effect, and really attracts attention to the slider controls.
In addition, when you hover over the circles, a preview image appears above them, in a white frame with a subtle drop-shadow effect. These preview images allows the user to select which slide they want to see, and navigate directly to it.
The default change effect is ‘domino’, where the images slide into place across a series of squares. Again, it’s an interesting, slightly quirky but modern design choice. If you wanted to play up the quirkiness of your website even more, you could choose ‘bubbles’ or ‘dribbles’, both of which are fun and friendly ways of transitioning between your images.
Overall the design is clean, friendly and modern. As such, the slider would work really well for a ‘fun’ technology website. It would also work well for authors that write witty, modern books or illustrators for children’s books.