diff --git a/src/app/config/app.config.ts b/src/app/config/app.config.ts
index 7b6fa12..50570d7 100644
--- a/src/app/config/app.config.ts
+++ b/src/app/config/app.config.ts
@@ -1,10 +1,4 @@
-/// <reference path="../../../typings/index.d.ts"/>
-
-export interface IAppConfig {
-    apiEndpoint: string;
-    websocketClient: string;
-}
-
+import {IAppConfig} from './interfaces';
 export const AppConfig: IAppConfig = {
     apiEndpoint: 'http://xos.dev:3000/api',
     websocketClient: 'http://xos.dev:3000'
diff --git a/src/app/config/interfaces.ts b/src/app/config/interfaces.ts
new file mode 100644
index 0000000..5c13afe
--- /dev/null
+++ b/src/app/config/interfaces.ts
@@ -0,0 +1,11 @@
+import {IXosNavigationRoute} from '../core/services/navigation';
+export interface IStyleConfig {
+  projectName: string;
+  favicon: string;
+  routes: IXosNavigationRoute[];
+}
+
+export interface IAppConfig {
+  apiEndpoint: string;
+  websocketClient: string;
+}
diff --git a/src/app/config/style.config.ts b/src/app/config/style.config.ts
index 120725f..3e1135b 100644
--- a/src/app/config/style.config.ts
+++ b/src/app/config/style.config.ts
@@ -1,11 +1,11 @@
-/// <reference path="../../../typings/index.d.ts"/>
-
-export interface IStyleConfig {
-    projectName: string;
-    favicon: string;
-}
-
+import {IStyleConfig} from './interfaces';
 export const StyleConfig: IStyleConfig = {
     projectName: 'CORD',
-    favicon: 'cord-favicon.png'
+    favicon: 'cord-favicon.png',
+    routes: [
+        {
+            label: 'Slices',
+            state: 'xos.core.slices'
+        }
+    ]
 };