Some Basics for UI design
Statusbar color change : initializeApp() { this.platform.ready().then(() => { // Okay, so the platform is ready and our plugins are available. // Here you can do any higher level native things you might need. this.statusBar.backgroundColorByHexString("#af1a80"); this.splashScreen.hide(); }); } Header icon-button : <ion-header> <ion-navbar> <button ion-button menuToggle> <ion-icon name="menu"></ion-icon> </button> <ion-title>Home</ion-title> <ion-buttons end> <button ion-button icon-only> <ion-icon name="more"></ion-icon> </button> </ion-buttons> </ion-navbar>