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: