This slider has a bright and stylish design. It uses hot pink, white and black to striking effect.
The main image has a thin hot pink border at the top and bottom, that really makes the slider stand out. This slider would work well on websites with dark or black backgrounds which would make the hot pink look really dramatic.
Hovering over the image makes navigation arrows display. These are quite discreet. The arrow head is just a thin white line, and it is displayed against a semi-transparent black box that extends directly from the edge of the slider. Hovering over the navigation arrow turns the background box the same hot pink as the frame, and immediately makes it stand out more. Clicking on the arrows cycles the user through the slides.
There is a caption in the bottom left corner of the slider. The caption has a main title of large white text on a hot-pink background and a subtitle of smaller white text on a black background. The caption is semi transparent and extends directly from the edge of the frame. This helps it stay quite discreet. The font used is ‘Signika, a sans-serif font that was designed for legibility in low-contrast situations. As such, despite the semi-transparency of the captions, the text is clear and easy-to-read.
In the bottom right corner there is a black, semi-transparent thin line the same width as the the border. It is broken into sections, and each one corresponds to an image in the slideshow. Hovering over a section of the line turns it grey and pops up a preview of the slide in a white frame with a drop shadow. Clicking on that section will load the image into the main slider and allows the user to navigate to any frame they choose.
The section of the line that corresponds to the current image turns to a hot-pink, making it clear that the line is related to the slideshow and encouraging users to interact with it.
The overall impact of this line is stylish and unique, quite different to other sliders that use dots or numbers.
The default change effect is called ‘slices’. This effect has each image transition to the next by dividing the image into main thin slices and replacing them in a variety of ways. It’s a clean but stylish transition, which complements the design of the slider. There is a wide range of other change effects that would work with this slider, including ‘bubbles’ and ‘dribbles’ both of which are fun and funky and ‘glass parallax’ which is stylish.
This slider would be perfect for a websites that want to have a dramatic and stylish look. It would work great for fashion companies that sell ‘alternative’ clothing, websites that sell make-up and beauty products, and indeed anybody that sells fun and funky products, bloggers and personal websites. It would also be great for theatre companies and entertainment websites.