Hero
Hero
Hero

Betty Bonnet

Trendy, clean and modern HTML5 template

Betty Bonnet is the go-to template for lifestyle bloggers, magazine news and business endeavors. It is equipped with 7 different hero variations, making it the perfect solution for someone looking for a no-fuss, easily customizable website.

Client

Bonnet Theme

Year

2020

Services

Project ManagementUX & UI DesignFrontend DevelopmentBackoffice

Technology

HTMLCSSJavaScript

Challenge

Project Goals

We wanted to bring our team together to create a brand new product from scratch.

Project Goals
Project Goals

Design

Design Elements

Project Colours

Color Palette

We selected neutral colors so that the theme was completely adaptable to all content types.

Project Typography

Typography

As this is a blog template, we wanted to recreate the old-school reading feeling: Libre Baskerville being a serif font was the perfect combination — it has a higher x height, wider counters and a slightly lower contrast, which makes it an excellent choice for screen reading.

Design

Components

Once we defined the project’s design elements, we created the design system: the set of reusable components that could be assembled together like puzzle pieces to build new, consistent looking pages within the same style.

Components

Design

Adaptive Styleguide

Users can take the theme customization to the next level by selecting different style combinations.

Theme

Hero Variants

We created 7 different hero variations so that theme was completely adaptable to different user needs.

Theme

Search Functionality

An easy and intuitive search functionality that allows for great navigation while looking for specific information.

Search Functionality
Search Functionality

Theme

Outcome

A trendy, clean and modern HTML5 template for lifestyle bloggers, magazine news and business endeavors. The perfect solution for someone looking for a no-fuss, easily customizable website.

Outcome