diff --git a/source/screens/demo/examples/intro.njk b/source/screens/demo/examples/intro.njk
index e6ee3cd..1358739 100644
--- a/source/screens/demo/examples/intro.njk
+++ b/source/screens/demo/examples/intro.njk
@@ -7,19 +7,8 @@ tags:
 {% set pageId = "init" %}
 {% set bodyClass = "body_intro" %}
 
-{% extends "hippie/_app.njk" %}
+{% extends "hippie/_app_frame.njk" %}
 {% import "hippie/macros/_placeholder.njk" as ph %}
-{% block title %}
-	{{ title }}
-{% endblock %}
-
-{% block links %}
-	<link href="{{ pageBase }}css/ui.css" media="all" rel="stylesheet"/>
-{% endblock %}
-
-{% block head %}
-	{{ super() }}
-{% endblock %}
 
 {% block body %}
 	<div id="loader" class="step op_show">
diff --git a/source/screens/demo/examples/ui/index.njk b/source/screens/demo/examples/ui/index.njk
index ec107c2..6c8d79f 100644
--- a/source/screens/demo/examples/ui/index.njk
+++ b/source/screens/demo/examples/ui/index.njk
@@ -4,20 +4,10 @@ tags:
   - demoExample
   - index
 ---
-{% extends "hippie/_app.njk" %}
+{% extends "demo/_default.njk" %}
 {% import "hippie/macros/_placeholder.njk" as ph %}
 
-{% block title %}
-	{{ title }}
-{% endblock %}
-
-{% block links %}
-	<link href="{{ pageBase }}css/ui.css" media="all" rel="stylesheet"/>
-{% endblock %}
-
-{% block head %}
-	{{ super() }}
-{% endblock %}
+{% block title %}{{ title }}{% endblock %}
 
 {% block body %}
 	<div class="sec_main_center">
diff --git a/source/screens/demo/examples/ui/new.njk b/source/screens/demo/examples/ui/new.njk
index 54ddd0b..df1f62a 100755
--- a/source/screens/demo/examples/ui/new.njk
+++ b/source/screens/demo/examples/ui/new.njk
@@ -6,21 +6,9 @@ tags:
 {% set pageId = page.fileSlug %}
 {% set bodyClass = "body_new" %}
 
-{% extends "hippie/_app.njk" %}
+{% extends "hippie/_app_frame.njk" %}
 {% import "hippie/macros/_header.njk" as header %}
 
-{% block title %}{{ title }}
-{% endblock %}
-
-{% block links %}
-  {{ super() }}
-  <link href="{{ pageBase }}css/ui.css" media="all" rel="stylesheet"/>
-{% endblock %}
-
-{% block head %}
-  {{ super() }}
-{% endblock %}
-
 {% block body %}
   {{ header.status(hippie, new) }}
   <header class="area menu io">
diff --git a/source/screens/demo/examples/ui/tui.njk b/source/screens/demo/examples/ui/tui.njk
index 8f22162..8fc0e31 100755
--- a/source/screens/demo/examples/ui/tui.njk
+++ b/source/screens/demo/examples/ui/tui.njk
@@ -7,9 +7,6 @@ tags:
 
 {% extends "hippie/_app_frame.njk" %}
 
-{% block title %}{{ title }}
-{% endblock %}
-
 {% block body %}
 	{{ io.frameHeader('title-bar') }}
 	<main class="io"></main>
diff --git a/source/templates/hippie/_app_frame.njk b/source/templates/hippie/_app_frame.njk
index 19a7504..35ddd64 100755
--- a/source/templates/hippie/_app_frame.njk
+++ b/source/templates/hippie/_app_frame.njk
@@ -6,6 +6,8 @@
 	{{ super() }}
 {% endblock %}
 
+{% block title %}{{ title }}{% endblock %}
+
 {% block links %}
 	{{ super() }}
 	<link href="/vendor/bootstrap-icons/font/bootstrap-icons.min.css" rel="stylesheet">