Bootflat: Advanced HTML5 Hybrid Mobile App Framework
Living style guide

The BMJ Living Style Guide Flat UI KIT based on Bootstrap 3.3.6 CSS framework.
It provides a faster, easier and less repetitive way for web developers or designers to create elegant web apps.

Compatible Browsers: IE8, IE9, IE10, IE11, Firefox, Safari, Opera, Chrome.

What is a brand?

A brand is the sum of the experiences that a person has with a company or organization. It is not a logo, colour or copy. It’s all of these things – for websites and digital products it’s also the interface, and by extension – the user experience.

Successful websites manage to create identity through their interface. The way our customers and user interact with our websites defines our brand. Every piece of interaction will speak to the user. Every detail, every piece of marketing copy, image, icon, drop shadow, layout placement, or button contributes to the user’s associations and judgements about the company they are dealing with.

Brand experience online is essentially defined by the ease of use. If using a website is without problems, the user has a good brand experience. This guide is written for that purpose.

Bootstrap 3.2.0

BMJ Living Style Guide is built on Bootstrap 3.3.6: a powerful mobile-first front-end framework for faster and easier web development.

HTML5 & CSS3

The components you find here are built with HTML5 and CSS3. The pages use `header`, `nav` and `section` to build the layout.

Lightweight

Bootstrap and this style guide use lightweight high-function plugins for maximum performance, keeping CSS and JS file sizes down.

Mobile first

Bootstrap 3 and this style guide are fully responsive, built for mobile-first in mind. They provide off screen navigation, and almost all the widgets are compatible with all screen sizes.