diff --git a/frontend/ui-style-config.js b/frontend/ui-style-config.js
new file mode 100644
index 0000000..e44a76d
--- /dev/null
+++ b/frontend/ui-style-config.js
@@ -0,0 +1,18 @@
+angular.module('app')
+  .constant('StyleConfig', {
+    projectName: 'OpenCloud',
+    favicon: 'opencloud-favicon.png',
+    background: 'opencloud-bg.jpg',
+    payoff: 'Your OS resource manager',
+    logo: 'opencloud-logo.png',
+    routes: [
+        {
+            label: 'Slices',
+            state: 'xos.core.slices'
+        },
+        {
+            label: 'Sites',
+            state: 'xos.core.sites'
+        }
+    ]
+});
diff --git a/frontend/xos-gui.yaml b/frontend/xos-gui.yaml
index 45c0b25..5ae4ddd 100644
--- a/frontend/xos-gui.yaml
+++ b/frontend/xos-gui.yaml
@@ -16,6 +16,17 @@
         image: xosproject/xos-gui
         ports: 4000:4000
 
+    # UI Style Config
+    /var/www/dist/style.config.js:
+      type: tosca.nodes.ComponentVolume
+      properties:
+          host_path: { path_join: [ SELF, CONFIG_DIR, ./ui-style-config.js, ENV_VAR ] }
+          read_only: false
+      requirements:
+          - xos:
+             node: xos-spa-gui
+             relationship: tosca.relationships.VolumeOfComponent
+
     gui-to-gw:
       type: tosca.nodes.ComponentLink
       properties:
diff --git a/mcord/ui-style-config.js b/mcord/ui-style-config.js
new file mode 100644
index 0000000..d4f5bc9
--- /dev/null
+++ b/mcord/ui-style-config.js
@@ -0,0 +1,31 @@
+angular.module('app')
+  .constant('StyleConfig', {
+    projectName: 'M-CORD',
+    favicon: 'cord-favicon.png',
+    background: 'mcord-bg.jpg',
+    payoff: 'Your way toward 5G',
+    logo: 'cord-logo.png',
+    routes: [
+        {
+            label: 'Slices',
+            state: 'xos.core.slices'
+        },
+        {
+            label: 'Instances',
+            state: 'xos.core.instances'
+        },
+        {
+            label: 'Nodes',
+            state: 'xos.core.nodes'
+        },
+        {
+            label: 'MCORD',
+            state: 'xos.mcord'
+        },
+        {
+            label: 'Topology',
+            state: 'xos.mcord.topology',
+            parent: 'xos.mcord'
+        }
+    ]
+});
diff --git a/mcord/xos-gui.yaml b/mcord/xos-gui.yaml
index 457e946..ac50a71 100644
--- a/mcord/xos-gui.yaml
+++ b/mcord/xos-gui.yaml
@@ -16,6 +16,17 @@
         name: xos-spa-gui
         image: xosproject/xos-gui
         ports: 4000:4000
+        
+    # UI Style Config
+    /var/www/dist/style.config.js:
+      type: tosca.nodes.ComponentVolume
+      properties:
+          host_path: { path_join: [ SELF, CONFIG_DIR, ./ui-style-config.js, ENV_VAR ] }
+          read_only: false
+      requirements:
+          - xos:
+             node: xos-spa-gui
+             relationship: tosca.relationships.VolumeOfComponent
 
     gui-to-gw:
       type: tosca.nodes.ComponentLink
diff --git a/metronetwork/ui-style-config.js b/metronetwork/ui-style-config.js
new file mode 100644
index 0000000..5501619
--- /dev/null
+++ b/metronetwork/ui-style-config.js
@@ -0,0 +1,22 @@
+angular.module('app')
+  .constant('StyleConfig', {
+    projectName: 'E-CORD',
+    favicon: 'cord-favicon.png',
+    background: 'cord-bg.jpg',
+    payoff: 'Enterprise on demand',
+    logo: 'cord-logo.png',
+    routes: [
+        {
+            label: 'Slices',
+            state: 'xos.core.slices'
+        },
+        {
+            label: 'Instances',
+            state: 'xos.core.instances'
+        },
+        {
+            label: 'Nodes',
+            state: 'xos.core.nodes'
+        }
+    ]
+});
diff --git a/metronetwork/xos-gui.yaml b/metronetwork/xos-gui.yaml
index 457e946..ac50a71 100644
--- a/metronetwork/xos-gui.yaml
+++ b/metronetwork/xos-gui.yaml
@@ -16,6 +16,17 @@
         name: xos-spa-gui
         image: xosproject/xos-gui
         ports: 4000:4000
+        
+    # UI Style Config
+    /var/www/dist/style.config.js:
+      type: tosca.nodes.ComponentVolume
+      properties:
+          host_path: { path_join: [ SELF, CONFIG_DIR, ./ui-style-config.js, ENV_VAR ] }
+          read_only: false
+      requirements:
+          - xos:
+             node: xos-spa-gui
+             relationship: tosca.relationships.VolumeOfComponent
 
     gui-to-gw:
       type: tosca.nodes.ComponentLink