diff --git a/pax-compiler/src/cartridge_generation/mod.rs b/pax-compiler/src/cartridge_generation/mod.rs
index 4d01e55dd..e464f1d09 100644
--- a/pax-compiler/src/cartridge_generation/mod.rs
+++ b/pax-compiler/src/cartridge_generation/mod.rs
@@ -158,18 +158,18 @@ fn generate_cartridge_render_nodes_literal(
             "tried to generate render nodes literal for component, but template was undefined",
         );
 
-    let implicit_root = nodes[0].borrow();
+    let implicit_root = nodes[&0].borrow();
     let children_literal: Vec<String> = implicit_root
         .child_ids
         .iter()
         .filter(|child_id| {
             let tnd_map = rngc.active_component_definition.template.as_ref().unwrap();
-            let active_tnd = &tnd_map[**child_id];
+            let active_tnd = &tnd_map[*child_id];
             active_tnd.type_id != parsing::TYPE_ID_COMMENT
         })
         .map(|child_id| {
             let tnd_map = rngc.active_component_definition.template.as_ref().unwrap();
-            let active_tnd = &tnd_map[*child_id];
+            let active_tnd = &tnd_map[child_id];
             recurse_generate_render_nodes_literal(rngc, active_tnd, host_crate_info, source_map)
         })
         .collect();
@@ -304,12 +304,11 @@ fn recurse_generate_render_nodes_literal(
         .iter()
         .filter(|child_id| {
             let tnd_map = rngc.active_component_definition.template.as_ref().unwrap();
-            let active_tnd = &tnd_map[**child_id];
+            let active_tnd = &tnd_map[*child_id];
             active_tnd.type_id != parsing::TYPE_ID_COMMENT
         })
         .map(|child_id| {
-            let active_tnd =
-                &rngc.active_component_definition.template.as_ref().unwrap()[*child_id];
+            let active_tnd = &rngc.active_component_definition.template.as_ref().unwrap()[child_id];
             recurse_generate_render_nodes_literal(rngc, active_tnd, host_crate_info, source_map)
         })
         .collect();
diff --git a/pax-compiler/src/expressions.rs b/pax-compiler/src/expressions.rs
index a242292f4..45176c05d 100644
--- a/pax-compiler/src/expressions.rs
+++ b/pax-compiler/src/expressions.rs
@@ -5,7 +5,7 @@ use pax_manifest::{
     ValueDefinition,
 };
 use std::collections::HashMap;
-use std::ops::{IndexMut, RangeFrom};
+use std::ops::RangeFrom;
 use std::slice::IterMut;
 
 use crate::errors::source_map::SourceMap;
@@ -45,7 +45,7 @@ pub fn compile_all_expressions<'a>(
 
         if let Some(ref mut template) = new_component_def.template {
             let mut active_node_def = TemplateNodeDefinition::default();
-            std::mem::swap(&mut active_node_def, template.index_mut(0));
+            std::mem::swap(&mut active_node_def, template.get_mut(&0).unwrap());
 
             let mut ctx = ExpressionCompilationContext {
                 template,
@@ -65,7 +65,7 @@ pub fn compile_all_expressions<'a>(
             ctx = recurse_compile_expressions(ctx, source_map)?;
             uid_track = ctx.uid_gen.next().unwrap();
             all_expression_specs.extend(ctx.expression_specs.to_owned());
-            std::mem::swap(&mut ctx.active_node_def, template.index_mut(0));
+            std::mem::swap(&mut ctx.active_node_def, template.get_mut(&0).unwrap());
         }
 
         std::mem::swap(component_def, &mut new_component_def);
@@ -615,7 +615,7 @@ fn recurse_compile_expressions<'a>(
         let mut old_active_node_def = TemplateNodeDefinition::default();
 
         //Swap the first blank for the node with specified id
-        std::mem::swap(&mut active_node_def, ctx.template.get_mut(*id).unwrap());
+        std::mem::swap(&mut active_node_def, ctx.template.get_mut(id).unwrap());
 
         //Swap the second blank for the current ctx.active_node_def value, so we can pass it back
         //to caller when done
@@ -628,7 +628,7 @@ fn recurse_compile_expressions<'a>(
         ctx = recurse_compile_expressions(ctx, source_map)?;
 
         //Pull the (presumably mutated) active_node_def back out of ctx and attach it back into `template`
-        std::mem::swap(&mut ctx.active_node_def, ctx.template.get_mut(*id).unwrap());
+        std::mem::swap(&mut ctx.active_node_def, ctx.template.get_mut(id).unwrap());
 
         //Put old active_node_def back in place so we can return it to caller
         std::mem::swap(&mut old_active_node_def, &mut ctx.active_node_def);
@@ -774,7 +774,7 @@ pub struct ExpressionCompilationContext<'a> {
     pub component_def: &'a ComponentDefinition,
 
     /// Container for mutable list of TemplateNodeDefinitions,
-    pub template: &'a mut Vec<TemplateNodeDefinition>,
+    pub template: &'a mut HashMap<usize, TemplateNodeDefinition>,
 
     /// Static stack of addressable properties, by string
     /// Enables resolution of scope-nested symbolic identifiers, including shadowing
diff --git a/pax-compiler/src/parsing.rs b/pax-compiler/src/parsing.rs
index 3690d12fa..f108b97fd 100644
--- a/pax-compiler/src/parsing.rs
+++ b/pax-compiler/src/parsing.rs
@@ -330,7 +330,7 @@ fn parse_template_from_component_definition_string(ctx: &mut TemplateNodeParseCo
     // This IMPLICIT_ROOT placeholder node, at index 0 of the TND vec,
     // is a container for the child_ids that act as "multi-roots," which enables
     // templates to be authored without requiring a single top-level container
-    ctx.template_node_definitions.remove(0);
+    ctx.template_node_definitions.remove(&0);
     ctx.template_node_definitions.insert(
         0,
         TemplateNodeDefinition {
@@ -346,7 +346,7 @@ fn parse_template_from_component_definition_string(ctx: &mut TemplateNodeParseCo
 }
 
 struct TemplateNodeParseContext {
-    pub template_node_definitions: Vec<TemplateNodeDefinition>,
+    pub template_node_definitions: HashMap<usize, TemplateNodeDefinition>,
     pub pascal_identifier_to_type_id_map: HashMap<String, String>,
     //each frame of the outer vec represents a list of
     //children for a given node;
@@ -419,7 +419,7 @@ fn recurse_visit_tag_pairs_for_template(
                 raw_comment_string: None,
             };
             std::mem::swap(
-                ctx.template_node_definitions.get_mut(new_id).unwrap(),
+                ctx.template_node_definitions.get_mut(&new_id).unwrap(),
                 &mut template_node,
             );
         }
@@ -441,7 +441,7 @@ fn recurse_visit_tag_pairs_for_template(
                 raw_comment_string: None,
             };
             std::mem::swap(
-                ctx.template_node_definitions.get_mut(new_id).unwrap(),
+                ctx.template_node_definitions.get_mut(&new_id).unwrap(),
                 &mut template_node,
             );
         }
@@ -627,7 +627,7 @@ fn recurse_visit_tag_pairs_for_template(
             };
 
             std::mem::swap(
-                ctx.template_node_definitions.get_mut(new_id).unwrap(),
+                ctx.template_node_definitions.get_mut(&new_id).unwrap(),
                 &mut template_node_definition,
             );
         }
@@ -642,7 +642,7 @@ fn recurse_visit_tag_pairs_for_template(
                 raw_comment_string: Some(any_tag_pair.as_str().to_string()),
             };
             std::mem::swap(
-                ctx.template_node_definitions.get_mut(new_id).unwrap(),
+                ctx.template_node_definitions.get_mut(&new_id).unwrap(),
                 &mut template_node,
             );
         }
@@ -1036,7 +1036,7 @@ pub struct ParsingContext {
 
     pub template_map: HashMap<String, String>,
 
-    pub template_node_definitions: Vec<TemplateNodeDefinition>,
+    pub template_node_definitions: HashMap<usize, TemplateNodeDefinition>,
 
     pub type_table: TypeTable,
 
@@ -1051,7 +1051,7 @@ impl Default for ParsingContext {
             component_definitions: HashMap::new(),
             template_map: HashMap::new(),
             type_table: get_primitive_type_table(),
-            template_node_definitions: vec![],
+            template_node_definitions: HashMap::new(),
             import_paths: HashSet::new(),
         }
     }
@@ -1166,7 +1166,7 @@ pub fn assemble_component_definition(
 
     let mut tpc = TemplateNodeParseContext {
         pascal_identifier_to_type_id_map: template_map,
-        template_node_definitions: vec![],
+        template_node_definitions: HashMap::new(),
         //each frame of the outer vec represents a list of
         //children for a given node; child order matters because of z-index defaults;
         //a new frame is added when descending the tree
@@ -1197,6 +1197,7 @@ pub fn assemble_component_definition(
         settings: parse_settings_from_component_definition_string(pax),
         handlers: parse_events_from_component_definition_string(pax),
         module_path: modified_module_path,
+        next_template_id: Some(*tpc.uid_gen.peek().unwrap()),
     };
 
     (ctx, new_def)
@@ -1230,6 +1231,7 @@ pub fn assemble_struct_only_component_definition(
         template: None,
         settings: None,
         handlers: None,
+        next_template_id: None,
     };
 
     (ctx, new_def)
@@ -1255,6 +1257,7 @@ pub fn assemble_primitive_definition(
         settings: None,
         module_path: modified_module_path,
         handlers: None,
+        next_template_id: None,
     }
 }
 
diff --git a/pax-compiler/tests/data/manifest.json b/pax-compiler/tests/data/manifest.json
index cec69d545..52466d689 100644
--- a/pax-compiler/tests/data/manifest.json
+++ b/pax-compiler/tests/data/manifest.json
@@ -1,5 +1,19 @@
 {
   "components": {
+    "pax_std::primitives::Text": {
+      "type_id": "pax_std::primitives::Text",
+      "type_id_escaped": "pax_stdCOCOprimitivesCOCOText",
+      "is_main_component": false,
+      "is_primitive": true,
+      "is_struct_only_component": false,
+      "pascal_identifier": "Text",
+      "module_path": "pax_std::primitives",
+      "primitive_instance_import_path": "pax_std_primitives::text::TextInstance",
+      "template": null,
+      "settings": null,
+      "handlers": null,
+      "next_template_id": null
+    },
     "pax_std::types::text::WebFont": {
       "type_id": "pax_std::types::text::WebFont",
       "type_id_escaped": "pax_stdCOCOtypesCOCOtextCOCOWebFont",
@@ -11,33 +25,120 @@
       "primitive_instance_import_path": null,
       "template": null,
       "settings": null,
-      "handlers": null
+      "handlers": null,
+      "next_template_id": null
     },
-    "pax_std::types::text::LocalFont": {
-      "type_id": "pax_std::types::text::LocalFont",
-      "type_id_escaped": "pax_stdCOCOtypesCOCOtextCOCOLocalFont",
+    "pax_std::types::text::TextStyle": {
+      "type_id": "pax_std::types::text::TextStyle",
+      "type_id_escaped": "pax_stdCOCOtypesCOCOtextCOCOTextStyle",
       "is_main_component": false,
       "is_primitive": false,
       "is_struct_only_component": true,
-      "pascal_identifier": "LocalFont",
+      "pascal_identifier": "TextStyle",
       "module_path": "pax_std::types::text",
       "primitive_instance_import_path": null,
       "template": null,
       "settings": null,
-      "handlers": null
+      "handlers": null,
+      "next_template_id": null
     },
-    "pax_std::primitives::Image": {
-      "type_id": "pax_std::primitives::Image",
-      "type_id_escaped": "pax_stdCOCOprimitivesCOCOImage",
+    "pax_std::types::StackerDirection": {
+      "type_id": "pax_std::types::StackerDirection",
+      "type_id_escaped": "pax_stdCOCOtypesCOCOStackerDirection",
       "is_main_component": false,
-      "is_primitive": true,
-      "is_struct_only_component": false,
-      "pascal_identifier": "Image",
-      "module_path": "pax_std::primitives",
-      "primitive_instance_import_path": "pax_std_primitives::image::ImageInstance",
+      "is_primitive": false,
+      "is_struct_only_component": true,
+      "pascal_identifier": "StackerDirection",
+      "module_path": "pax_std::types",
+      "primitive_instance_import_path": null,
+      "template": null,
+      "settings": null,
+      "handlers": null,
+      "next_template_id": null
+    },
+    "pax_std::types::Color": {
+      "type_id": "pax_std::types::Color",
+      "type_id_escaped": "pax_stdCOCOtypesCOCOColor",
+      "is_main_component": false,
+      "is_primitive": false,
+      "is_struct_only_component": true,
+      "pascal_identifier": "Color",
+      "module_path": "pax_std::types",
+      "primitive_instance_import_path": null,
+      "template": null,
+      "settings": null,
+      "handlers": null,
+      "next_template_id": null
+    },
+    "pax_std::types::ColorVariant": {
+      "type_id": "pax_std::types::ColorVariant",
+      "type_id_escaped": "pax_stdCOCOtypesCOCOColorVariant",
+      "is_main_component": false,
+      "is_primitive": false,
+      "is_struct_only_component": true,
+      "pascal_identifier": "ColorVariant",
+      "module_path": "pax_std::types",
+      "primitive_instance_import_path": null,
+      "template": null,
+      "settings": null,
+      "handlers": null,
+      "next_template_id": null
+    },
+    "pax_std::types::text::FontStyle": {
+      "type_id": "pax_std::types::text::FontStyle",
+      "type_id_escaped": "pax_stdCOCOtypesCOCOtextCOCOFontStyle",
+      "is_main_component": false,
+      "is_primitive": false,
+      "is_struct_only_component": true,
+      "pascal_identifier": "FontStyle",
+      "module_path": "pax_std::types::text",
+      "primitive_instance_import_path": null,
+      "template": null,
+      "settings": null,
+      "handlers": null,
+      "next_template_id": null
+    },
+    "pax_std::types::Stroke": {
+      "type_id": "pax_std::types::Stroke",
+      "type_id_escaped": "pax_stdCOCOtypesCOCOStroke",
+      "is_main_component": false,
+      "is_primitive": false,
+      "is_struct_only_component": true,
+      "pascal_identifier": "Stroke",
+      "module_path": "pax_std::types",
+      "primitive_instance_import_path": null,
+      "template": null,
+      "settings": null,
+      "handlers": null,
+      "next_template_id": null
+    },
+    "pax_std::types::LinearGradient": {
+      "type_id": "pax_std::types::LinearGradient",
+      "type_id_escaped": "pax_stdCOCOtypesCOCOLinearGradient",
+      "is_main_component": false,
+      "is_primitive": false,
+      "is_struct_only_component": true,
+      "pascal_identifier": "LinearGradient",
+      "module_path": "pax_std::types",
+      "primitive_instance_import_path": null,
       "template": null,
       "settings": null,
-      "handlers": null
+      "handlers": null,
+      "next_template_id": null
+    },
+    "pax_std::types::RadialGradient": {
+      "type_id": "pax_std::types::RadialGradient",
+      "type_id_escaped": "pax_stdCOCOtypesCOCORadialGradient",
+      "is_main_component": false,
+      "is_primitive": false,
+      "is_struct_only_component": true,
+      "pascal_identifier": "RadialGradient",
+      "module_path": "pax_std::types",
+      "primitive_instance_import_path": null,
+      "template": null,
+      "settings": null,
+      "handlers": null,
+      "next_template_id": null
     },
     "pax_std::primitives::Rectangle": {
       "type_id": "pax_std::primitives::Rectangle",
@@ -50,59 +151,78 @@
       "primitive_instance_import_path": "pax_std_primitives::rectangle::RectangleInstance",
       "template": null,
       "settings": null,
-      "handlers": null
+      "handlers": null,
+      "next_template_id": null
     },
-    "pax_std::primitives::Text": {
-      "type_id": "pax_std::primitives::Text",
-      "type_id_escaped": "pax_stdCOCOprimitivesCOCOText",
+    "pax_std::primitives::Group": {
+      "type_id": "pax_std::primitives::Group",
+      "type_id_escaped": "pax_stdCOCOprimitivesCOCOGroup",
       "is_main_component": false,
       "is_primitive": true,
       "is_struct_only_component": false,
-      "pascal_identifier": "Text",
+      "pascal_identifier": "Group",
       "module_path": "pax_std::primitives",
-      "primitive_instance_import_path": "pax_std_primitives::text::TextInstance",
+      "primitive_instance_import_path": "pax_std_primitives::group::GroupInstance",
       "template": null,
       "settings": null,
-      "handlers": null
+      "handlers": null,
+      "next_template_id": null
     },
-    "pax_std::types::RadialGradient": {
-      "type_id": "pax_std::types::RadialGradient",
-      "type_id_escaped": "pax_stdCOCOtypesCOCORadialGradient",
+    "pax_std::types::text::LocalFont": {
+      "type_id": "pax_std::types::text::LocalFont",
+      "type_id_escaped": "pax_stdCOCOtypesCOCOtextCOCOLocalFont",
       "is_main_component": false,
       "is_primitive": false,
       "is_struct_only_component": true,
-      "pascal_identifier": "RadialGradient",
-      "module_path": "pax_std::types",
+      "pascal_identifier": "LocalFont",
+      "module_path": "pax_std::types::text",
       "primitive_instance_import_path": null,
       "template": null,
       "settings": null,
-      "handlers": null
+      "handlers": null,
+      "next_template_id": null
     },
-    "pax_std::types::Fill": {
-      "type_id": "pax_std::types::Fill",
-      "type_id_escaped": "pax_stdCOCOtypesCOCOFill",
+    "pax_std::types::text::TextAlignHorizontal": {
+      "type_id": "pax_std::types::text::TextAlignHorizontal",
+      "type_id_escaped": "pax_stdCOCOtypesCOCOtextCOCOTextAlignHorizontal",
       "is_main_component": false,
       "is_primitive": false,
       "is_struct_only_component": true,
-      "pascal_identifier": "Fill",
-      "module_path": "pax_std::types",
+      "pascal_identifier": "TextAlignHorizontal",
+      "module_path": "pax_std::types::text",
       "primitive_instance_import_path": null,
       "template": null,
       "settings": null,
-      "handlers": null
+      "handlers": null,
+      "next_template_id": null
     },
-    "pax_std::types::RectangleCornerRadii": {
-      "type_id": "pax_std::types::RectangleCornerRadii",
-      "type_id_escaped": "pax_stdCOCOtypesCOCORectangleCornerRadii",
+    "pax_std::types::text::Font": {
+      "type_id": "pax_std::types::text::Font",
+      "type_id_escaped": "pax_stdCOCOtypesCOCOtextCOCOFont",
       "is_main_component": false,
       "is_primitive": false,
       "is_struct_only_component": true,
-      "pascal_identifier": "RectangleCornerRadii",
-      "module_path": "pax_std::types",
+      "pascal_identifier": "Font",
+      "module_path": "pax_std::types::text",
       "primitive_instance_import_path": null,
       "template": null,
       "settings": null,
-      "handlers": null
+      "handlers": null,
+      "next_template_id": null
+    },
+    "pax_std::primitives::Frame": {
+      "type_id": "pax_std::primitives::Frame",
+      "type_id_escaped": "pax_stdCOCOprimitivesCOCOFrame",
+      "is_main_component": false,
+      "is_primitive": true,
+      "is_struct_only_component": false,
+      "pascal_identifier": "Frame",
+      "module_path": "pax_std::primitives",
+      "primitive_instance_import_path": "pax_std_primitives::frame::FrameInstance",
+      "template": null,
+      "settings": null,
+      "handlers": null,
+      "next_template_id": null
     },
     "pax_std::stacker::Stacker": {
       "type_id": "pax_std::stacker::Stacker",
@@ -113,8 +233,39 @@
       "pascal_identifier": "Stacker",
       "module_path": "pax_std::stacker",
       "primitive_instance_import_path": null,
-      "template": [
-        {
+      "template": {
+        "3": {
+          "id": 3,
+          "child_ids": [],
+          "type_id": "SLOT",
+          "control_flow_settings": {
+            "condition_expression_paxel": null,
+            "condition_expression_vtable_id": null,
+            "slot_index_expression_paxel": {
+              "token_value": "(i) ",
+              "raw_value": "(i) ",
+              "token_type": "SlotExpression",
+              "source_line": "    > slot(i) < / Frame >",
+              "token_location": {
+                "start_line_col": [
+                  6,
+                  10
+                ],
+                "end_line_col": [
+                  6,
+                  14
+                ]
+              }
+            },
+            "slot_index_expression_vtable_id": null,
+            "repeat_predicate_definition": null,
+            "repeat_source_definition": null
+          },
+          "settings": null,
+          "pascal_identifier": "Slot",
+          "raw_comment_string": null
+        },
+        "0": {
           "id": 0,
           "child_ids": [
             1
@@ -125,7 +276,7 @@
           "pascal_identifier": "<UNREACHABLE>",
           "raw_comment_string": null
         },
-        {
+        "1": {
           "id": 1,
           "child_ids": [
             2
@@ -197,7 +348,7 @@
           "pascal_identifier": "Repeat",
           "raw_comment_string": null
         },
-        {
+        "2": {
           "id": 2,
           "child_ids": [
             3
@@ -331,39 +482,8 @@
           ],
           "pascal_identifier": "Frame",
           "raw_comment_string": null
-        },
-        {
-          "id": 3,
-          "child_ids": [],
-          "type_id": "SLOT",
-          "control_flow_settings": {
-            "condition_expression_paxel": null,
-            "condition_expression_vtable_id": null,
-            "slot_index_expression_paxel": {
-              "token_value": "(i) ",
-              "raw_value": "(i) ",
-              "token_type": "SlotExpression",
-              "source_line": "    > slot(i) < / Frame >",
-              "token_location": {
-                "start_line_col": [
-                  6,
-                  10
-                ],
-                "end_line_col": [
-                  6,
-                  14
-                ]
-              }
-            },
-            "slot_index_expression_vtable_id": null,
-            "repeat_predicate_definition": null,
-            "repeat_source_definition": null
-          },
-          "settings": null,
-          "pascal_identifier": "Slot",
-          "raw_comment_string": null
         }
-      ],
+      },
       "settings": [],
       "handlers": [
         {
@@ -404,46 +524,36 @@
             ]
           ]
         }
-      ]
+      ],
+      "next_template_id": 4
     },
-    "pax_std::types::GradientStop": {
-      "type_id": "pax_std::types::GradientStop",
-      "type_id_escaped": "pax_stdCOCOtypesCOCOGradientStop",
+    "pax_std::types::RectangleCornerRadii": {
+      "type_id": "pax_std::types::RectangleCornerRadii",
+      "type_id_escaped": "pax_stdCOCOtypesCOCORectangleCornerRadii",
       "is_main_component": false,
       "is_primitive": false,
       "is_struct_only_component": true,
-      "pascal_identifier": "GradientStop",
+      "pascal_identifier": "RectangleCornerRadii",
       "module_path": "pax_std::types",
       "primitive_instance_import_path": null,
       "template": null,
       "settings": null,
-      "handlers": null
+      "handlers": null,
+      "next_template_id": null
     },
-    "pax_std::types::Stroke": {
-      "type_id": "pax_std::types::Stroke",
-      "type_id_escaped": "pax_stdCOCOtypesCOCOStroke",
+    "pax_std::types::Fill": {
+      "type_id": "pax_std::types::Fill",
+      "type_id_escaped": "pax_stdCOCOtypesCOCOFill",
       "is_main_component": false,
       "is_primitive": false,
       "is_struct_only_component": true,
-      "pascal_identifier": "Stroke",
+      "pascal_identifier": "Fill",
       "module_path": "pax_std::types",
       "primitive_instance_import_path": null,
       "template": null,
       "settings": null,
-      "handlers": null
-    },
-    "pax_std::types::text::TextAlignVertical": {
-      "type_id": "pax_std::types::text::TextAlignVertical",
-      "type_id_escaped": "pax_stdCOCOtypesCOCOtextCOCOTextAlignVertical",
-      "is_main_component": false,
-      "is_primitive": false,
-      "is_struct_only_component": true,
-      "pascal_identifier": "TextAlignVertical",
-      "module_path": "pax_std::types::text",
-      "primitive_instance_import_path": null,
-      "template": null,
-      "settings": null,
-      "handlers": null
+      "handlers": null,
+      "next_template_id": null
     },
     "pax_std::types::text::FontWeight": {
       "type_id": "pax_std::types::text::FontWeight",
@@ -456,20 +566,8 @@
       "primitive_instance_import_path": null,
       "template": null,
       "settings": null,
-      "handlers": null
-    },
-    "pax_std::types::text::FontStyle": {
-      "type_id": "pax_std::types::text::FontStyle",
-      "type_id_escaped": "pax_stdCOCOtypesCOCOtextCOCOFontStyle",
-      "is_main_component": false,
-      "is_primitive": false,
-      "is_struct_only_component": true,
-      "pascal_identifier": "FontStyle",
-      "module_path": "pax_std::types::text",
-      "primitive_instance_import_path": null,
-      "template": null,
-      "settings": null,
-      "handlers": null
+      "handlers": null,
+      "next_template_id": null
     },
     "pax_std::primitives::Scroller": {
       "type_id": "pax_std::primitives::Scroller",
@@ -482,7 +580,8 @@
       "primitive_instance_import_path": "pax_std_primitives::scroller::ScrollerInstance",
       "template": null,
       "settings": null,
-      "handlers": null
+      "handlers": null,
+      "next_template_id": null
     },
     "pax_std::types::text::SystemFont": {
       "type_id": "pax_std::types::text::SystemFont",
@@ -495,46 +594,50 @@
       "primitive_instance_import_path": null,
       "template": null,
       "settings": null,
-      "handlers": null
+      "handlers": null,
+      "next_template_id": null
     },
-    "pax_std::types::text::TextAlignHorizontal": {
-      "type_id": "pax_std::types::text::TextAlignHorizontal",
-      "type_id_escaped": "pax_stdCOCOtypesCOCOtextCOCOTextAlignHorizontal",
+    "pax_std::types::GradientStop": {
+      "type_id": "pax_std::types::GradientStop",
+      "type_id_escaped": "pax_stdCOCOtypesCOCOGradientStop",
       "is_main_component": false,
       "is_primitive": false,
       "is_struct_only_component": true,
-      "pascal_identifier": "TextAlignHorizontal",
-      "module_path": "pax_std::types::text",
+      "pascal_identifier": "GradientStop",
+      "module_path": "pax_std::types",
       "primitive_instance_import_path": null,
       "template": null,
       "settings": null,
-      "handlers": null
+      "handlers": null,
+      "next_template_id": null
     },
-    "pax_std::primitives::Group": {
-      "type_id": "pax_std::primitives::Group",
-      "type_id_escaped": "pax_stdCOCOprimitivesCOCOGroup",
+    "pax_std::types::text::TextAlignVertical": {
+      "type_id": "pax_std::types::text::TextAlignVertical",
+      "type_id_escaped": "pax_stdCOCOtypesCOCOtextCOCOTextAlignVertical",
       "is_main_component": false,
-      "is_primitive": true,
-      "is_struct_only_component": false,
-      "pascal_identifier": "Group",
-      "module_path": "pax_std::primitives",
-      "primitive_instance_import_path": "pax_std_primitives::group::GroupInstance",
+      "is_primitive": false,
+      "is_struct_only_component": true,
+      "pascal_identifier": "TextAlignVertical",
+      "module_path": "pax_std::types::text",
+      "primitive_instance_import_path": null,
       "template": null,
       "settings": null,
-      "handlers": null
+      "handlers": null,
+      "next_template_id": null
     },
-    "pax_std::types::StackerDirection": {
-      "type_id": "pax_std::types::StackerDirection",
-      "type_id_escaped": "pax_stdCOCOtypesCOCOStackerDirection",
+    "pax_std::primitives::Image": {
+      "type_id": "pax_std::primitives::Image",
+      "type_id_escaped": "pax_stdCOCOprimitivesCOCOImage",
       "is_main_component": false,
-      "is_primitive": false,
-      "is_struct_only_component": true,
-      "pascal_identifier": "StackerDirection",
-      "module_path": "pax_std::types",
-      "primitive_instance_import_path": null,
+      "is_primitive": true,
+      "is_struct_only_component": false,
+      "pascal_identifier": "Image",
+      "module_path": "pax_std::primitives",
+      "primitive_instance_import_path": "pax_std_primitives::image::ImageInstance",
       "template": null,
       "settings": null,
-      "handlers": null
+      "handlers": null,
+      "next_template_id": null
     },
     "crate::WebsiteDesktop": {
       "type_id": "crate::WebsiteDesktop",
@@ -545,159 +648,139 @@
       "pascal_identifier": "WebsiteDesktop",
       "module_path": "crate",
       "primitive_instance_import_path": null,
-      "template": [
-        {
-          "id": 0,
-          "child_ids": [
-            1
-          ],
-          "type_id": "IMPLICIT_ROOT",
-          "control_flow_settings": null,
-          "settings": null,
-          "pascal_identifier": "<UNREACHABLE>",
-          "raw_comment_string": null
-        },
-        {
-          "id": 1,
-          "child_ids": [
-            2,
-            3,
-            11,
-            12
-          ],
-          "type_id": "pax_std::primitives::Frame",
+      "template": {
+        "10": {
+          "id": 10,
+          "child_ids": [],
+          "type_id": "pax_std::primitives::Rectangle",
           "control_flow_settings": null,
           "settings": [
             {
               "Setting": [
                 {
-                  "token_value": "width",
-                  "raw_value": "width",
+                  "token_value": "fill",
+                  "raw_value": "fill",
                   "token_type": "SettingKey",
-                  "source_line": "                         <Frame width=100% height=100%>",
+                  "source_line": "            fill={Fill::linearGradient(",
                   "token_location": {
                     "start_line_col": [
-                      1,
-                      32
+                      12,
+                      12
                     ],
                     "end_line_col": [
-                      1,
-                      37
+                      12,
+                      16
                     ]
                   }
                 },
                 {
-                  "LiteralValue": {
-                    "token_value": "Size::Percent(100.into())",
-                    "raw_value": "100%",
-                    "token_type": "LiteralValue",
-                    "source_line": "                         <Frame width=100% height=100%>",
-                    "token_location": {
-                      "start_line_col": [
-                        1,
-                        38
-                      ],
-                      "end_line_col": [
-                        1,
-                        42
-                      ]
-                    }
-                  }
+                  "Expression": [
+                    {
+                      "token_value": "Fill::linearGradient(\n                (0%, 50%),\n                (100%, 50%),\n                [GradientStop::get(Color::rgba(0.0,0.0,0.0,1.0), 0%), GradientStop::get(Color::rgba(0.0,0.0,0.0,0.5), 100%)])",
+                      "raw_value": "{Fill::linearGradient(\n                (0%, 50%),\n                (100%, 50%),\n                [GradientStop::get(Color::rgba(0.0,0.0,0.0,1.0), 0%), GradientStop::get(Color::rgba(0.0,0.0,0.0,0.5), 100%)])}",
+                      "token_type": "Expression",
+                      "source_line": "            fill={Fill::linearGradient(",
+                      "token_location": {
+                        "start_line_col": [
+                          12,
+                          18
+                        ],
+                        "end_line_col": [
+                          15,
+                          125
+                        ]
+                      }
+                    },
+                    null
+                  ]
                 }
               ]
             },
             {
               "Setting": [
                 {
-                  "token_value": "height",
-                  "raw_value": "height",
+                  "token_value": "corner_radii",
+                  "raw_value": "corner_radii",
                   "token_type": "SettingKey",
-                  "source_line": "                         <Frame width=100% height=100%>",
+                  "source_line": "            corner_radii={",
                   "token_location": {
                     "start_line_col": [
-                      1,
-                      43
+                      17,
+                      12
                     ],
                     "end_line_col": [
-                      1,
-                      49
+                      17,
+                      24
                     ]
                   }
                 },
                 {
-                  "LiteralValue": {
-                    "token_value": "Size::Percent(100.into())",
-                    "raw_value": "100%",
-                    "token_type": "LiteralValue",
-                    "source_line": "                         <Frame width=100% height=100%>",
-                    "token_location": {
-                      "start_line_col": [
-                        1,
-                        50
-                      ],
-                      "end_line_col": [
-                        1,
-                        54
-                      ]
-                    }
-                  }
+                  "Expression": [
+                    {
+                      "token_value": "RectangleCornerRadii::radii(50.0,50.0,50.0,50.0)\n            ",
+                      "raw_value": "{\n                RectangleCornerRadii::radii(50.0,50.0,50.0,50.0)\n            }",
+                      "token_type": "Expression",
+                      "source_line": "                RectangleCornerRadii::radii(50.0,50.0,50.0,50.0)",
+                      "token_location": {
+                        "start_line_col": [
+                          18,
+                          16
+                        ],
+                        "end_line_col": [
+                          19,
+                          12
+                        ]
+                      }
+                    },
+                    null
+                  ]
                 }
               ]
             }
           ],
-          "pascal_identifier": "Frame",
+          "pascal_identifier": "Rectangle",
           "raw_comment_string": null
         },
-        {
-          "id": 2,
-          "child_ids": [],
-          "type_id": "COMMENT",
-          "control_flow_settings": null,
-          "settings": null,
-          "pascal_identifier": "Comment",
-          "raw_comment_string": "// Nav fixed overlay\n"
-        },
-        {
-          "id": 3,
+        "12": {
+          "id": 12,
           "child_ids": [
-            4,
-            10
+            13
           ],
-          "type_id": "pax_std::primitives::Frame",
+          "type_id": "pax_std::primitives::Scroller",
           "control_flow_settings": null,
           "settings": [
             {
               "Setting": [
                 {
-                  "token_value": "x",
-                  "raw_value": "x",
+                  "token_value": "width",
+                  "raw_value": "width",
                   "token_type": "SettingKey",
-                  "source_line": "    <Frame x=50% y=90px width=80% height=75px anchor_x=50% anchor_y=50% >",
+                  "source_line": "    <Scroller width=100% height=100% size_inner_pane_x=100% size_inner_pane_y=5000px scroll_enabled_x=false scroll_enabled_y=true>",
                   "token_location": {
                     "start_line_col": [
-                      3,
-                      11
+                      24,
+                      14
                     ],
                     "end_line_col": [
-                      3,
-                      12
+                      24,
+                      19
                     ]
                   }
                 },
                 {
                   "LiteralValue": {
-                    "token_value": "Size::Percent(50.into())",
-                    "raw_value": "50%",
+                    "token_value": "Size::Percent(100.into())",
+                    "raw_value": "100%",
                     "token_type": "LiteralValue",
-                    "source_line": "    <Frame x=50% y=90px width=80% height=75px anchor_x=50% anchor_y=50% >",
+                    "source_line": "    <Scroller width=100% height=100% size_inner_pane_x=100% size_inner_pane_y=5000px scroll_enabled_x=false scroll_enabled_y=true>",
                     "token_location": {
                       "start_line_col": [
-                        3,
-                        13
+                        24,
+                        20
                       ],
                       "end_line_col": [
-                        3,
-                        16
+                        24,
+                        24
                       ]
                     }
                   }
@@ -707,35 +790,35 @@
             {
               "Setting": [
                 {
-                  "token_value": "y",
-                  "raw_value": "y",
+                  "token_value": "height",
+                  "raw_value": "height",
                   "token_type": "SettingKey",
-                  "source_line": "    <Frame x=50% y=90px width=80% height=75px anchor_x=50% anchor_y=50% >",
+                  "source_line": "    <Scroller width=100% height=100% size_inner_pane_x=100% size_inner_pane_y=5000px scroll_enabled_x=false scroll_enabled_y=true>",
                   "token_location": {
                     "start_line_col": [
-                      3,
-                      17
+                      24,
+                      25
                     ],
                     "end_line_col": [
-                      3,
-                      18
+                      24,
+                      31
                     ]
                   }
                 },
                 {
                   "LiteralValue": {
-                    "token_value": "Size::Pixels(90.into())",
-                    "raw_value": "90px",
+                    "token_value": "Size::Percent(100.into())",
+                    "raw_value": "100%",
                     "token_type": "LiteralValue",
-                    "source_line": "    <Frame x=50% y=90px width=80% height=75px anchor_x=50% anchor_y=50% >",
+                    "source_line": "    <Scroller width=100% height=100% size_inner_pane_x=100% size_inner_pane_y=5000px scroll_enabled_x=false scroll_enabled_y=true>",
                     "token_location": {
                       "start_line_col": [
-                        3,
-                        19
+                        24,
+                        32
                       ],
                       "end_line_col": [
-                        3,
-                        23
+                        24,
+                        36
                       ]
                     }
                   }
@@ -745,35 +828,35 @@
             {
               "Setting": [
                 {
-                  "token_value": "width",
-                  "raw_value": "width",
+                  "token_value": "size_inner_pane_x",
+                  "raw_value": "size_inner_pane_x",
                   "token_type": "SettingKey",
-                  "source_line": "    <Frame x=50% y=90px width=80% height=75px anchor_x=50% anchor_y=50% >",
+                  "source_line": "    <Scroller width=100% height=100% size_inner_pane_x=100% size_inner_pane_y=5000px scroll_enabled_x=false scroll_enabled_y=true>",
                   "token_location": {
                     "start_line_col": [
-                      3,
-                      24
+                      24,
+                      37
                     ],
                     "end_line_col": [
-                      3,
-                      29
+                      24,
+                      54
                     ]
                   }
                 },
                 {
                   "LiteralValue": {
-                    "token_value": "Size::Percent(80.into())",
-                    "raw_value": "80%",
+                    "token_value": "Size::Percent(100.into())",
+                    "raw_value": "100%",
                     "token_type": "LiteralValue",
-                    "source_line": "    <Frame x=50% y=90px width=80% height=75px anchor_x=50% anchor_y=50% >",
+                    "source_line": "    <Scroller width=100% height=100% size_inner_pane_x=100% size_inner_pane_y=5000px scroll_enabled_x=false scroll_enabled_y=true>",
                     "token_location": {
                       "start_line_col": [
-                        3,
-                        30
+                        24,
+                        55
                       ],
                       "end_line_col": [
-                        3,
-                        33
+                        24,
+                        59
                       ]
                     }
                   }
@@ -783,35 +866,35 @@
             {
               "Setting": [
                 {
-                  "token_value": "height",
-                  "raw_value": "height",
+                  "token_value": "size_inner_pane_y",
+                  "raw_value": "size_inner_pane_y",
                   "token_type": "SettingKey",
-                  "source_line": "    <Frame x=50% y=90px width=80% height=75px anchor_x=50% anchor_y=50% >",
+                  "source_line": "    <Scroller width=100% height=100% size_inner_pane_x=100% size_inner_pane_y=5000px scroll_enabled_x=false scroll_enabled_y=true>",
                   "token_location": {
                     "start_line_col": [
-                      3,
-                      34
+                      24,
+                      60
                     ],
                     "end_line_col": [
-                      3,
-                      40
+                      24,
+                      77
                     ]
                   }
                 },
                 {
                   "LiteralValue": {
-                    "token_value": "Size::Pixels(75.into())",
-                    "raw_value": "75px",
+                    "token_value": "Size::Pixels(5000.into())",
+                    "raw_value": "5000px",
                     "token_type": "LiteralValue",
-                    "source_line": "    <Frame x=50% y=90px width=80% height=75px anchor_x=50% anchor_y=50% >",
+                    "source_line": "    <Scroller width=100% height=100% size_inner_pane_x=100% size_inner_pane_y=5000px scroll_enabled_x=false scroll_enabled_y=true>",
                     "token_location": {
                       "start_line_col": [
-                        3,
-                        41
+                        24,
+                        78
                       ],
                       "end_line_col": [
-                        3,
-                        45
+                        24,
+                        84
                       ]
                     }
                   }
@@ -821,35 +904,35 @@
             {
               "Setting": [
                 {
-                  "token_value": "anchor_x",
-                  "raw_value": "anchor_x",
+                  "token_value": "scroll_enabled_x",
+                  "raw_value": "scroll_enabled_x",
                   "token_type": "SettingKey",
-                  "source_line": "    <Frame x=50% y=90px width=80% height=75px anchor_x=50% anchor_y=50% >",
+                  "source_line": "    <Scroller width=100% height=100% size_inner_pane_x=100% size_inner_pane_y=5000px scroll_enabled_x=false scroll_enabled_y=true>",
                   "token_location": {
                     "start_line_col": [
-                      3,
-                      46
+                      24,
+                      85
                     ],
                     "end_line_col": [
-                      3,
-                      54
+                      24,
+                      101
                     ]
                   }
                 },
                 {
                   "LiteralValue": {
-                    "token_value": "Size::Percent(50.into())",
-                    "raw_value": "50%",
+                    "token_value": "false",
+                    "raw_value": "false",
                     "token_type": "LiteralValue",
-                    "source_line": "    <Frame x=50% y=90px width=80% height=75px anchor_x=50% anchor_y=50% >",
+                    "source_line": "    <Scroller width=100% height=100% size_inner_pane_x=100% size_inner_pane_y=5000px scroll_enabled_x=false scroll_enabled_y=true>",
                     "token_location": {
                       "start_line_col": [
-                        3,
-                        55
+                        24,
+                        102
                       ],
                       "end_line_col": [
-                        3,
-                        58
+                        24,
+                        107
                       ]
                     }
                   }
@@ -859,35 +942,35 @@
             {
               "Setting": [
                 {
-                  "token_value": "anchor_y",
-                  "raw_value": "anchor_y",
+                  "token_value": "scroll_enabled_y",
+                  "raw_value": "scroll_enabled_y",
                   "token_type": "SettingKey",
-                  "source_line": "    <Frame x=50% y=90px width=80% height=75px anchor_x=50% anchor_y=50% >",
+                  "source_line": "    <Scroller width=100% height=100% size_inner_pane_x=100% size_inner_pane_y=5000px scroll_enabled_x=false scroll_enabled_y=true>",
                   "token_location": {
                     "start_line_col": [
-                      3,
-                      59
+                      24,
+                      108
                     ],
                     "end_line_col": [
-                      3,
-                      67
+                      24,
+                      124
                     ]
                   }
                 },
                 {
                   "LiteralValue": {
-                    "token_value": "Size::Percent(50.into())",
-                    "raw_value": "50%",
+                    "token_value": "true",
+                    "raw_value": "true",
                     "token_type": "LiteralValue",
-                    "source_line": "    <Frame x=50% y=90px width=80% height=75px anchor_x=50% anchor_y=50% >",
+                    "source_line": "    <Scroller width=100% height=100% size_inner_pane_x=100% size_inner_pane_y=5000px scroll_enabled_x=false scroll_enabled_y=true>",
                     "token_location": {
                       "start_line_col": [
-                        3,
-                        68
+                        24,
+                        125
                       ],
                       "end_line_col": [
-                        3,
-                        71
+                        24,
+                        129
                       ]
                     }
                   }
@@ -895,53 +978,47 @@
               ]
             }
           ],
-          "pascal_identifier": "Frame",
+          "pascal_identifier": "Scroller",
           "raw_comment_string": null
         },
-        {
-          "id": 4,
-          "child_ids": [
-            5,
-            6,
-            7,
-            8,
-            9
-          ],
-          "type_id": "pax_std::stacker::Stacker",
+        "17": {
+          "id": 17,
+          "child_ids": [],
+          "type_id": "pax_std::primitives::Text",
           "control_flow_settings": null,
           "settings": [
             {
               "Setting": [
                 {
-                  "token_value": "cells",
-                  "raw_value": "cells",
+                  "token_value": "text",
+                  "raw_value": "text",
                   "token_type": "SettingKey",
-                  "source_line": "         <Stacker cells=5 height=75px direction=StackerDirection::Horizontal gutter=8px>",
+                  "source_line": "                    <Text text=\"Pax is a user interface engine \\n for native apps & websites\" class=h1 />",
                   "token_location": {
                     "start_line_col": [
-                      4,
-                      18
+                      29,
+                      26
                     ],
                     "end_line_col": [
-                      4,
-                      23
+                      29,
+                      30
                     ]
                   }
                 },
                 {
                   "LiteralValue": {
-                    "token_value": "Numeric::from(5 )",
-                    "raw_value": "5 ",
+                    "token_value": "StringBox::from(\"Pax is a user interface engine \\n for native apps & websites\")",
+                    "raw_value": "\"Pax is a user interface engine \\n for native apps & websites\"",
                     "token_type": "LiteralValue",
-                    "source_line": "         <Stacker cells=5 height=75px direction=StackerDirection::Horizontal gutter=8px>",
+                    "source_line": "                    <Text text=\"Pax is a user interface engine \\n for native apps & websites\" class=h1 />",
                     "token_location": {
                       "start_line_col": [
-                        4,
-                        24
+                        29,
+                        31
                       ],
                       "end_line_col": [
-                        4,
-                        26
+                        29,
+                        93
                       ]
                     }
                   }
@@ -951,73 +1028,91 @@
             {
               "Setting": [
                 {
-                  "token_value": "height",
-                  "raw_value": "height",
+                  "token_value": "class",
+                  "raw_value": "class",
                   "token_type": "SettingKey",
-                  "source_line": "         <Stacker cells=5 height=75px direction=StackerDirection::Horizontal gutter=8px>",
+                  "source_line": "                    <Text text=\"Pax is a user interface engine \\n for native apps & websites\" class=h1 />",
                   "token_location": {
                     "start_line_col": [
-                      4,
-                      26
+                      29,
+                      94
                     ],
                     "end_line_col": [
-                      4,
-                      32
+                      29,
+                      99
                     ]
                   }
                 },
                 {
-                  "LiteralValue": {
-                    "token_value": "Size::Pixels(75.into())",
-                    "raw_value": "75px",
-                    "token_type": "LiteralValue",
-                    "source_line": "         <Stacker cells=5 height=75px direction=StackerDirection::Horizontal gutter=8px>",
-                    "token_location": {
-                      "start_line_col": [
-                        4,
-                        33
-                      ],
-                      "end_line_col": [
-                        4,
-                        37
-                      ]
-                    }
-                  }
+                  "Identifier": [
+                    {
+                      "token_value": "h1",
+                      "raw_value": "h1",
+                      "token_type": "Identifier",
+                      "source_line": "                    <Text text=\"Pax is a user interface engine \\n for native apps & websites\" class=h1 />",
+                      "token_location": {
+                        "start_line_col": [
+                          29,
+                          100
+                        ],
+                        "end_line_col": [
+                          29,
+                          102
+                        ]
+                      }
+                    },
+                    null
+                  ]
                 }
               ]
-            },
+            }
+          ],
+          "pascal_identifier": "Text",
+          "raw_comment_string": null
+        },
+        "1": {
+          "id": 1,
+          "child_ids": [
+            2,
+            3,
+            11,
+            12
+          ],
+          "type_id": "pax_std::primitives::Frame",
+          "control_flow_settings": null,
+          "settings": [
             {
               "Setting": [
                 {
-                  "token_value": "direction",
-                  "raw_value": "direction",
+                  "token_value": "width",
+                  "raw_value": "width",
                   "token_type": "SettingKey",
-                  "source_line": "         <Stacker cells=5 height=75px direction=StackerDirection::Horizontal gutter=8px>",
+                  "source_line": "                         <Frame width=100% height=100%>",
                   "token_location": {
                     "start_line_col": [
-                      4,
-                      38
+                      1,
+                      32
                     ],
                     "end_line_col": [
-                      4,
-                      47
+                      1,
+                      37
                     ]
                   }
                 },
                 {
                   "LiteralValue": {
-                    "token_value": "StackerDirection::Horizontal ",
-                    "raw_value": "StackerDirection::Horizontal ",
+                    "token_value": "Size::Percent(100.into())",
+                    "raw_value": "100%",
                     "token_type": "LiteralValue",
-                    "source_line": "         <Stacker cells=5 height=75px direction=StackerDirection::Horizontal gutter=8px>",
+                    "source_line": "                         <Frame width=100% height=100%>",
                     "token_location": {
                       "start_line_col": [
-                        4,
-                        48
+                        1,
+                        38
                       ],
                       "end_line_col": [
-                        4,
-                        77
+                        1,
+                        42
                       ]
                     }
                   }
@@ -1027,35 +1122,35 @@
             {
               "Setting": [
                 {
-                  "token_value": "gutter",
-                  "raw_value": "gutter",
+                  "token_value": "height",
+                  "raw_value": "height",
                   "token_type": "SettingKey",
-                  "source_line": "         <Stacker cells=5 height=75px direction=StackerDirection::Horizontal gutter=8px>",
+                  "source_line": "                         <Frame width=100% height=100%>",
                   "token_location": {
                     "start_line_col": [
-                      4,
-                      77
+                      1,
+                      43
                     ],
                     "end_line_col": [
-                      4,
-                      83
+                      1,
+                      49
                     ]
                   }
                 },
                 {
                   "LiteralValue": {
-                    "token_value": "Size::Pixels(8.into())",
-                    "raw_value": "8px",
+                    "token_value": "Size::Percent(100.into())",
+                    "raw_value": "100%",
                     "token_type": "LiteralValue",
-                    "source_line": "         <Stacker cells=5 height=75px direction=StackerDirection::Horizontal gutter=8px>",
+                    "source_line": "                         <Frame width=100% height=100%>",
                     "token_location": {
                       "start_line_col": [
-                        4,
-                        84
+                        1,
+                        50
                       ],
                       "end_line_col": [
-                        4,
-                        87
+                        1,
+                        54
                       ]
                     }
                   }
@@ -1063,47 +1158,47 @@
               ]
             }
           ],
-          "pascal_identifier": "Stacker",
+          "pascal_identifier": "Frame",
           "raw_comment_string": null
         },
-        {
-          "id": 5,
+        "25": {
+          "id": 25,
           "child_ids": [],
-          "type_id": "pax_std::primitives::Image",
+          "type_id": "pax_std::primitives::Text",
           "control_flow_settings": null,
           "settings": [
             {
               "Setting": [
                 {
-                  "token_value": "path",
-                  "raw_value": "path",
+                  "token_value": "text",
+                  "raw_value": "text",
                   "token_type": "SettingKey",
-                  "source_line": "            <Image path=\"assets/images/pax-logo-light.png\" width=125px height=42px y=50% anchor_y=50% x=20px />",
+                  "source_line": "                <Text text=\"Create and compose custom components into apps. Write application logic in Rust, while describing content & style in Pax’s declarative UI language.\" class=p2 />",
                   "token_location": {
                     "start_line_col": [
-                      5,
-                      19
+                      45,
+                      22
                     ],
                     "end_line_col": [
-                      5,
-                      23
+                      45,
+                      26
                     ]
                   }
                 },
                 {
                   "LiteralValue": {
-                    "token_value": "StringBox::from(\"assets/images/pax-logo-light.png\")",
-                    "raw_value": "\"assets/images/pax-logo-light.png\"",
+                    "token_value": "StringBox::from(\"Create and compose custom components into apps. Write application logic in Rust, while describing content & style in Pax’s declarative UI language.\")",
+                    "raw_value": "\"Create and compose custom components into apps. Write application logic in Rust, while describing content & style in Pax’s declarative UI language.\"",
                     "token_type": "LiteralValue",
-                    "source_line": "            <Image path=\"assets/images/pax-logo-light.png\" width=125px height=42px y=50% anchor_y=50% x=20px />",
+                    "source_line": "                <Text text=\"Create and compose custom components into apps. Write application logic in Rust, while describing content & style in Pax’s declarative UI language.\" class=p2 />",
                     "token_location": {
                       "start_line_col": [
-                        5,
-                        24
+                        45,
+                        27
                       ],
                       "end_line_col": [
-                        5,
-                        58
+                        45,
+                        176
                       ]
                     }
                   }
@@ -1113,73 +1208,90 @@
             {
               "Setting": [
                 {
-                  "token_value": "width",
-                  "raw_value": "width",
+                  "token_value": "class",
+                  "raw_value": "class",
                   "token_type": "SettingKey",
-                  "source_line": "            <Image path=\"assets/images/pax-logo-light.png\" width=125px height=42px y=50% anchor_y=50% x=20px />",
+                  "source_line": "                <Text text=\"Create and compose custom components into apps. Write application logic in Rust, while describing content & style in Pax’s declarative UI language.\" class=p2 />",
                   "token_location": {
                     "start_line_col": [
-                      5,
-                      59
+                      45,
+                      177
                     ],
                     "end_line_col": [
-                      5,
-                      64
+                      45,
+                      182
                     ]
                   }
                 },
                 {
-                  "LiteralValue": {
-                    "token_value": "Size::Pixels(125.into())",
-                    "raw_value": "125px",
-                    "token_type": "LiteralValue",
-                    "source_line": "            <Image path=\"assets/images/pax-logo-light.png\" width=125px height=42px y=50% anchor_y=50% x=20px />",
-                    "token_location": {
-                      "start_line_col": [
-                        5,
-                        65
-                      ],
-                      "end_line_col": [
-                        5,
-                        70
-                      ]
-                    }
-                  }
+                  "Identifier": [
+                    {
+                      "token_value": "p2",
+                      "raw_value": "p2",
+                      "token_type": "Identifier",
+                      "source_line": "                <Text text=\"Create and compose custom components into apps. Write application logic in Rust, while describing content & style in Pax’s declarative UI language.\" class=p2 />",
+                      "token_location": {
+                        "start_line_col": [
+                          45,
+                          183
+                        ],
+                        "end_line_col": [
+                          45,
+                          185
+                        ]
+                      }
+                    },
+                    null
+                  ]
                 }
               ]
-            },
+            }
+          ],
+          "pascal_identifier": "Text",
+          "raw_comment_string": null
+        },
+        "36": {
+          "id": 36,
+          "child_ids": [
+            37,
+            38,
+            39
+          ],
+          "type_id": "pax_std::stacker::Stacker",
+          "control_flow_settings": null,
+          "settings": [
             {
               "Setting": [
                 {
-                  "token_value": "height",
-                  "raw_value": "height",
+                  "token_value": "cells",
+                  "raw_value": "cells",
                   "token_type": "SettingKey",
-                  "source_line": "            <Image path=\"assets/images/pax-logo-light.png\" width=125px height=42px y=50% anchor_y=50% x=20px />",
+                  "source_line": "                <Stacker cells=3 direction=StackerDirection::Vertical gutter=10px sizes={[Option::Some(40%), Option::Some(20%), Option::None]} >",
                   "token_location": {
                     "start_line_col": [
-                      5,
-                      71
+                      72,
+                      25
                     ],
                     "end_line_col": [
-                      5,
-                      77
+                      72,
+                      30
                     ]
                   }
                 },
                 {
                   "LiteralValue": {
-                    "token_value": "Size::Pixels(42.into())",
-                    "raw_value": "42px",
+                    "token_value": "Numeric::from(3 )",
+                    "raw_value": "3 ",
                     "token_type": "LiteralValue",
-                    "source_line": "            <Image path=\"assets/images/pax-logo-light.png\" width=125px height=42px y=50% anchor_y=50% x=20px />",
+                    "source_line": "                <Stacker cells=3 direction=StackerDirection::Vertical gutter=10px sizes={[Option::Some(40%), Option::Some(20%), Option::None]} >",
                     "token_location": {
                       "start_line_col": [
-                        5,
-                        78
+                        72,
+                        31
                       ],
                       "end_line_col": [
-                        5,
-                        82
+                        72,
+                        33
                       ]
                     }
                   }
@@ -1189,35 +1301,35 @@
             {
               "Setting": [
                 {
-                  "token_value": "y",
-                  "raw_value": "y",
+                  "token_value": "direction",
+                  "raw_value": "direction",
                   "token_type": "SettingKey",
-                  "source_line": "            <Image path=\"assets/images/pax-logo-light.png\" width=125px height=42px y=50% anchor_y=50% x=20px />",
+                  "source_line": "                <Stacker cells=3 direction=StackerDirection::Vertical gutter=10px sizes={[Option::Some(40%), Option::Some(20%), Option::None]} >",
                   "token_location": {
                     "start_line_col": [
-                      5,
-                      83
+                      72,
+                      33
                     ],
                     "end_line_col": [
-                      5,
-                      84
+                      72,
+                      42
                     ]
                   }
                 },
                 {
                   "LiteralValue": {
-                    "token_value": "Size::Percent(50.into())",
-                    "raw_value": "50%",
+                    "token_value": "StackerDirection::Vertical ",
+                    "raw_value": "StackerDirection::Vertical ",
                     "token_type": "LiteralValue",
-                    "source_line": "            <Image path=\"assets/images/pax-logo-light.png\" width=125px height=42px y=50% anchor_y=50% x=20px />",
+                    "source_line": "                <Stacker cells=3 direction=StackerDirection::Vertical gutter=10px sizes={[Option::Some(40%), Option::Some(20%), Option::None]} >",
                     "token_location": {
                       "start_line_col": [
-                        5,
-                        85
+                        72,
+                        43
                       ],
                       "end_line_col": [
-                        5,
-                        88
+                        72,
+                        70
                       ]
                     }
                   }
@@ -1227,35 +1339,35 @@
             {
               "Setting": [
                 {
-                  "token_value": "anchor_y",
-                  "raw_value": "anchor_y",
+                  "token_value": "gutter",
+                  "raw_value": "gutter",
                   "token_type": "SettingKey",
-                  "source_line": "            <Image path=\"assets/images/pax-logo-light.png\" width=125px height=42px y=50% anchor_y=50% x=20px />",
+                  "source_line": "                <Stacker cells=3 direction=StackerDirection::Vertical gutter=10px sizes={[Option::Some(40%), Option::Some(20%), Option::None]} >",
                   "token_location": {
                     "start_line_col": [
-                      5,
-                      89
+                      72,
+                      70
                     ],
                     "end_line_col": [
-                      5,
-                      97
+                      72,
+                      76
                     ]
                   }
                 },
                 {
                   "LiteralValue": {
-                    "token_value": "Size::Percent(50.into())",
-                    "raw_value": "50%",
+                    "token_value": "Size::Pixels(10.into())",
+                    "raw_value": "10px",
                     "token_type": "LiteralValue",
-                    "source_line": "            <Image path=\"assets/images/pax-logo-light.png\" width=125px height=42px y=50% anchor_y=50% x=20px />",
+                    "source_line": "                <Stacker cells=3 direction=StackerDirection::Vertical gutter=10px sizes={[Option::Some(40%), Option::Some(20%), Option::None]} >",
                     "token_location": {
                       "start_line_col": [
-                        5,
-                        98
+                        72,
+                        77
                       ],
                       "end_line_col": [
-                        5,
-                        101
+                        72,
+                        81
                       ]
                     }
                   }
@@ -1265,47 +1377,50 @@
             {
               "Setting": [
                 {
-                  "token_value": "x",
-                  "raw_value": "x",
+                  "token_value": "sizes",
+                  "raw_value": "sizes",
                   "token_type": "SettingKey",
-                  "source_line": "            <Image path=\"assets/images/pax-logo-light.png\" width=125px height=42px y=50% anchor_y=50% x=20px />",
+                  "source_line": "                <Stacker cells=3 direction=StackerDirection::Vertical gutter=10px sizes={[Option::Some(40%), Option::Some(20%), Option::None]} >",
                   "token_location": {
                     "start_line_col": [
-                      5,
-                      102
+                      72,
+                      82
                     ],
                     "end_line_col": [
-                      5,
-                      103
+                      72,
+                      87
                     ]
                   }
                 },
                 {
-                  "LiteralValue": {
-                    "token_value": "Size::Pixels(20.into())",
-                    "raw_value": "20px",
-                    "token_type": "LiteralValue",
-                    "source_line": "            <Image path=\"assets/images/pax-logo-light.png\" width=125px height=42px y=50% anchor_y=50% x=20px />",
-                    "token_location": {
-                      "start_line_col": [
-                        5,
-                        104
-                      ],
-                      "end_line_col": [
-                        5,
-                        108
-                      ]
-                    }
-                  }
+                  "Expression": [
+                    {
+                      "token_value": "[Option::Some(40%), Option::Some(20%), Option::None]",
+                      "raw_value": "{[Option::Some(40%), Option::Some(20%), Option::None]}",
+                      "token_type": "Expression",
+                      "source_line": "                <Stacker cells=3 direction=StackerDirection::Vertical gutter=10px sizes={[Option::Some(40%), Option::Some(20%), Option::None]} >",
+                      "token_location": {
+                        "start_line_col": [
+                          72,
+                          89
+                        ],
+                        "end_line_col": [
+                          72,
+                          141
+                        ]
+                      }
+                    },
+                    null
+                  ]
                 }
               ]
             }
           ],
-          "pascal_identifier": "Image",
+          "pascal_identifier": "Stacker",
           "raw_comment_string": null
         },
-        {
-          "id": 6,
+        "39": {
+          "id": 39,
           "child_ids": [],
           "type_id": "pax_std::primitives::Text",
           "control_flow_settings": null,
@@ -1316,32 +1431,32 @@
                   "token_value": "text",
                   "raw_value": "text",
                   "token_type": "SettingKey",
-                  "source_line": "            <Text text=\"<a href='https://docs.pax.rs' target='_blank'>Docs</a>\" class=link />",
+                  "source_line": "                    <Text text=\"Animations render at up to 240 frames per second. Footprints are tiny: <100KB for WebAssembly and <500KB for native builds.\" class=p2 />",
                   "token_location": {
                     "start_line_col": [
-                      6,
-                      18
+                      75,
+                      26
                     ],
                     "end_line_col": [
-                      6,
-                      22
+                      75,
+                      30
                     ]
                   }
                 },
                 {
                   "LiteralValue": {
-                    "token_value": "StringBox::from(\"<a href='https://docs.pax.rs' target='_blank'>Docs</a>\")",
-                    "raw_value": "\"<a href='https://docs.pax.rs' target='_blank'>Docs</a>\"",
+                    "token_value": "StringBox::from(\"Animations render at up to 240 frames per second. Footprints are tiny: <100KB for WebAssembly and <500KB for native builds.\")",
+                    "raw_value": "\"Animations render at up to 240 frames per second. Footprints are tiny: <100KB for WebAssembly and <500KB for native builds.\"",
                     "token_type": "LiteralValue",
-                    "source_line": "            <Text text=\"<a href='https://docs.pax.rs' target='_blank'>Docs</a>\" class=link />",
+                    "source_line": "                    <Text text=\"Animations render at up to 240 frames per second. Footprints are tiny: <100KB for WebAssembly and <500KB for native builds.\" class=p2 />",
                     "token_location": {
                       "start_line_col": [
-                        6,
-                        23
+                        75,
+                        31
                       ],
                       "end_line_col": [
-                        6,
-                        79
+                        75,
+                        156
                       ]
                     }
                   }
@@ -1354,33 +1469,33 @@
                   "token_value": "class",
                   "raw_value": "class",
                   "token_type": "SettingKey",
-                  "source_line": "            <Text text=\"<a href='https://docs.pax.rs' target='_blank'>Docs</a>\" class=link />",
+                  "source_line": "                    <Text text=\"Animations render at up to 240 frames per second. Footprints are tiny: <100KB for WebAssembly and <500KB for native builds.\" class=p2 />",
                   "token_location": {
                     "start_line_col": [
-                      6,
-                      80
+                      75,
+                      157
                     ],
                     "end_line_col": [
-                      6,
-                      85
+                      75,
+                      162
                     ]
                   }
                 },
                 {
                   "Identifier": [
                     {
-                      "token_value": "link",
-                      "raw_value": "link",
+                      "token_value": "p2",
+                      "raw_value": "p2",
                       "token_type": "Identifier",
-                      "source_line": "            <Text text=\"<a href='https://docs.pax.rs' target='_blank'>Docs</a>\" class=link />",
+                      "source_line": "                    <Text text=\"Animations render at up to 240 frames per second. Footprints are tiny: <100KB for WebAssembly and <500KB for native builds.\" class=p2 />",
                       "token_location": {
                         "start_line_col": [
-                          6,
-                          86
+                          75,
+                          163
                         ],
                         "end_line_col": [
-                          6,
-                          90
+                          75,
+                          165
                         ]
                       }
                     },
@@ -1393,44 +1508,50 @@
           "pascal_identifier": "Text",
           "raw_comment_string": null
         },
-        {
-          "id": 7,
-          "child_ids": [],
-          "type_id": "pax_std::primitives::Text",
+        "13": {
+          "id": 13,
+          "child_ids": [
+            14,
+            20,
+            27,
+            34,
+            41
+          ],
+          "type_id": "pax_std::stacker::Stacker",
           "control_flow_settings": null,
           "settings": [
             {
               "Setting": [
                 {
-                  "token_value": "text",
-                  "raw_value": "text",
+                  "token_value": "cells",
+                  "raw_value": "cells",
                   "token_type": "SettingKey",
-                  "source_line": "            <Text text=\"<a href='https://www.github.com/pax-lang/pax' target='_blank'>Github</a>\" class=link />",
+                  "source_line": "        <Stacker cells=5 direction=StackerDirection::Vertical>",
                   "token_location": {
                     "start_line_col": [
-                      7,
-                      18
+                      25,
+                      17
                     ],
                     "end_line_col": [
-                      7,
+                      25,
                       22
                     ]
                   }
                 },
                 {
                   "LiteralValue": {
-                    "token_value": "StringBox::from(\"<a href='https://www.github.com/pax-lang/pax' target='_blank'>Github</a>\")",
-                    "raw_value": "\"<a href='https://www.github.com/pax-lang/pax' target='_blank'>Github</a>\"",
+                    "token_value": "Numeric::from(5 )",
+                    "raw_value": "5 ",
                     "token_type": "LiteralValue",
-                    "source_line": "            <Text text=\"<a href='https://www.github.com/pax-lang/pax' target='_blank'>Github</a>\" class=link />",
+                    "source_line": "        <Stacker cells=5 direction=StackerDirection::Vertical>",
                     "token_location": {
                       "start_line_col": [
-                        7,
+                        25,
                         23
                       ],
                       "end_line_col": [
-                        7,
-                        97
+                        25,
+                        25
                       ]
                     }
                   }
@@ -1440,86 +1561,83 @@
             {
               "Setting": [
                 {
-                  "token_value": "class",
-                  "raw_value": "class",
+                  "token_value": "direction",
+                  "raw_value": "direction",
                   "token_type": "SettingKey",
-                  "source_line": "            <Text text=\"<a href='https://www.github.com/pax-lang/pax' target='_blank'>Github</a>\" class=link />",
+                  "source_line": "        <Stacker cells=5 direction=StackerDirection::Vertical>",
                   "token_location": {
                     "start_line_col": [
-                      7,
-                      98
+                      25,
+                      25
                     ],
                     "end_line_col": [
-                      7,
-                      103
+                      25,
+                      34
                     ]
                   }
                 },
                 {
-                  "Identifier": [
-                    {
-                      "token_value": "link",
-                      "raw_value": "link",
-                      "token_type": "Identifier",
-                      "source_line": "            <Text text=\"<a href='https://www.github.com/pax-lang/pax' target='_blank'>Github</a>\" class=link />",
-                      "token_location": {
-                        "start_line_col": [
-                          7,
-                          104
-                        ],
-                        "end_line_col": [
-                          7,
-                          108
-                        ]
-                      }
-                    },
-                    null
-                  ]
+                  "LiteralValue": {
+                    "token_value": "StackerDirection::Vertical",
+                    "raw_value": "StackerDirection::Vertical",
+                    "token_type": "LiteralValue",
+                    "source_line": "        <Stacker cells=5 direction=StackerDirection::Vertical>",
+                    "token_location": {
+                      "start_line_col": [
+                        25,
+                        35
+                      ],
+                      "end_line_col": [
+                        25,
+                        61
+                      ]
+                    }
+                  }
                 }
               ]
             }
           ],
-          "pascal_identifier": "Text",
+          "pascal_identifier": "Stacker",
           "raw_comment_string": null
         },
-        {
-          "id": 8,
+        "19": {
+          "id": 19,
           "child_ids": [],
-          "type_id": "pax_std::primitives::Text",
+          "type_id": "pax_std::primitives::Rectangle",
           "control_flow_settings": null,
           "settings": [
             {
               "Setting": [
                 {
-                  "token_value": "text",
-                  "raw_value": "text",
+                  "token_value": "width",
+                  "raw_value": "width",
                   "token_type": "SettingKey",
-                  "source_line": "            <Text text=\"<a href='https://discord.gg/Eq8KWAUc6b' target='_blank'>Discord</a>\" class=link />",
+                  "source_line": "            <Rectangle width=100% height=100%",
                   "token_location": {
                     "start_line_col": [
-                      8,
-                      18
+                      33,
+                      23
                     ],
                     "end_line_col": [
-                      8,
-                      22
+                      33,
+                      28
                     ]
                   }
                 },
                 {
                   "LiteralValue": {
-                    "token_value": "StringBox::from(\"<a href='https://discord.gg/Eq8KWAUc6b' target='_blank'>Discord</a>\")",
-                    "raw_value": "\"<a href='https://discord.gg/Eq8KWAUc6b' target='_blank'>Discord</a>\"",
+                    "token_value": "Size::Percent(100.into())",
+                    "raw_value": "100%",
                     "token_type": "LiteralValue",
-                    "source_line": "            <Text text=\"<a href='https://discord.gg/Eq8KWAUc6b' target='_blank'>Discord</a>\" class=link />",
+                    "source_line": "            <Rectangle width=100% height=100%",
                     "token_location": {
                       "start_line_col": [
-                        8,
-                        23
+                        33,
+                        29
                       ],
                       "end_line_col": [
-                        8,
-                        92
+                        33,
+                        33
                       ]
                     }
                   }
@@ -1529,86 +1647,35 @@
             {
               "Setting": [
                 {
-                  "token_value": "class",
-                  "raw_value": "class",
-                  "token_type": "SettingKey",
-                  "source_line": "            <Text text=\"<a href='https://discord.gg/Eq8KWAUc6b' target='_blank'>Discord</a>\" class=link />",
-                  "token_location": {
-                    "start_line_col": [
-                      8,
-                      93
-                    ],
-                    "end_line_col": [
-                      8,
-                      98
-                    ]
-                  }
-                },
-                {
-                  "Identifier": [
-                    {
-                      "token_value": "link",
-                      "raw_value": "link",
-                      "token_type": "Identifier",
-                      "source_line": "            <Text text=\"<a href='https://discord.gg/Eq8KWAUc6b' target='_blank'>Discord</a>\" class=link />",
-                      "token_location": {
-                        "start_line_col": [
-                          8,
-                          99
-                        ],
-                        "end_line_col": [
-                          8,
-                          103
-                        ]
-                      }
-                    },
-                    null
-                  ]
-                }
-              ]
-            }
-          ],
-          "pascal_identifier": "Text",
-          "raw_comment_string": null
-        },
-        {
-          "id": 9,
-          "child_ids": [],
-          "type_id": "pax_std::primitives::Text",
-          "control_flow_settings": null,
-          "settings": [
-            {
-              "Setting": [
-                {
-                  "token_value": "text",
-                  "raw_value": "text",
+                  "token_value": "height",
+                  "raw_value": "height",
                   "token_type": "SettingKey",
-                  "source_line": "            <Text text=\"<a href='https://developing.pax.rs' target='_blank'>Blog</a>\" class=link />",
+                  "source_line": "            <Rectangle width=100% height=100%",
                   "token_location": {
                     "start_line_col": [
-                      9,
-                      18
+                      33,
+                      34
                     ],
                     "end_line_col": [
-                      9,
-                      22
+                      33,
+                      40
                     ]
                   }
                 },
                 {
                   "LiteralValue": {
-                    "token_value": "StringBox::from(\"<a href='https://developing.pax.rs' target='_blank'>Blog</a>\")",
-                    "raw_value": "\"<a href='https://developing.pax.rs' target='_blank'>Blog</a>\"",
+                    "token_value": "Size::Percent(100.into())",
+                    "raw_value": "100%",
                     "token_type": "LiteralValue",
-                    "source_line": "            <Text text=\"<a href='https://developing.pax.rs' target='_blank'>Blog</a>\" class=link />",
+                    "source_line": "            <Rectangle width=100% height=100%",
                     "token_location": {
                       "start_line_col": [
-                        9,
-                        23
+                        33,
+                        41
                       ],
                       "end_line_col": [
-                        9,
-                        85
+                        33,
+                        45
                       ]
                     }
                   }
@@ -1618,128 +1685,36 @@
             {
               "Setting": [
                 {
-                  "token_value": "class",
-                  "raw_value": "class",
+                  "token_value": "fill",
+                  "raw_value": "fill",
                   "token_type": "SettingKey",
-                  "source_line": "            <Text text=\"<a href='https://developing.pax.rs' target='_blank'>Blog</a>\" class=link />",
+                  "source_line": "                fill={Fill::linearGradient(",
                   "token_location": {
                     "start_line_col": [
-                      9,
-                      86
+                      34,
+                      16
                     ],
                     "end_line_col": [
-                      9,
-                      91
-                    ]
-                  }
-                },
-                {
-                  "Identifier": [
-                    {
-                      "token_value": "link",
-                      "raw_value": "link",
-                      "token_type": "Identifier",
-                      "source_line": "            <Text text=\"<a href='https://developing.pax.rs' target='_blank'>Blog</a>\" class=link />",
-                      "token_location": {
-                        "start_line_col": [
-                          9,
-                          92
-                        ],
-                        "end_line_col": [
-                          9,
-                          96
-                        ]
-                      }
-                    },
-                    null
-                  ]
-                }
-              ]
-            }
-          ],
-          "pascal_identifier": "Text",
-          "raw_comment_string": null
-        },
-        {
-          "id": 10,
-          "child_ids": [],
-          "type_id": "pax_std::primitives::Rectangle",
-          "control_flow_settings": null,
-          "settings": [
-            {
-              "Setting": [
-                {
-                  "token_value": "fill",
-                  "raw_value": "fill",
-                  "token_type": "SettingKey",
-                  "source_line": "            fill={Fill::linearGradient(",
-                  "token_location": {
-                    "start_line_col": [
-                      12,
-                      12
-                    ],
-                    "end_line_col": [
-                      12,
-                      16
-                    ]
-                  }
-                },
-                {
-                  "Expression": [
-                    {
-                      "token_value": "Fill::linearGradient(\n                (0%, 50%),\n                (100%, 50%),\n                [GradientStop::get(Color::rgba(0.0,0.0,0.0,1.0), 0%), GradientStop::get(Color::rgba(0.0,0.0,0.0,0.5), 100%)])",
-                      "raw_value": "{Fill::linearGradient(\n                (0%, 50%),\n                (100%, 50%),\n                [GradientStop::get(Color::rgba(0.0,0.0,0.0,1.0), 0%), GradientStop::get(Color::rgba(0.0,0.0,0.0,0.5), 100%)])}",
-                      "token_type": "Expression",
-                      "source_line": "            fill={Fill::linearGradient(",
-                      "token_location": {
-                        "start_line_col": [
-                          12,
-                          18
-                        ],
-                        "end_line_col": [
-                          15,
-                          125
-                        ]
-                      }
-                    },
-                    null
-                  ]
-                }
-              ]
-            },
-            {
-              "Setting": [
-                {
-                  "token_value": "corner_radii",
-                  "raw_value": "corner_radii",
-                  "token_type": "SettingKey",
-                  "source_line": "            corner_radii={",
-                  "token_location": {
-                    "start_line_col": [
-                      17,
-                      12
-                    ],
-                    "end_line_col": [
-                      17,
-                      24
+                      34,
+                      20
                     ]
                   }
                 },
                 {
                   "Expression": [
                     {
-                      "token_value": "RectangleCornerRadii::radii(50.0,50.0,50.0,50.0)\n            ",
-                      "raw_value": "{\n                RectangleCornerRadii::radii(50.0,50.0,50.0,50.0)\n            }",
+                      "token_value": "Fill::linearGradient(\n                    (0%, 0%),\n                    (100%, 100%),\n                    [GradientStop::get(Color::rgb(1.0,1.0,0.0), 0%), GradientStop::get(Color::rgb(1.0,0.0,1.0), 100%)])",
+                      "raw_value": "{Fill::linearGradient(\n                    (0%, 0%),\n                    (100%, 100%),\n                    [GradientStop::get(Color::rgb(1.0,1.0,0.0), 0%), GradientStop::get(Color::rgb(1.0,0.0,1.0), 100%)])}",
                       "token_type": "Expression",
-                      "source_line": "                RectangleCornerRadii::radii(50.0,50.0,50.0,50.0)",
+                      "source_line": "                fill={Fill::linearGradient(",
                       "token_location": {
                         "start_line_col": [
-                          18,
-                          16
+                          34,
+                          22
                         ],
                         "end_line_col": [
-                          19,
-                          12
+                          37,
+                          119
                         ]
                       }
                     },
@@ -1752,55 +1727,59 @@
           "pascal_identifier": "Rectangle",
           "raw_comment_string": null
         },
-        {
-          "id": 11,
-          "child_ids": [],
-          "type_id": "COMMENT",
+        "20": {
+          "id": 20,
+          "child_ids": [
+            21,
+            26
+          ],
+          "type_id": "pax_std::primitives::Group",
           "control_flow_settings": null,
           "settings": null,
-          "pascal_identifier": "Comment",
-          "raw_comment_string": "// Scrolling content pane\n"
+          "pascal_identifier": "Group",
+          "raw_comment_string": null
         },
-        {
-          "id": 12,
+        "16": {
+          "id": 16,
           "child_ids": [
-            13
+            17,
+            18
           ],
-          "type_id": "pax_std::primitives::Scroller",
+          "type_id": "pax_std::stacker::Stacker",
           "control_flow_settings": null,
           "settings": [
             {
               "Setting": [
                 {
-                  "token_value": "width",
-                  "raw_value": "width",
+                  "token_value": "cells",
+                  "raw_value": "cells",
                   "token_type": "SettingKey",
-                  "source_line": "    <Scroller width=100% height=100% size_inner_pane_x=100% size_inner_pane_y=5000px scroll_enabled_x=false scroll_enabled_y=true>",
+                  "source_line": "                <Stacker cells=2 direction=StackerDirection::Vertical gutter=20px sizes={[Option::Some(70%), Option::None]} >",
                   "token_location": {
                     "start_line_col": [
-                      24,
-                      14
+                      28,
+                      25
                     ],
                     "end_line_col": [
-                      24,
-                      19
+                      28,
+                      30
                     ]
                   }
                 },
                 {
                   "LiteralValue": {
-                    "token_value": "Size::Percent(100.into())",
-                    "raw_value": "100%",
+                    "token_value": "Numeric::from(2 )",
+                    "raw_value": "2 ",
                     "token_type": "LiteralValue",
-                    "source_line": "    <Scroller width=100% height=100% size_inner_pane_x=100% size_inner_pane_y=5000px scroll_enabled_x=false scroll_enabled_y=true>",
+                    "source_line": "                <Stacker cells=2 direction=StackerDirection::Vertical gutter=20px sizes={[Option::Some(70%), Option::None]} >",
                     "token_location": {
                       "start_line_col": [
-                        24,
-                        20
+                        28,
+                        31
                       ],
                       "end_line_col": [
-                        24,
-                        24
+                        28,
+                        33
                       ]
                     }
                   }
@@ -1810,35 +1789,35 @@
             {
               "Setting": [
                 {
-                  "token_value": "height",
-                  "raw_value": "height",
+                  "token_value": "direction",
+                  "raw_value": "direction",
                   "token_type": "SettingKey",
-                  "source_line": "    <Scroller width=100% height=100% size_inner_pane_x=100% size_inner_pane_y=5000px scroll_enabled_x=false scroll_enabled_y=true>",
+                  "source_line": "                <Stacker cells=2 direction=StackerDirection::Vertical gutter=20px sizes={[Option::Some(70%), Option::None]} >",
                   "token_location": {
                     "start_line_col": [
-                      24,
-                      25
+                      28,
+                      33
                     ],
                     "end_line_col": [
-                      24,
-                      31
+                      28,
+                      42
                     ]
                   }
                 },
                 {
                   "LiteralValue": {
-                    "token_value": "Size::Percent(100.into())",
-                    "raw_value": "100%",
+                    "token_value": "StackerDirection::Vertical ",
+                    "raw_value": "StackerDirection::Vertical ",
                     "token_type": "LiteralValue",
-                    "source_line": "    <Scroller width=100% height=100% size_inner_pane_x=100% size_inner_pane_y=5000px scroll_enabled_x=false scroll_enabled_y=true>",
+                    "source_line": "                <Stacker cells=2 direction=StackerDirection::Vertical gutter=20px sizes={[Option::Some(70%), Option::None]} >",
                     "token_location": {
                       "start_line_col": [
-                        24,
-                        32
+                        28,
+                        43
                       ],
                       "end_line_col": [
-                        24,
-                        36
+                        28,
+                        70
                       ]
                     }
                   }
@@ -1848,35 +1827,35 @@
             {
               "Setting": [
                 {
-                  "token_value": "size_inner_pane_x",
-                  "raw_value": "size_inner_pane_x",
+                  "token_value": "gutter",
+                  "raw_value": "gutter",
                   "token_type": "SettingKey",
-                  "source_line": "    <Scroller width=100% height=100% size_inner_pane_x=100% size_inner_pane_y=5000px scroll_enabled_x=false scroll_enabled_y=true>",
+                  "source_line": "                <Stacker cells=2 direction=StackerDirection::Vertical gutter=20px sizes={[Option::Some(70%), Option::None]} >",
                   "token_location": {
                     "start_line_col": [
-                      24,
-                      37
+                      28,
+                      70
                     ],
                     "end_line_col": [
-                      24,
-                      54
+                      28,
+                      76
                     ]
                   }
                 },
                 {
                   "LiteralValue": {
-                    "token_value": "Size::Percent(100.into())",
-                    "raw_value": "100%",
+                    "token_value": "Size::Pixels(20.into())",
+                    "raw_value": "20px",
                     "token_type": "LiteralValue",
-                    "source_line": "    <Scroller width=100% height=100% size_inner_pane_x=100% size_inner_pane_y=5000px scroll_enabled_x=false scroll_enabled_y=true>",
+                    "source_line": "                <Stacker cells=2 direction=StackerDirection::Vertical gutter=20px sizes={[Option::Some(70%), Option::None]} >",
                     "token_location": {
                       "start_line_col": [
-                        24,
-                        55
+                        28,
+                        77
                       ],
                       "end_line_col": [
-                        24,
-                        59
+                        28,
+                        81
                       ]
                     }
                   }
@@ -1886,165 +1865,128 @@
             {
               "Setting": [
                 {
-                  "token_value": "size_inner_pane_y",
-                  "raw_value": "size_inner_pane_y",
+                  "token_value": "sizes",
+                  "raw_value": "sizes",
                   "token_type": "SettingKey",
-                  "source_line": "    <Scroller width=100% height=100% size_inner_pane_x=100% size_inner_pane_y=5000px scroll_enabled_x=false scroll_enabled_y=true>",
+                  "source_line": "                <Stacker cells=2 direction=StackerDirection::Vertical gutter=20px sizes={[Option::Some(70%), Option::None]} >",
                   "token_location": {
                     "start_line_col": [
-                      24,
-                      60
+                      28,
+                      82
                     ],
                     "end_line_col": [
-                      24,
-                      77
+                      28,
+                      87
                     ]
                   }
                 },
                 {
-                  "LiteralValue": {
-                    "token_value": "Size::Pixels(5000.into())",
-                    "raw_value": "5000px",
-                    "token_type": "LiteralValue",
-                    "source_line": "    <Scroller width=100% height=100% size_inner_pane_x=100% size_inner_pane_y=5000px scroll_enabled_x=false scroll_enabled_y=true>",
-                    "token_location": {
-                      "start_line_col": [
-                        24,
-                        78
-                      ],
-                      "end_line_col": [
-                        24,
-                        84
-                      ]
-                    }
-                  }
-                }
-              ]
-            },
-            {
-              "Setting": [
-                {
-                  "token_value": "scroll_enabled_x",
-                  "raw_value": "scroll_enabled_x",
-                  "token_type": "SettingKey",
-                  "source_line": "    <Scroller width=100% height=100% size_inner_pane_x=100% size_inner_pane_y=5000px scroll_enabled_x=false scroll_enabled_y=true>",
-                  "token_location": {
-                    "start_line_col": [
-                      24,
-                      85
-                    ],
-                    "end_line_col": [
-                      24,
-                      101
-                    ]
-                  }
-                },
-                {
-                  "LiteralValue": {
-                    "token_value": "false",
-                    "raw_value": "false",
-                    "token_type": "LiteralValue",
-                    "source_line": "    <Scroller width=100% height=100% size_inner_pane_x=100% size_inner_pane_y=5000px scroll_enabled_x=false scroll_enabled_y=true>",
-                    "token_location": {
-                      "start_line_col": [
-                        24,
-                        102
-                      ],
-                      "end_line_col": [
-                        24,
-                        107
-                      ]
-                    }
-                  }
+                  "Expression": [
+                    {
+                      "token_value": "[Option::Some(70%), Option::None]",
+                      "raw_value": "{[Option::Some(70%), Option::None]}",
+                      "token_type": "Expression",
+                      "source_line": "                <Stacker cells=2 direction=StackerDirection::Vertical gutter=20px sizes={[Option::Some(70%), Option::None]} >",
+                      "token_location": {
+                        "start_line_col": [
+                          28,
+                          89
+                        ],
+                        "end_line_col": [
+                          28,
+                          122
+                        ]
+                      }
+                    },
+                    null
+                  ]
                 }
               ]
-            },
+            }
+          ],
+          "pascal_identifier": "Stacker",
+          "raw_comment_string": null
+        },
+        "29": {
+          "id": 29,
+          "child_ids": [
+            30,
+            31,
+            32
+          ],
+          "type_id": "pax_std::stacker::Stacker",
+          "control_flow_settings": null,
+          "settings": [
             {
               "Setting": [
                 {
-                  "token_value": "scroll_enabled_y",
-                  "raw_value": "scroll_enabled_y",
+                  "token_value": "cells",
+                  "raw_value": "cells",
                   "token_type": "SettingKey",
-                  "source_line": "    <Scroller width=100% height=100% size_inner_pane_x=100% size_inner_pane_y=5000px scroll_enabled_x=false scroll_enabled_y=true>",
+                  "source_line": "        <Stacker cells=3 direction=StackerDirection::Vertical gutter=10px sizes={[Option::Some(40%), Option::Some(40%), Option::None]} >",
                   "token_location": {
                     "start_line_col": [
-                      24,
-                      108
+                      57,
+                      17
                     ],
                     "end_line_col": [
-                      24,
-                      124
+                      57,
+                      22
                     ]
                   }
                 },
                 {
                   "LiteralValue": {
-                    "token_value": "true",
-                    "raw_value": "true",
+                    "token_value": "Numeric::from(3 )",
+                    "raw_value": "3 ",
                     "token_type": "LiteralValue",
-                    "source_line": "    <Scroller width=100% height=100% size_inner_pane_x=100% size_inner_pane_y=5000px scroll_enabled_x=false scroll_enabled_y=true>",
+                    "source_line": "        <Stacker cells=3 direction=StackerDirection::Vertical gutter=10px sizes={[Option::Some(40%), Option::Some(40%), Option::None]} >",
                     "token_location": {
                       "start_line_col": [
-                        24,
-                        125
+                        57,
+                        23
                       ],
                       "end_line_col": [
-                        24,
-                        129
+                        57,
+                        25
                       ]
                     }
                   }
                 }
               ]
-            }
-          ],
-          "pascal_identifier": "Scroller",
-          "raw_comment_string": null
-        },
-        {
-          "id": 13,
-          "child_ids": [
-            14,
-            20,
-            27,
-            34,
-            41
-          ],
-          "type_id": "pax_std::stacker::Stacker",
-          "control_flow_settings": null,
-          "settings": [
+            },
             {
               "Setting": [
                 {
-                  "token_value": "cells",
-                  "raw_value": "cells",
+                  "token_value": "direction",
+                  "raw_value": "direction",
                   "token_type": "SettingKey",
-                  "source_line": "        <Stacker cells=5 direction=StackerDirection::Vertical>",
+                  "source_line": "        <Stacker cells=3 direction=StackerDirection::Vertical gutter=10px sizes={[Option::Some(40%), Option::Some(40%), Option::None]} >",
                   "token_location": {
                     "start_line_col": [
-                      25,
-                      17
+                      57,
+                      25
                     ],
                     "end_line_col": [
-                      25,
-                      22
+                      57,
+                      34
                     ]
                   }
                 },
                 {
                   "LiteralValue": {
-                    "token_value": "Numeric::from(5 )",
-                    "raw_value": "5 ",
+                    "token_value": "StackerDirection::Vertical ",
+                    "raw_value": "StackerDirection::Vertical ",
                     "token_type": "LiteralValue",
-                    "source_line": "        <Stacker cells=5 direction=StackerDirection::Vertical>",
+                    "source_line": "        <Stacker cells=3 direction=StackerDirection::Vertical gutter=10px sizes={[Option::Some(40%), Option::Some(40%), Option::None]} >",
                     "token_location": {
                       "start_line_col": [
-                        25,
-                        23
+                        57,
+                        35
                       ],
                       "end_line_col": [
-                        25,
-                        25
+                        57,
+                        62
                       ]
                     }
                   }
@@ -2054,98 +1996,74 @@
             {
               "Setting": [
                 {
-                  "token_value": "direction",
-                  "raw_value": "direction",
+                  "token_value": "gutter",
+                  "raw_value": "gutter",
                   "token_type": "SettingKey",
-                  "source_line": "        <Stacker cells=5 direction=StackerDirection::Vertical>",
+                  "source_line": "        <Stacker cells=3 direction=StackerDirection::Vertical gutter=10px sizes={[Option::Some(40%), Option::Some(40%), Option::None]} >",
                   "token_location": {
                     "start_line_col": [
-                      25,
-                      25
+                      57,
+                      62
                     ],
                     "end_line_col": [
-                      25,
-                      34
+                      57,
+                      68
                     ]
                   }
                 },
                 {
                   "LiteralValue": {
-                    "token_value": "StackerDirection::Vertical",
-                    "raw_value": "StackerDirection::Vertical",
+                    "token_value": "Size::Pixels(10.into())",
+                    "raw_value": "10px",
                     "token_type": "LiteralValue",
-                    "source_line": "        <Stacker cells=5 direction=StackerDirection::Vertical>",
+                    "source_line": "        <Stacker cells=3 direction=StackerDirection::Vertical gutter=10px sizes={[Option::Some(40%), Option::Some(40%), Option::None]} >",
                     "token_location": {
                       "start_line_col": [
-                        25,
-                        35
+                        57,
+                        69
                       ],
                       "end_line_col": [
-                        25,
-                        61
+                        57,
+                        73
                       ]
                     }
                   }
                 }
               ]
-            }
-          ],
-          "pascal_identifier": "Stacker",
-          "raw_comment_string": null
-        },
-        {
-          "id": 14,
-          "child_ids": [
-            15,
-            19
-          ],
-          "type_id": "pax_std::primitives::Group",
-          "control_flow_settings": null,
-          "settings": null,
-          "pascal_identifier": "Group",
-          "raw_comment_string": null
-        },
-        {
-          "id": 15,
-          "child_ids": [
-            16
-          ],
-          "type_id": "pax_std::primitives::Frame",
-          "control_flow_settings": null,
-          "settings": [
+            },
             {
               "Setting": [
                 {
-                  "token_value": "id",
-                  "raw_value": "id",
+                  "token_value": "sizes",
+                  "raw_value": "sizes",
                   "token_type": "SettingKey",
-                  "source_line": "            <Frame id=f1>",
+                  "source_line": "        <Stacker cells=3 direction=StackerDirection::Vertical gutter=10px sizes={[Option::Some(40%), Option::Some(40%), Option::None]} >",
                   "token_location": {
                     "start_line_col": [
-                      27,
-                      19
+                      57,
+                      74
                     ],
                     "end_line_col": [
-                      27,
-                      21
+                      57,
+                      79
                     ]
                   }
                 },
                 {
-                  "Identifier": [
+                  "Expression": [
                     {
-                      "token_value": "f1",
-                      "raw_value": "f1",
-                      "token_type": "Identifier",
-                      "source_line": "            <Frame id=f1>",
+                      "token_value": "[Option::Some(40%), Option::Some(40%), Option::None]",
+                      "raw_value": "{[Option::Some(40%), Option::Some(40%), Option::None]}",
+                      "token_type": "Expression",
+                      "source_line": "        <Stacker cells=3 direction=StackerDirection::Vertical gutter=10px sizes={[Option::Some(40%), Option::Some(40%), Option::None]} >",
                       "token_location": {
                         "start_line_col": [
-                          27,
-                          22
+                          57,
+                          81
                         ],
                         "end_line_col": [
-                          27,
-                          24
+                          57,
+                          133
                         ]
                       }
                     },
@@ -2155,14 +2073,17 @@
               ]
             }
           ],
-          "pascal_identifier": "Frame",
+          "pascal_identifier": "Stacker",
           "raw_comment_string": null
         },
-        {
-          "id": 16,
+        "4": {
+          "id": 4,
           "child_ids": [
-            17,
-            18
+            5,
+            6,
+            7,
+            8,
+            9
           ],
           "type_id": "pax_std::stacker::Stacker",
           "control_flow_settings": null,
@@ -2173,32 +2094,32 @@
                   "token_value": "cells",
                   "raw_value": "cells",
                   "token_type": "SettingKey",
-                  "source_line": "                <Stacker cells=2 direction=StackerDirection::Vertical gutter=20px sizes={[Option::Some(70%), Option::None]} >",
+                  "source_line": "         <Stacker cells=5 height=75px direction=StackerDirection::Horizontal gutter=8px>",
                   "token_location": {
                     "start_line_col": [
-                      28,
-                      25
+                      4,
+                      18
                     ],
                     "end_line_col": [
-                      28,
-                      30
+                      4,
+                      23
                     ]
                   }
                 },
                 {
                   "LiteralValue": {
-                    "token_value": "Numeric::from(2 )",
-                    "raw_value": "2 ",
+                    "token_value": "Numeric::from(5 )",
+                    "raw_value": "5 ",
                     "token_type": "LiteralValue",
-                    "source_line": "                <Stacker cells=2 direction=StackerDirection::Vertical gutter=20px sizes={[Option::Some(70%), Option::None]} >",
+                    "source_line": "         <Stacker cells=5 height=75px direction=StackerDirection::Horizontal gutter=8px>",
                     "token_location": {
                       "start_line_col": [
-                        28,
-                        31
+                        4,
+                        24
                       ],
                       "end_line_col": [
-                        28,
-                        33
+                        4,
+                        26
                       ]
                     }
                   }
@@ -2208,35 +2129,35 @@
             {
               "Setting": [
                 {
-                  "token_value": "direction",
-                  "raw_value": "direction",
+                  "token_value": "height",
+                  "raw_value": "height",
                   "token_type": "SettingKey",
-                  "source_line": "                <Stacker cells=2 direction=StackerDirection::Vertical gutter=20px sizes={[Option::Some(70%), Option::None]} >",
+                  "source_line": "         <Stacker cells=5 height=75px direction=StackerDirection::Horizontal gutter=8px>",
                   "token_location": {
                     "start_line_col": [
-                      28,
-                      33
+                      4,
+                      26
                     ],
                     "end_line_col": [
-                      28,
-                      42
+                      4,
+                      32
                     ]
                   }
                 },
                 {
                   "LiteralValue": {
-                    "token_value": "StackerDirection::Vertical ",
-                    "raw_value": "StackerDirection::Vertical ",
+                    "token_value": "Size::Pixels(75.into())",
+                    "raw_value": "75px",
                     "token_type": "LiteralValue",
-                    "source_line": "                <Stacker cells=2 direction=StackerDirection::Vertical gutter=20px sizes={[Option::Some(70%), Option::None]} >",
+                    "source_line": "         <Stacker cells=5 height=75px direction=StackerDirection::Horizontal gutter=8px>",
                     "token_location": {
                       "start_line_col": [
-                        28,
-                        43
+                        4,
+                        33
                       ],
                       "end_line_col": [
-                        28,
-                        70
+                        4,
+                        37
                       ]
                     }
                   }
@@ -2246,35 +2167,35 @@
             {
               "Setting": [
                 {
-                  "token_value": "gutter",
-                  "raw_value": "gutter",
+                  "token_value": "direction",
+                  "raw_value": "direction",
                   "token_type": "SettingKey",
-                  "source_line": "                <Stacker cells=2 direction=StackerDirection::Vertical gutter=20px sizes={[Option::Some(70%), Option::None]} >",
+                  "source_line": "         <Stacker cells=5 height=75px direction=StackerDirection::Horizontal gutter=8px>",
                   "token_location": {
                     "start_line_col": [
-                      28,
-                      70
+                      4,
+                      38
                     ],
                     "end_line_col": [
-                      28,
-                      76
+                      4,
+                      47
                     ]
                   }
                 },
                 {
                   "LiteralValue": {
-                    "token_value": "Size::Pixels(20.into())",
-                    "raw_value": "20px",
+                    "token_value": "StackerDirection::Horizontal ",
+                    "raw_value": "StackerDirection::Horizontal ",
                     "token_type": "LiteralValue",
-                    "source_line": "                <Stacker cells=2 direction=StackerDirection::Vertical gutter=20px sizes={[Option::Some(70%), Option::None]} >",
+                    "source_line": "         <Stacker cells=5 height=75px direction=StackerDirection::Horizontal gutter=8px>",
                     "token_location": {
                       "start_line_col": [
-                        28,
-                        77
+                        4,
+                        48
                       ],
                       "end_line_col": [
-                        28,
-                        81
+                        4,
+                        77
                       ]
                     }
                   }
@@ -2284,41 +2205,38 @@
             {
               "Setting": [
                 {
-                  "token_value": "sizes",
-                  "raw_value": "sizes",
+                  "token_value": "gutter",
+                  "raw_value": "gutter",
                   "token_type": "SettingKey",
-                  "source_line": "                <Stacker cells=2 direction=StackerDirection::Vertical gutter=20px sizes={[Option::Some(70%), Option::None]} >",
+                  "source_line": "         <Stacker cells=5 height=75px direction=StackerDirection::Horizontal gutter=8px>",
                   "token_location": {
                     "start_line_col": [
-                      28,
-                      82
+                      4,
+                      77
                     ],
                     "end_line_col": [
-                      28,
-                      87
+                      4,
+                      83
                     ]
                   }
                 },
                 {
-                  "Expression": [
-                    {
-                      "token_value": "[Option::Some(70%), Option::None]",
-                      "raw_value": "{[Option::Some(70%), Option::None]}",
-                      "token_type": "Expression",
-                      "source_line": "                <Stacker cells=2 direction=StackerDirection::Vertical gutter=20px sizes={[Option::Some(70%), Option::None]} >",
-                      "token_location": {
-                        "start_line_col": [
-                          28,
-                          89
-                        ],
-                        "end_line_col": [
-                          28,
-                          122
-                        ]
-                      }
-                    },
-                    null
-                  ]
+                  "LiteralValue": {
+                    "token_value": "Size::Pixels(8.into())",
+                    "raw_value": "8px",
+                    "token_type": "LiteralValue",
+                    "source_line": "         <Stacker cells=5 height=75px direction=StackerDirection::Horizontal gutter=8px>",
+                    "token_location": {
+                      "start_line_col": [
+                        4,
+                        84
+                      ],
+                      "end_line_col": [
+                        4,
+                        87
+                      ]
+                    }
+                  }
                 }
               ]
             }
@@ -2326,8 +2244,8 @@
           "pascal_identifier": "Stacker",
           "raw_comment_string": null
         },
-        {
-          "id": 17,
+        "37": {
+          "id": 37,
           "child_ids": [],
           "type_id": "pax_std::primitives::Text",
           "control_flow_settings": null,
@@ -2338,32 +2256,32 @@
                   "token_value": "text",
                   "raw_value": "text",
                   "token_type": "SettingKey",
-                  "source_line": "                    <Text text=\"Pax is a user interface engine \\n for native apps & websites\" class=h1 />",
+                  "source_line": "                    <Text text=\"FAST & LIGHTWEIGHT\" class=h2/>",
                   "token_location": {
                     "start_line_col": [
-                      29,
+                      73,
                       26
                     ],
                     "end_line_col": [
-                      29,
+                      73,
                       30
                     ]
                   }
                 },
                 {
                   "LiteralValue": {
-                    "token_value": "StringBox::from(\"Pax is a user interface engine \\n for native apps & websites\")",
-                    "raw_value": "\"Pax is a user interface engine \\n for native apps & websites\"",
+                    "token_value": "StringBox::from(\"FAST & LIGHTWEIGHT\")",
+                    "raw_value": "\"FAST & LIGHTWEIGHT\"",
                     "token_type": "LiteralValue",
-                    "source_line": "                    <Text text=\"Pax is a user interface engine \\n for native apps & websites\" class=h1 />",
+                    "source_line": "                    <Text text=\"FAST & LIGHTWEIGHT\" class=h2/>",
                     "token_location": {
                       "start_line_col": [
-                        29,
+                        73,
                         31
                       ],
                       "end_line_col": [
-                        29,
-                        93
+                        73,
+                        51
                       ]
                     }
                   }
@@ -2376,33 +2294,33 @@
                   "token_value": "class",
                   "raw_value": "class",
                   "token_type": "SettingKey",
-                  "source_line": "                    <Text text=\"Pax is a user interface engine \\n for native apps & websites\" class=h1 />",
+                  "source_line": "                    <Text text=\"FAST & LIGHTWEIGHT\" class=h2/>",
                   "token_location": {
                     "start_line_col": [
-                      29,
-                      94
+                      73,
+                      52
                     ],
                     "end_line_col": [
-                      29,
-                      99
+                      73,
+                      57
                     ]
                   }
                 },
                 {
                   "Identifier": [
                     {
-                      "token_value": "h1",
-                      "raw_value": "h1",
+                      "token_value": "h2",
+                      "raw_value": "h2",
                       "token_type": "Identifier",
-                      "source_line": "                    <Text text=\"Pax is a user interface engine \\n for native apps & websites\" class=h1 />",
+                      "source_line": "                    <Text text=\"FAST & LIGHTWEIGHT\" class=h2/>",
                       "token_location": {
                         "start_line_col": [
-                          29,
-                          100
+                          73,
+                          58
                         ],
                         "end_line_col": [
-                          29,
-                          102
+                          73,
+                          60
                         ]
                       }
                     },
@@ -2415,44 +2333,48 @@
           "pascal_identifier": "Text",
           "raw_comment_string": null
         },
-        {
-          "id": 18,
-          "child_ids": [],
-          "type_id": "pax_std::primitives::Text",
+        "43": {
+          "id": 43,
+          "child_ids": [
+            44,
+            45,
+            46
+          ],
+          "type_id": "pax_std::stacker::Stacker",
           "control_flow_settings": null,
           "settings": [
             {
               "Setting": [
                 {
-                  "token_value": "text",
-                  "raw_value": "text",
+                  "token_value": "cells",
+                  "raw_value": "cells",
                   "token_type": "SettingKey",
-                  "source_line": "                    <Text text=\"[Docs](https://docs.pax.rs) | [GitHub](https://www.github.com/pax-lang/pax) | [Get Started](https://www.github.com/pax-lang/pax)\" id=l1 />",
+                  "source_line": "                <Stacker cells=3 direction=StackerDirection::Vertical gutter=10px sizes={[Option::None, Option::Some(20%), Option::None]} >",
                   "token_location": {
                     "start_line_col": [
-                      30,
-                      26
+                      87,
+                      25
                     ],
                     "end_line_col": [
-                      30,
+                      87,
                       30
                     ]
                   }
                 },
                 {
                   "LiteralValue": {
-                    "token_value": "StringBox::from(\"[Docs](https://docs.pax.rs) | [GitHub](https://www.github.com/pax-lang/pax) | [Get Started](https://www.github.com/pax-lang/pax)\")",
-                    "raw_value": "\"[Docs](https://docs.pax.rs) | [GitHub](https://www.github.com/pax-lang/pax) | [Get Started](https://www.github.com/pax-lang/pax)\"",
+                    "token_value": "Numeric::from(3 )",
+                    "raw_value": "3 ",
                     "token_type": "LiteralValue",
-                    "source_line": "                    <Text text=\"[Docs](https://docs.pax.rs) | [GitHub](https://www.github.com/pax-lang/pax) | [Get Started](https://www.github.com/pax-lang/pax)\" id=l1 />",
+                    "source_line": "                <Stacker cells=3 direction=StackerDirection::Vertical gutter=10px sizes={[Option::None, Option::Some(20%), Option::None]} >",
                     "token_location": {
                       "start_line_col": [
-                        30,
+                        87,
                         31
                       ],
                       "end_line_col": [
-                        30,
-                        161
+                        87,
+                        33
                       ]
                     }
                   }
@@ -2462,124 +2384,73 @@
             {
               "Setting": [
                 {
-                  "token_value": "id",
-                  "raw_value": "id",
+                  "token_value": "direction",
+                  "raw_value": "direction",
                   "token_type": "SettingKey",
-                  "source_line": "                    <Text text=\"[Docs](https://docs.pax.rs) | [GitHub](https://www.github.com/pax-lang/pax) | [Get Started](https://www.github.com/pax-lang/pax)\" id=l1 />",
+                  "source_line": "                <Stacker cells=3 direction=StackerDirection::Vertical gutter=10px sizes={[Option::None, Option::Some(20%), Option::None]} >",
                   "token_location": {
                     "start_line_col": [
-                      30,
-                      162
+                      87,
+                      33
                     ],
                     "end_line_col": [
-                      30,
-                      164
+                      87,
+                      42
                     ]
                   }
                 },
                 {
-                  "Identifier": [
-                    {
-                      "token_value": "l1",
-                      "raw_value": "l1",
-                      "token_type": "Identifier",
-                      "source_line": "                    <Text text=\"[Docs](https://docs.pax.rs) | [GitHub](https://www.github.com/pax-lang/pax) | [Get Started](https://www.github.com/pax-lang/pax)\" id=l1 />",
-                      "token_location": {
-                        "start_line_col": [
-                          30,
-                          165
-                        ],
-                        "end_line_col": [
-                          30,
-                          167
-                        ]
-                      }
-                    },
-                    null
-                  ]
+                  "LiteralValue": {
+                    "token_value": "StackerDirection::Vertical ",
+                    "raw_value": "StackerDirection::Vertical ",
+                    "token_type": "LiteralValue",
+                    "source_line": "                <Stacker cells=3 direction=StackerDirection::Vertical gutter=10px sizes={[Option::None, Option::Some(20%), Option::None]} >",
+                    "token_location": {
+                      "start_line_col": [
+                        87,
+                        43
+                      ],
+                      "end_line_col": [
+                        87,
+                        70
+                      ]
+                    }
+                  }
                 }
               ]
-            }
-          ],
-          "pascal_identifier": "Text",
-          "raw_comment_string": null
-        },
-        {
-          "id": 19,
-          "child_ids": [],
-          "type_id": "pax_std::primitives::Rectangle",
-          "control_flow_settings": null,
-          "settings": [
+            },
             {
               "Setting": [
                 {
-                  "token_value": "width",
-                  "raw_value": "width",
+                  "token_value": "gutter",
+                  "raw_value": "gutter",
                   "token_type": "SettingKey",
-                  "source_line": "            <Rectangle width=100% height=100%",
+                  "source_line": "                <Stacker cells=3 direction=StackerDirection::Vertical gutter=10px sizes={[Option::None, Option::Some(20%), Option::None]} >",
                   "token_location": {
                     "start_line_col": [
-                      33,
-                      23
+                      87,
+                      70
                     ],
                     "end_line_col": [
-                      33,
-                      28
-                    ]
-                  }
-                },
-                {
-                  "LiteralValue": {
-                    "token_value": "Size::Percent(100.into())",
-                    "raw_value": "100%",
-                    "token_type": "LiteralValue",
-                    "source_line": "            <Rectangle width=100% height=100%",
-                    "token_location": {
-                      "start_line_col": [
-                        33,
-                        29
-                      ],
-                      "end_line_col": [
-                        33,
-                        33
-                      ]
-                    }
-                  }
-                }
-              ]
-            },
-            {
-              "Setting": [
-                {
-                  "token_value": "height",
-                  "raw_value": "height",
-                  "token_type": "SettingKey",
-                  "source_line": "            <Rectangle width=100% height=100%",
-                  "token_location": {
-                    "start_line_col": [
-                      33,
-                      34
-                    ],
-                    "end_line_col": [
-                      33,
-                      40
+                      87,
+                      76
                     ]
                   }
                 },
                 {
                   "LiteralValue": {
-                    "token_value": "Size::Percent(100.into())",
-                    "raw_value": "100%",
+                    "token_value": "Size::Pixels(10.into())",
+                    "raw_value": "10px",
                     "token_type": "LiteralValue",
-                    "source_line": "            <Rectangle width=100% height=100%",
+                    "source_line": "                <Stacker cells=3 direction=StackerDirection::Vertical gutter=10px sizes={[Option::None, Option::Some(20%), Option::None]} >",
                     "token_location": {
                       "start_line_col": [
-                        33,
-                        41
+                        87,
+                        77
                       ],
                       "end_line_col": [
-                        33,
-                        45
+                        87,
+                        81
                       ]
                     }
                   }
@@ -2589,36 +2460,36 @@
             {
               "Setting": [
                 {
-                  "token_value": "fill",
-                  "raw_value": "fill",
+                  "token_value": "sizes",
+                  "raw_value": "sizes",
                   "token_type": "SettingKey",
-                  "source_line": "                fill={Fill::linearGradient(",
+                  "source_line": "                <Stacker cells=3 direction=StackerDirection::Vertical gutter=10px sizes={[Option::None, Option::Some(20%), Option::None]} >",
                   "token_location": {
                     "start_line_col": [
-                      34,
-                      16
+                      87,
+                      82
                     ],
                     "end_line_col": [
-                      34,
-                      20
+                      87,
+                      87
                     ]
                   }
                 },
                 {
                   "Expression": [
                     {
-                      "token_value": "Fill::linearGradient(\n                    (0%, 0%),\n                    (100%, 100%),\n                    [GradientStop::get(Color::rgb(1.0,1.0,0.0), 0%), GradientStop::get(Color::rgb(1.0,0.0,1.0), 100%)])",
-                      "raw_value": "{Fill::linearGradient(\n                    (0%, 0%),\n                    (100%, 100%),\n                    [GradientStop::get(Color::rgb(1.0,1.0,0.0), 0%), GradientStop::get(Color::rgb(1.0,0.0,1.0), 100%)])}",
+                      "token_value": "[Option::None, Option::Some(20%), Option::None]",
+                      "raw_value": "{[Option::None, Option::Some(20%), Option::None]}",
                       "token_type": "Expression",
-                      "source_line": "                fill={Fill::linearGradient(",
+                      "source_line": "                <Stacker cells=3 direction=StackerDirection::Vertical gutter=10px sizes={[Option::None, Option::Some(20%), Option::None]} >",
                       "token_location": {
                         "start_line_col": [
-                          34,
-                          22
+                          87,
+                          89
                         ],
                         "end_line_col": [
-                          37,
-                          119
+                          87,
+                          136
                         ]
                       }
                     },
@@ -2628,25 +2499,13 @@
               ]
             }
           ],
-          "pascal_identifier": "Rectangle",
-          "raw_comment_string": null
-        },
-        {
-          "id": 20,
-          "child_ids": [
-            21,
-            26
-          ],
-          "type_id": "pax_std::primitives::Group",
-          "control_flow_settings": null,
-          "settings": null,
-          "pascal_identifier": "Group",
+          "pascal_identifier": "Stacker",
           "raw_comment_string": null
         },
-        {
-          "id": 21,
+        "35": {
+          "id": 35,
           "child_ids": [
-            22
+            36
           ],
           "type_id": "pax_std::primitives::Frame",
           "control_flow_settings": null,
@@ -2660,11 +2519,11 @@
                   "source_line": "            <Frame id=f2>",
                   "token_location": {
                     "start_line_col": [
-                      41,
+                      71,
                       19
                     ],
                     "end_line_col": [
-                      41,
+                      71,
                       21
                     ]
                   }
@@ -2678,11 +2537,11 @@
                       "source_line": "            <Frame id=f2>",
                       "token_location": {
                         "start_line_col": [
-                          41,
+                          71,
                           22
                         ],
                         "end_line_col": [
-                          41,
+                          71,
                           24
                         ]
                       }
@@ -2696,48 +2555,44 @@
           "pascal_identifier": "Frame",
           "raw_comment_string": null
         },
-        {
-          "id": 22,
-          "child_ids": [
-            23,
-            24,
-            25
-          ],
-          "type_id": "pax_std::stacker::Stacker",
+        "24": {
+          "id": 24,
+          "child_ids": [],
+          "type_id": "pax_std::primitives::Text",
           "control_flow_settings": null,
           "settings": [
             {
               "Setting": [
                 {
-                  "token_value": "cells",
-                  "raw_value": "cells",
+                  "token_value": "text",
+                  "raw_value": "text",
                   "token_type": "SettingKey",
-                  "source_line": "            <Stacker cells=3 direction=StackerDirection::Vertical gutter=20px sizes={[Option::Some(40%), Option::Some(20%), Option::None]}>",
+                  "source_line": "                <Text text=\"Pax renders in the same coordinate space as a tool like Photoshop or Figma, with the addition of responsive positioning & sizing, as well as a fine-grained animation engine.\" class=p2 />",
                   "token_location": {
                     "start_line_col": [
-                      42,
-                      21
+                      44,
+                      22
                     ],
                     "end_line_col": [
-                      42,
+                      44,
                       26
                     ]
                   }
                 },
                 {
                   "LiteralValue": {
-                    "token_value": "Numeric::from(3 )",
-                    "raw_value": "3 ",
+                    "token_value": "StringBox::from(\"Pax renders in the same coordinate space as a tool like Photoshop or Figma, with the addition of responsive positioning & sizing, as well as a fine-grained animation engine.\")",
+                    "raw_value": "\"Pax renders in the same coordinate space as a tool like Photoshop or Figma, with the addition of responsive positioning & sizing, as well as a fine-grained animation engine.\"",
                     "token_type": "LiteralValue",
-                    "source_line": "            <Stacker cells=3 direction=StackerDirection::Vertical gutter=20px sizes={[Option::Some(40%), Option::Some(20%), Option::None]}>",
+                    "source_line": "                <Text text=\"Pax renders in the same coordinate space as a tool like Photoshop or Figma, with the addition of responsive positioning & sizing, as well as a fine-grained animation engine.\" class=p2 />",
                     "token_location": {
                       "start_line_col": [
-                        42,
+                        44,
                         27
                       ],
                       "end_line_col": [
-                        42,
-                        29
+                        44,
+                        202
                       ]
                     }
                   }
@@ -2747,73 +2602,86 @@
             {
               "Setting": [
                 {
-                  "token_value": "direction",
-                  "raw_value": "direction",
+                  "token_value": "class",
+                  "raw_value": "class",
                   "token_type": "SettingKey",
-                  "source_line": "            <Stacker cells=3 direction=StackerDirection::Vertical gutter=20px sizes={[Option::Some(40%), Option::Some(20%), Option::None]}>",
+                  "source_line": "                <Text text=\"Pax renders in the same coordinate space as a tool like Photoshop or Figma, with the addition of responsive positioning & sizing, as well as a fine-grained animation engine.\" class=p2 />",
                   "token_location": {
                     "start_line_col": [
-                      42,
-                      29
+                      44,
+                      203
                     ],
                     "end_line_col": [
-                      42,
-                      38
+                      44,
+                      208
                     ]
                   }
                 },
                 {
-                  "LiteralValue": {
-                    "token_value": "StackerDirection::Vertical ",
-                    "raw_value": "StackerDirection::Vertical ",
-                    "token_type": "LiteralValue",
-                    "source_line": "            <Stacker cells=3 direction=StackerDirection::Vertical gutter=20px sizes={[Option::Some(40%), Option::Some(20%), Option::None]}>",
-                    "token_location": {
-                      "start_line_col": [
-                        42,
-                        39
-                      ],
-                      "end_line_col": [
-                        42,
-                        66
-                      ]
-                    }
-                  }
+                  "Identifier": [
+                    {
+                      "token_value": "p2",
+                      "raw_value": "p2",
+                      "token_type": "Identifier",
+                      "source_line": "                <Text text=\"Pax renders in the same coordinate space as a tool like Photoshop or Figma, with the addition of responsive positioning & sizing, as well as a fine-grained animation engine.\" class=p2 />",
+                      "token_location": {
+                        "start_line_col": [
+                          44,
+                          209
+                        ],
+                        "end_line_col": [
+                          44,
+                          211
+                        ]
+                      }
+                    },
+                    null
+                  ]
                 }
               ]
-            },
+            }
+          ],
+          "pascal_identifier": "Text",
+          "raw_comment_string": null
+        },
+        "7": {
+          "id": 7,
+          "child_ids": [],
+          "type_id": "pax_std::primitives::Text",
+          "control_flow_settings": null,
+          "settings": [
             {
               "Setting": [
                 {
-                  "token_value": "gutter",
-                  "raw_value": "gutter",
+                  "token_value": "text",
+                  "raw_value": "text",
                   "token_type": "SettingKey",
-                  "source_line": "            <Stacker cells=3 direction=StackerDirection::Vertical gutter=20px sizes={[Option::Some(40%), Option::Some(20%), Option::None]}>",
+                  "source_line": "            <Text text=\"<a href='https://www.github.com/pax-lang/pax' target='_blank'>Github</a>\" class=link />",
                   "token_location": {
                     "start_line_col": [
-                      42,
-                      66
+                      7,
+                      18
                     ],
                     "end_line_col": [
-                      42,
-                      72
+                      7,
+                      22
                     ]
                   }
                 },
                 {
                   "LiteralValue": {
-                    "token_value": "Size::Pixels(20.into())",
-                    "raw_value": "20px",
+                    "token_value": "StringBox::from(\"<a href='https://www.github.com/pax-lang/pax' target='_blank'>Github</a>\")",
+                    "raw_value": "\"<a href='https://www.github.com/pax-lang/pax' target='_blank'>Github</a>\"",
                     "token_type": "LiteralValue",
-                    "source_line": "            <Stacker cells=3 direction=StackerDirection::Vertical gutter=20px sizes={[Option::Some(40%), Option::Some(20%), Option::None]}>",
+                    "source_line": "            <Text text=\"<a href='https://www.github.com/pax-lang/pax' target='_blank'>Github</a>\" class=link />",
                     "token_location": {
                       "start_line_col": [
-                        42,
-                        73
+                        7,
+                        23
                       ],
                       "end_line_col": [
-                        42,
-                        77
+                        7,
+                        97
                       ]
                     }
                   }
@@ -2823,36 +2691,36 @@
             {
               "Setting": [
                 {
-                  "token_value": "sizes",
-                  "raw_value": "sizes",
+                  "token_value": "class",
+                  "raw_value": "class",
                   "token_type": "SettingKey",
-                  "source_line": "            <Stacker cells=3 direction=StackerDirection::Vertical gutter=20px sizes={[Option::Some(40%), Option::Some(20%), Option::None]}>",
+                  "source_line": "            <Text text=\"<a href='https://www.github.com/pax-lang/pax' target='_blank'>Github</a>\" class=link />",
                   "token_location": {
                     "start_line_col": [
-                      42,
-                      78
+                      7,
+                      98
                     ],
                     "end_line_col": [
-                      42,
-                      83
+                      7,
+                      103
                     ]
                   }
                 },
                 {
-                  "Expression": [
+                  "Identifier": [
                     {
-                      "token_value": "[Option::Some(40%), Option::Some(20%), Option::None]",
-                      "raw_value": "{[Option::Some(40%), Option::Some(20%), Option::None]}",
-                      "token_type": "Expression",
-                      "source_line": "            <Stacker cells=3 direction=StackerDirection::Vertical gutter=20px sizes={[Option::Some(40%), Option::Some(20%), Option::None]}>",
+                      "token_value": "link",
+                      "raw_value": "link",
+                      "token_type": "Identifier",
+                      "source_line": "            <Text text=\"<a href='https://www.github.com/pax-lang/pax' target='_blank'>Github</a>\" class=link />",
                       "token_location": {
                         "start_line_col": [
-                          42,
-                          85
+                          7,
+                          104
                         ],
                         "end_line_col": [
-                          42,
-                          137
+                          7,
+                          108
                         ]
                       }
                     },
@@ -2862,47 +2730,47 @@
               ]
             }
           ],
-          "pascal_identifier": "Stacker",
+          "pascal_identifier": "Text",
           "raw_comment_string": null
         },
-        {
-          "id": 23,
+        "5": {
+          "id": 5,
           "child_ids": [],
-          "type_id": "pax_std::primitives::Text",
+          "type_id": "pax_std::primitives::Image",
           "control_flow_settings": null,
           "settings": [
             {
               "Setting": [
                 {
-                  "token_value": "text",
-                  "raw_value": "text",
+                  "token_value": "path",
+                  "raw_value": "path",
                   "token_type": "SettingKey",
-                  "source_line": "                <Text text=\"BUILD CREATIVELY\" class=h2/>",
+                  "source_line": "            <Image path=\"assets/images/pax-logo-light.png\" width=125px height=42px y=50% anchor_y=50% x=20px />",
                   "token_location": {
                     "start_line_col": [
-                      43,
-                      22
+                      5,
+                      19
                     ],
                     "end_line_col": [
-                      43,
-                      26
+                      5,
+                      23
                     ]
                   }
                 },
                 {
                   "LiteralValue": {
-                    "token_value": "StringBox::from(\"BUILD CREATIVELY\")",
-                    "raw_value": "\"BUILD CREATIVELY\"",
+                    "token_value": "StringBox::from(\"assets/images/pax-logo-light.png\")",
+                    "raw_value": "\"assets/images/pax-logo-light.png\"",
                     "token_type": "LiteralValue",
-                    "source_line": "                <Text text=\"BUILD CREATIVELY\" class=h2/>",
+                    "source_line": "            <Image path=\"assets/images/pax-logo-light.png\" width=125px height=42px y=50% anchor_y=50% x=20px />",
                     "token_location": {
                       "start_line_col": [
-                        43,
-                        27
+                        5,
+                        24
                       ],
                       "end_line_col": [
-                        43,
-                        45
+                        5,
+                        58
                       ]
                     }
                   }
@@ -2912,86 +2780,73 @@
             {
               "Setting": [
                 {
-                  "token_value": "class",
-                  "raw_value": "class",
+                  "token_value": "width",
+                  "raw_value": "width",
                   "token_type": "SettingKey",
-                  "source_line": "                <Text text=\"BUILD CREATIVELY\" class=h2/>",
+                  "source_line": "            <Image path=\"assets/images/pax-logo-light.png\" width=125px height=42px y=50% anchor_y=50% x=20px />",
                   "token_location": {
                     "start_line_col": [
-                      43,
-                      46
+                      5,
+                      59
                     ],
                     "end_line_col": [
-                      43,
-                      51
+                      5,
+                      64
                     ]
                   }
                 },
                 {
-                  "Identifier": [
-                    {
-                      "token_value": "h2",
-                      "raw_value": "h2",
-                      "token_type": "Identifier",
-                      "source_line": "                <Text text=\"BUILD CREATIVELY\" class=h2/>",
-                      "token_location": {
-                        "start_line_col": [
-                          43,
-                          52
-                        ],
-                        "end_line_col": [
-                          43,
-                          54
-                        ]
-                      }
-                    },
-                    null
-                  ]
+                  "LiteralValue": {
+                    "token_value": "Size::Pixels(125.into())",
+                    "raw_value": "125px",
+                    "token_type": "LiteralValue",
+                    "source_line": "            <Image path=\"assets/images/pax-logo-light.png\" width=125px height=42px y=50% anchor_y=50% x=20px />",
+                    "token_location": {
+                      "start_line_col": [
+                        5,
+                        65
+                      ],
+                      "end_line_col": [
+                        5,
+                        70
+                      ]
+                    }
+                  }
                 }
               ]
-            }
-          ],
-          "pascal_identifier": "Text",
-          "raw_comment_string": null
-        },
-        {
-          "id": 24,
-          "child_ids": [],
-          "type_id": "pax_std::primitives::Text",
-          "control_flow_settings": null,
-          "settings": [
+            },
             {
               "Setting": [
                 {
-                  "token_value": "text",
-                  "raw_value": "text",
+                  "token_value": "height",
+                  "raw_value": "height",
                   "token_type": "SettingKey",
-                  "source_line": "                <Text text=\"Pax renders in the same coordinate space as a tool like Photoshop or Figma, with the addition of responsive positioning & sizing, as well as a fine-grained animation engine.\" class=p2 />",
+                  "source_line": "            <Image path=\"assets/images/pax-logo-light.png\" width=125px height=42px y=50% anchor_y=50% x=20px />",
                   "token_location": {
                     "start_line_col": [
-                      44,
-                      22
+                      5,
+                      71
                     ],
                     "end_line_col": [
-                      44,
-                      26
+                      5,
+                      77
                     ]
                   }
                 },
                 {
                   "LiteralValue": {
-                    "token_value": "StringBox::from(\"Pax renders in the same coordinate space as a tool like Photoshop or Figma, with the addition of responsive positioning & sizing, as well as a fine-grained animation engine.\")",
-                    "raw_value": "\"Pax renders in the same coordinate space as a tool like Photoshop or Figma, with the addition of responsive positioning & sizing, as well as a fine-grained animation engine.\"",
+                    "token_value": "Size::Pixels(42.into())",
+                    "raw_value": "42px",
                     "token_type": "LiteralValue",
-                    "source_line": "                <Text text=\"Pax renders in the same coordinate space as a tool like Photoshop or Figma, with the addition of responsive positioning & sizing, as well as a fine-grained animation engine.\" class=p2 />",
+                    "source_line": "            <Image path=\"assets/images/pax-logo-light.png\" width=125px height=42px y=50% anchor_y=50% x=20px />",
                     "token_location": {
                       "start_line_col": [
-                        44,
-                        27
+                        5,
+                        78
                       ],
                       "end_line_col": [
-                        44,
-                        202
+                        5,
+                        82
                       ]
                     }
                   }
@@ -3001,86 +2856,73 @@
             {
               "Setting": [
                 {
-                  "token_value": "class",
-                  "raw_value": "class",
+                  "token_value": "y",
+                  "raw_value": "y",
                   "token_type": "SettingKey",
-                  "source_line": "                <Text text=\"Pax renders in the same coordinate space as a tool like Photoshop or Figma, with the addition of responsive positioning & sizing, as well as a fine-grained animation engine.\" class=p2 />",
+                  "source_line": "            <Image path=\"assets/images/pax-logo-light.png\" width=125px height=42px y=50% anchor_y=50% x=20px />",
                   "token_location": {
                     "start_line_col": [
-                      44,
-                      203
+                      5,
+                      83
                     ],
                     "end_line_col": [
-                      44,
-                      208
+                      5,
+                      84
                     ]
                   }
                 },
                 {
-                  "Identifier": [
-                    {
-                      "token_value": "p2",
-                      "raw_value": "p2",
-                      "token_type": "Identifier",
-                      "source_line": "                <Text text=\"Pax renders in the same coordinate space as a tool like Photoshop or Figma, with the addition of responsive positioning & sizing, as well as a fine-grained animation engine.\" class=p2 />",
-                      "token_location": {
-                        "start_line_col": [
-                          44,
-                          209
-                        ],
-                        "end_line_col": [
-                          44,
-                          211
-                        ]
-                      }
-                    },
-                    null
-                  ]
+                  "LiteralValue": {
+                    "token_value": "Size::Percent(50.into())",
+                    "raw_value": "50%",
+                    "token_type": "LiteralValue",
+                    "source_line": "            <Image path=\"assets/images/pax-logo-light.png\" width=125px height=42px y=50% anchor_y=50% x=20px />",
+                    "token_location": {
+                      "start_line_col": [
+                        5,
+                        85
+                      ],
+                      "end_line_col": [
+                        5,
+                        88
+                      ]
+                    }
+                  }
                 }
               ]
-            }
-          ],
-          "pascal_identifier": "Text",
-          "raw_comment_string": null
-        },
-        {
-          "id": 25,
-          "child_ids": [],
-          "type_id": "pax_std::primitives::Text",
-          "control_flow_settings": null,
-          "settings": [
+            },
             {
               "Setting": [
                 {
-                  "token_value": "text",
-                  "raw_value": "text",
+                  "token_value": "anchor_y",
+                  "raw_value": "anchor_y",
                   "token_type": "SettingKey",
-                  "source_line": "                <Text text=\"Create and compose custom components into apps. Write application logic in Rust, while describing content & style in Pax’s declarative UI language.\" class=p2 />",
+                  "source_line": "            <Image path=\"assets/images/pax-logo-light.png\" width=125px height=42px y=50% anchor_y=50% x=20px />",
                   "token_location": {
                     "start_line_col": [
-                      45,
-                      22
+                      5,
+                      89
                     ],
                     "end_line_col": [
-                      45,
-                      26
+                      5,
+                      97
                     ]
                   }
                 },
                 {
                   "LiteralValue": {
-                    "token_value": "StringBox::from(\"Create and compose custom components into apps. Write application logic in Rust, while describing content & style in Pax’s declarative UI language.\")",
-                    "raw_value": "\"Create and compose custom components into apps. Write application logic in Rust, while describing content & style in Pax’s declarative UI language.\"",
+                    "token_value": "Size::Percent(50.into())",
+                    "raw_value": "50%",
                     "token_type": "LiteralValue",
-                    "source_line": "                <Text text=\"Create and compose custom components into apps. Write application logic in Rust, while describing content & style in Pax’s declarative UI language.\" class=p2 />",
+                    "source_line": "            <Image path=\"assets/images/pax-logo-light.png\" width=125px height=42px y=50% anchor_y=50% x=20px />",
                     "token_location": {
                       "start_line_col": [
-                        45,
-                        27
+                        5,
+                        98
                       ],
                       "end_line_col": [
-                        45,
-                        176
+                        5,
+                        101
                       ]
                     }
                   }
@@ -3090,124 +2932,136 @@
             {
               "Setting": [
                 {
-                  "token_value": "class",
-                  "raw_value": "class",
+                  "token_value": "x",
+                  "raw_value": "x",
                   "token_type": "SettingKey",
-                  "source_line": "                <Text text=\"Create and compose custom components into apps. Write application logic in Rust, while describing content & style in Pax’s declarative UI language.\" class=p2 />",
+                  "source_line": "            <Image path=\"assets/images/pax-logo-light.png\" width=125px height=42px y=50% anchor_y=50% x=20px />",
                   "token_location": {
                     "start_line_col": [
-                      45,
-                      177
+                      5,
+                      102
                     ],
                     "end_line_col": [
-                      45,
-                      182
+                      5,
+                      103
                     ]
                   }
                 },
                 {
-                  "Identifier": [
-                    {
-                      "token_value": "p2",
-                      "raw_value": "p2",
-                      "token_type": "Identifier",
-                      "source_line": "                <Text text=\"Create and compose custom components into apps. Write application logic in Rust, while describing content & style in Pax’s declarative UI language.\" class=p2 />",
-                      "token_location": {
-                        "start_line_col": [
-                          45,
-                          183
-                        ],
-                        "end_line_col": [
-                          45,
-                          185
-                        ]
-                      }
-                    },
-                    null
-                  ]
-                }
-              ]
+                  "LiteralValue": {
+                    "token_value": "Size::Pixels(20.into())",
+                    "raw_value": "20px",
+                    "token_type": "LiteralValue",
+                    "source_line": "            <Image path=\"assets/images/pax-logo-light.png\" width=125px height=42px y=50% anchor_y=50% x=20px />",
+                    "token_location": {
+                      "start_line_col": [
+                        5,
+                        104
+                      ],
+                      "end_line_col": [
+                        5,
+                        108
+                      ]
+                    }
+                  }
+                }
+              ]
             }
           ],
-          "pascal_identifier": "Text",
+          "pascal_identifier": "Image",
           "raw_comment_string": null
         },
-        {
-          "id": 26,
-          "child_ids": [],
-          "type_id": "pax_std::primitives::Rectangle",
+        "15": {
+          "id": 15,
+          "child_ids": [
+            16
+          ],
+          "type_id": "pax_std::primitives::Frame",
           "control_flow_settings": null,
           "settings": [
             {
               "Setting": [
                 {
-                  "token_value": "width",
-                  "raw_value": "width",
+                  "token_value": "id",
+                  "raw_value": "id",
                   "token_type": "SettingKey",
-                  "source_line": "        <Rectangle width=100% height=1000px",
+                  "source_line": "            <Frame id=f1>",
                   "token_location": {
                     "start_line_col": [
-                      48,
+                      27,
                       19
                     ],
                     "end_line_col": [
-                      48,
-                      24
+                      27,
+                      21
                     ]
                   }
                 },
                 {
-                  "LiteralValue": {
-                    "token_value": "Size::Percent(100.into())",
-                    "raw_value": "100%",
-                    "token_type": "LiteralValue",
-                    "source_line": "        <Rectangle width=100% height=1000px",
-                    "token_location": {
-                      "start_line_col": [
-                        48,
-                        25
-                      ],
-                      "end_line_col": [
-                        48,
-                        29
-                      ]
-                    }
-                  }
+                  "Identifier": [
+                    {
+                      "token_value": "f1",
+                      "raw_value": "f1",
+                      "token_type": "Identifier",
+                      "source_line": "            <Frame id=f1>",
+                      "token_location": {
+                        "start_line_col": [
+                          27,
+                          22
+                        ],
+                        "end_line_col": [
+                          27,
+                          24
+                        ]
+                      }
+                    },
+                    null
+                  ]
                 }
               ]
-            },
+            }
+          ],
+          "pascal_identifier": "Frame",
+          "raw_comment_string": null
+        },
+        "9": {
+          "id": 9,
+          "child_ids": [],
+          "type_id": "pax_std::primitives::Text",
+          "control_flow_settings": null,
+          "settings": [
             {
               "Setting": [
                 {
-                  "token_value": "height",
-                  "raw_value": "height",
+                  "token_value": "text",
+                  "raw_value": "text",
                   "token_type": "SettingKey",
-                  "source_line": "        <Rectangle width=100% height=1000px",
+                  "source_line": "            <Text text=\"<a href='https://developing.pax.rs' target='_blank'>Blog</a>\" class=link />",
                   "token_location": {
                     "start_line_col": [
-                      48,
-                      30
+                      9,
+                      18
                     ],
                     "end_line_col": [
-                      48,
-                      36
+                      9,
+                      22
                     ]
                   }
                 },
                 {
                   "LiteralValue": {
-                    "token_value": "Size::Pixels(1000.into())",
-                    "raw_value": "1000px",
+                    "token_value": "StringBox::from(\"<a href='https://developing.pax.rs' target='_blank'>Blog</a>\")",
+                    "raw_value": "\"<a href='https://developing.pax.rs' target='_blank'>Blog</a>\"",
                     "token_type": "LiteralValue",
-                    "source_line": "        <Rectangle width=100% height=1000px",
+                    "source_line": "            <Text text=\"<a href='https://developing.pax.rs' target='_blank'>Blog</a>\" class=link />",
                     "token_location": {
                       "start_line_col": [
-                        48,
-                        37
+                        9,
+                        23
                       ],
                       "end_line_col": [
-                        48,
-                        43
+                        9,
+                        85
                       ]
                     }
                   }
@@ -3217,36 +3071,36 @@
             {
               "Setting": [
                 {
-                  "token_value": "fill",
-                  "raw_value": "fill",
+                  "token_value": "class",
+                  "raw_value": "class",
                   "token_type": "SettingKey",
-                  "source_line": "                fill={Fill::linearGradient(",
+                  "source_line": "            <Text text=\"<a href='https://developing.pax.rs' target='_blank'>Blog</a>\" class=link />",
                   "token_location": {
                     "start_line_col": [
-                      49,
-                      16
+                      9,
+                      86
                     ],
                     "end_line_col": [
-                      49,
-                      20
+                      9,
+                      91
                     ]
                   }
                 },
                 {
-                  "Expression": [
+                  "Identifier": [
                     {
-                      "token_value": "Fill::linearGradient(\n                    (0%, 0%),\n                    (100%, 100%),\n                    [GradientStop::get(Color::rgb(0.0,1.0,1.0), 0%), GradientStop::get(Color::rgb(0.0,1.0,0.0), 100%)])",
-                      "raw_value": "{Fill::linearGradient(\n                    (0%, 0%),\n                    (100%, 100%),\n                    [GradientStop::get(Color::rgb(0.0,1.0,1.0), 0%), GradientStop::get(Color::rgb(0.0,1.0,0.0), 100%)])}",
-                      "token_type": "Expression",
-                      "source_line": "                fill={Fill::linearGradient(",
+                      "token_value": "link",
+                      "raw_value": "link",
+                      "token_type": "Identifier",
+                      "source_line": "            <Text text=\"<a href='https://developing.pax.rs' target='_blank'>Blog</a>\" class=link />",
                       "token_location": {
                         "start_line_col": [
-                          49,
-                          22
+                          9,
+                          92
                         ],
                         "end_line_col": [
-                          52,
-                          119
+                          9,
+                          96
                         ]
                       }
                     },
@@ -3256,62 +3110,86 @@
               ]
             }
           ],
-          "pascal_identifier": "Rectangle",
-          "raw_comment_string": null
-        },
-        {
-          "id": 27,
-          "child_ids": [
-            28,
-            33
-          ],
-          "type_id": "pax_std::primitives::Group",
-          "control_flow_settings": null,
-          "settings": null,
-          "pascal_identifier": "Group",
+          "pascal_identifier": "Text",
           "raw_comment_string": null
         },
-        {
-          "id": 28,
-          "child_ids": [
-            29
-          ],
-          "type_id": "pax_std::primitives::Frame",
+        "31": {
+          "id": 31,
+          "child_ids": [],
+          "type_id": "pax_std::primitives::Text",
           "control_flow_settings": null,
           "settings": [
             {
               "Setting": [
                 {
-                  "token_value": "id",
-                  "raw_value": "id",
+                  "token_value": "text",
+                  "raw_value": "text",
                   "token_type": "SettingKey",
-                  "source_line": "        <Frame id=f2>",
+                  "source_line": "            <Text text=\"Pax’s declarative language is grammatically constrained to be readable & writable by visual tooling. Our team is building a collaborative visual designer for Pax so anyone on your team can contribute to codebases\" class=p2 />",
                   "token_location": {
                     "start_line_col": [
-                      56,
-                      15
+                      59,
+                      18
                     ],
                     "end_line_col": [
-                      56,
-                      17
+                      59,
+                      22
+                    ]
+                  }
+                },
+                {
+                  "LiteralValue": {
+                    "token_value": "StringBox::from(\"Pax’s declarative language is grammatically constrained to be readable & writable by visual tooling. Our team is building a collaborative visual designer for Pax so anyone on your team can contribute to codebases\")",
+                    "raw_value": "\"Pax’s declarative language is grammatically constrained to be readable & writable by visual tooling. Our team is building a collaborative visual designer for Pax so anyone on your team can contribute to codebases\"",
+                    "token_type": "LiteralValue",
+                    "source_line": "            <Text text=\"Pax’s declarative language is grammatically constrained to be readable & writable by visual tooling. Our team is building a collaborative visual designer for Pax so anyone on your team can contribute to codebases\" class=p2 />",
+                    "token_location": {
+                      "start_line_col": [
+                        59,
+                        23
+                      ],
+                      "end_line_col": [
+                        59,
+                        237
+                      ]
+                    }
+                  }
+                }
+              ]
+            },
+            {
+              "Setting": [
+                {
+                  "token_value": "class",
+                  "raw_value": "class",
+                  "token_type": "SettingKey",
+                  "source_line": "            <Text text=\"Pax’s declarative language is grammatically constrained to be readable & writable by visual tooling. Our team is building a collaborative visual designer for Pax so anyone on your team can contribute to codebases\" class=p2 />",
+                  "token_location": {
+                    "start_line_col": [
+                      59,
+                      238
+                    ],
+                    "end_line_col": [
+                      59,
+                      243
                     ]
                   }
                 },
                 {
                   "Identifier": [
                     {
-                      "token_value": "f2",
-                      "raw_value": "f2",
+                      "token_value": "p2",
+                      "raw_value": "p2",
                       "token_type": "Identifier",
-                      "source_line": "        <Frame id=f2>",
+                      "source_line": "            <Text text=\"Pax’s declarative language is grammatically constrained to be readable & writable by visual tooling. Our team is building a collaborative visual designer for Pax so anyone on your team can contribute to codebases\" class=p2 />",
                       "token_location": {
                         "start_line_col": [
-                          56,
-                          18
+                          59,
+                          244
                         ],
                         "end_line_col": [
-                          56,
-                          20
+                          59,
+                          246
                         ]
                       }
                     },
@@ -3321,51 +3199,140 @@
               ]
             }
           ],
-          "pascal_identifier": "Frame",
+          "pascal_identifier": "Text",
           "raw_comment_string": null
         },
-        {
-          "id": 29,
-          "child_ids": [
-            30,
-            31,
-            32
-          ],
-          "type_id": "pax_std::stacker::Stacker",
+        "32": {
+          "id": 32,
+          "child_ids": [],
+          "type_id": "pax_std::primitives::Text",
           "control_flow_settings": null,
           "settings": [
             {
               "Setting": [
                 {
-                  "token_value": "cells",
-                  "raw_value": "cells",
+                  "token_value": "text",
+                  "raw_value": "text",
                   "token_type": "SettingKey",
-                  "source_line": "        <Stacker cells=3 direction=StackerDirection::Vertical gutter=10px sizes={[Option::Some(40%), Option::Some(40%), Option::None]} >",
+                  "source_line": "            <Text text=\"[Sign up for updates](https://developing.pax.rs)\" id=l2 />",
                   "token_location": {
                     "start_line_col": [
-                      57,
-                      17
+                      60,
+                      18
                     ],
                     "end_line_col": [
-                      57,
+                      60,
                       22
                     ]
                   }
                 },
+                {
+                  "LiteralValue": {
+                    "token_value": "StringBox::from(\"[Sign up for updates](https://developing.pax.rs)\")",
+                    "raw_value": "\"[Sign up for updates](https://developing.pax.rs)\"",
+                    "token_type": "LiteralValue",
+                    "source_line": "            <Text text=\"[Sign up for updates](https://developing.pax.rs)\" id=l2 />",
+                    "token_location": {
+                      "start_line_col": [
+                        60,
+                        23
+                      ],
+                      "end_line_col": [
+                        60,
+                        73
+                      ]
+                    }
+                  }
+                }
+              ]
+            },
+            {
+              "Setting": [
+                {
+                  "token_value": "id",
+                  "raw_value": "id",
+                  "token_type": "SettingKey",
+                  "source_line": "            <Text text=\"[Sign up for updates](https://developing.pax.rs)\" id=l2 />",
+                  "token_location": {
+                    "start_line_col": [
+                      60,
+                      74
+                    ],
+                    "end_line_col": [
+                      60,
+                      76
+                    ]
+                  }
+                },
+                {
+                  "Identifier": [
+                    {
+                      "token_value": "l2",
+                      "raw_value": "l2",
+                      "token_type": "Identifier",
+                      "source_line": "            <Text text=\"[Sign up for updates](https://developing.pax.rs)\" id=l2 />",
+                      "token_location": {
+                        "start_line_col": [
+                          60,
+                          77
+                        ],
+                        "end_line_col": [
+                          60,
+                          79
+                        ]
+                      }
+                    },
+                    null
+                  ]
+                }
+              ]
+            }
+          ],
+          "pascal_identifier": "Text",
+          "raw_comment_string": null
+        },
+        "22": {
+          "id": 22,
+          "child_ids": [
+            23,
+            24,
+            25
+          ],
+          "type_id": "pax_std::stacker::Stacker",
+          "control_flow_settings": null,
+          "settings": [
+            {
+              "Setting": [
+                {
+                  "token_value": "cells",
+                  "raw_value": "cells",
+                  "token_type": "SettingKey",
+                  "source_line": "            <Stacker cells=3 direction=StackerDirection::Vertical gutter=20px sizes={[Option::Some(40%), Option::Some(20%), Option::None]}>",
+                  "token_location": {
+                    "start_line_col": [
+                      42,
+                      21
+                    ],
+                    "end_line_col": [
+                      42,
+                      26
+                    ]
+                  }
+                },
                 {
                   "LiteralValue": {
                     "token_value": "Numeric::from(3 )",
                     "raw_value": "3 ",
                     "token_type": "LiteralValue",
-                    "source_line": "        <Stacker cells=3 direction=StackerDirection::Vertical gutter=10px sizes={[Option::Some(40%), Option::Some(40%), Option::None]} >",
+                    "source_line": "            <Stacker cells=3 direction=StackerDirection::Vertical gutter=20px sizes={[Option::Some(40%), Option::Some(20%), Option::None]}>",
                     "token_location": {
                       "start_line_col": [
-                        57,
-                        23
+                        42,
+                        27
                       ],
                       "end_line_col": [
-                        57,
-                        25
+                        42,
+                        29
                       ]
                     }
                   }
@@ -3378,15 +3345,15 @@
                   "token_value": "direction",
                   "raw_value": "direction",
                   "token_type": "SettingKey",
-                  "source_line": "        <Stacker cells=3 direction=StackerDirection::Vertical gutter=10px sizes={[Option::Some(40%), Option::Some(40%), Option::None]} >",
+                  "source_line": "            <Stacker cells=3 direction=StackerDirection::Vertical gutter=20px sizes={[Option::Some(40%), Option::Some(20%), Option::None]}>",
                   "token_location": {
                     "start_line_col": [
-                      57,
-                      25
+                      42,
+                      29
                     ],
                     "end_line_col": [
-                      57,
-                      34
+                      42,
+                      38
                     ]
                   }
                 },
@@ -3395,15 +3362,15 @@
                     "token_value": "StackerDirection::Vertical ",
                     "raw_value": "StackerDirection::Vertical ",
                     "token_type": "LiteralValue",
-                    "source_line": "        <Stacker cells=3 direction=StackerDirection::Vertical gutter=10px sizes={[Option::Some(40%), Option::Some(40%), Option::None]} >",
+                    "source_line": "            <Stacker cells=3 direction=StackerDirection::Vertical gutter=20px sizes={[Option::Some(40%), Option::Some(20%), Option::None]}>",
                     "token_location": {
                       "start_line_col": [
-                        57,
-                        35
+                        42,
+                        39
                       ],
                       "end_line_col": [
-                        57,
-                        62
+                        42,
+                        66
                       ]
                     }
                   }
@@ -3416,32 +3383,32 @@
                   "token_value": "gutter",
                   "raw_value": "gutter",
                   "token_type": "SettingKey",
-                  "source_line": "        <Stacker cells=3 direction=StackerDirection::Vertical gutter=10px sizes={[Option::Some(40%), Option::Some(40%), Option::None]} >",
+                  "source_line": "            <Stacker cells=3 direction=StackerDirection::Vertical gutter=20px sizes={[Option::Some(40%), Option::Some(20%), Option::None]}>",
                   "token_location": {
                     "start_line_col": [
-                      57,
-                      62
+                      42,
+                      66
                     ],
                     "end_line_col": [
-                      57,
-                      68
+                      42,
+                      72
                     ]
                   }
                 },
                 {
                   "LiteralValue": {
-                    "token_value": "Size::Pixels(10.into())",
-                    "raw_value": "10px",
+                    "token_value": "Size::Pixels(20.into())",
+                    "raw_value": "20px",
                     "token_type": "LiteralValue",
-                    "source_line": "        <Stacker cells=3 direction=StackerDirection::Vertical gutter=10px sizes={[Option::Some(40%), Option::Some(40%), Option::None]} >",
+                    "source_line": "            <Stacker cells=3 direction=StackerDirection::Vertical gutter=20px sizes={[Option::Some(40%), Option::Some(20%), Option::None]}>",
                     "token_location": {
                       "start_line_col": [
-                        57,
-                        69
+                        42,
+                        73
                       ],
                       "end_line_col": [
-                        57,
-                        73
+                        42,
+                        77
                       ]
                     }
                   }
@@ -3454,33 +3421,33 @@
                   "token_value": "sizes",
                   "raw_value": "sizes",
                   "token_type": "SettingKey",
-                  "source_line": "        <Stacker cells=3 direction=StackerDirection::Vertical gutter=10px sizes={[Option::Some(40%), Option::Some(40%), Option::None]} >",
+                  "source_line": "            <Stacker cells=3 direction=StackerDirection::Vertical gutter=20px sizes={[Option::Some(40%), Option::Some(20%), Option::None]}>",
                   "token_location": {
                     "start_line_col": [
-                      57,
-                      74
+                      42,
+                      78
                     ],
                     "end_line_col": [
-                      57,
-                      79
+                      42,
+                      83
                     ]
                   }
                 },
                 {
                   "Expression": [
                     {
-                      "token_value": "[Option::Some(40%), Option::Some(40%), Option::None]",
-                      "raw_value": "{[Option::Some(40%), Option::Some(40%), Option::None]}",
+                      "token_value": "[Option::Some(40%), Option::Some(20%), Option::None]",
+                      "raw_value": "{[Option::Some(40%), Option::Some(20%), Option::None]}",
                       "token_type": "Expression",
-                      "source_line": "        <Stacker cells=3 direction=StackerDirection::Vertical gutter=10px sizes={[Option::Some(40%), Option::Some(40%), Option::None]} >",
+                      "source_line": "            <Stacker cells=3 direction=StackerDirection::Vertical gutter=20px sizes={[Option::Some(40%), Option::Some(20%), Option::None]}>",
                       "token_location": {
                         "start_line_col": [
-                          57,
-                          81
+                          42,
+                          85
                         ],
                         "end_line_col": [
-                          57,
-                          133
+                          42,
+                          137
                         ]
                       }
                     },
@@ -3493,8 +3460,19 @@
           "pascal_identifier": "Stacker",
           "raw_comment_string": null
         },
-        {
-          "id": 30,
+        "0": {
+          "id": 0,
+          "child_ids": [
+            1
+          ],
+          "type_id": "IMPLICIT_ROOT",
+          "control_flow_settings": null,
+          "settings": null,
+          "pascal_identifier": "<UNREACHABLE>",
+          "raw_comment_string": null
+        },
+        "18": {
+          "id": 18,
           "child_ids": [],
           "type_id": "pax_std::primitives::Text",
           "control_flow_settings": null,
@@ -3505,32 +3483,32 @@
                   "token_value": "text",
                   "raw_value": "text",
                   "token_type": "SettingKey",
-                  "source_line": "            <Text text=\"CREATE COLLABORATIVELY\" class=h2/>",
+                  "source_line": "                    <Text text=\"[Docs](https://docs.pax.rs) | [GitHub](https://www.github.com/pax-lang/pax) | [Get Started](https://www.github.com/pax-lang/pax)\" id=l1 />",
                   "token_location": {
                     "start_line_col": [
-                      58,
-                      18
+                      30,
+                      26
                     ],
                     "end_line_col": [
-                      58,
-                      22
+                      30,
+                      30
                     ]
                   }
                 },
                 {
                   "LiteralValue": {
-                    "token_value": "StringBox::from(\"CREATE COLLABORATIVELY\")",
-                    "raw_value": "\"CREATE COLLABORATIVELY\"",
+                    "token_value": "StringBox::from(\"[Docs](https://docs.pax.rs) | [GitHub](https://www.github.com/pax-lang/pax) | [Get Started](https://www.github.com/pax-lang/pax)\")",
+                    "raw_value": "\"[Docs](https://docs.pax.rs) | [GitHub](https://www.github.com/pax-lang/pax) | [Get Started](https://www.github.com/pax-lang/pax)\"",
                     "token_type": "LiteralValue",
-                    "source_line": "            <Text text=\"CREATE COLLABORATIVELY\" class=h2/>",
+                    "source_line": "                    <Text text=\"[Docs](https://docs.pax.rs) | [GitHub](https://www.github.com/pax-lang/pax) | [Get Started](https://www.github.com/pax-lang/pax)\" id=l1 />",
                     "token_location": {
                       "start_line_col": [
-                        58,
-                        23
+                        30,
+                        31
                       ],
                       "end_line_col": [
-                        58,
-                        47
+                        30,
+                        161
                       ]
                     }
                   }
@@ -3540,36 +3518,36 @@
             {
               "Setting": [
                 {
-                  "token_value": "class",
-                  "raw_value": "class",
+                  "token_value": "id",
+                  "raw_value": "id",
                   "token_type": "SettingKey",
-                  "source_line": "            <Text text=\"CREATE COLLABORATIVELY\" class=h2/>",
+                  "source_line": "                    <Text text=\"[Docs](https://docs.pax.rs) | [GitHub](https://www.github.com/pax-lang/pax) | [Get Started](https://www.github.com/pax-lang/pax)\" id=l1 />",
                   "token_location": {
                     "start_line_col": [
-                      58,
-                      48
+                      30,
+                      162
                     ],
                     "end_line_col": [
-                      58,
-                      53
+                      30,
+                      164
                     ]
                   }
                 },
                 {
                   "Identifier": [
                     {
-                      "token_value": "h2",
-                      "raw_value": "h2",
+                      "token_value": "l1",
+                      "raw_value": "l1",
                       "token_type": "Identifier",
-                      "source_line": "            <Text text=\"CREATE COLLABORATIVELY\" class=h2/>",
+                      "source_line": "                    <Text text=\"[Docs](https://docs.pax.rs) | [GitHub](https://www.github.com/pax-lang/pax) | [Get Started](https://www.github.com/pax-lang/pax)\" id=l1 />",
                       "token_location": {
                         "start_line_col": [
-                          58,
-                          54
+                          30,
+                          165
                         ],
                         "end_line_col": [
-                          58,
-                          56
+                          30,
+                          167
                         ]
                       }
                     },
@@ -3582,8 +3560,8 @@
           "pascal_identifier": "Text",
           "raw_comment_string": null
         },
-        {
-          "id": 31,
+        "23": {
+          "id": 23,
           "child_ids": [],
           "type_id": "pax_std::primitives::Text",
           "control_flow_settings": null,
@@ -3594,32 +3572,32 @@
                   "token_value": "text",
                   "raw_value": "text",
                   "token_type": "SettingKey",
-                  "source_line": "            <Text text=\"Pax’s declarative language is grammatically constrained to be readable & writable by visual tooling. Our team is building a collaborative visual designer for Pax so anyone on your team can contribute to codebases\" class=p2 />",
+                  "source_line": "                <Text text=\"BUILD CREATIVELY\" class=h2/>",
                   "token_location": {
                     "start_line_col": [
-                      59,
-                      18
+                      43,
+                      22
                     ],
                     "end_line_col": [
-                      59,
-                      22
+                      43,
+                      26
                     ]
                   }
                 },
                 {
                   "LiteralValue": {
-                    "token_value": "StringBox::from(\"Pax’s declarative language is grammatically constrained to be readable & writable by visual tooling. Our team is building a collaborative visual designer for Pax so anyone on your team can contribute to codebases\")",
-                    "raw_value": "\"Pax’s declarative language is grammatically constrained to be readable & writable by visual tooling. Our team is building a collaborative visual designer for Pax so anyone on your team can contribute to codebases\"",
-                    "token_type": "LiteralValue",
-                    "source_line": "            <Text text=\"Pax’s declarative language is grammatically constrained to be readable & writable by visual tooling. Our team is building a collaborative visual designer for Pax so anyone on your team can contribute to codebases\" class=p2 />",
+                    "token_value": "StringBox::from(\"BUILD CREATIVELY\")",
+                    "raw_value": "\"BUILD CREATIVELY\"",
+                    "token_type": "LiteralValue",
+                    "source_line": "                <Text text=\"BUILD CREATIVELY\" class=h2/>",
                     "token_location": {
                       "start_line_col": [
-                        59,
-                        23
+                        43,
+                        27
                       ],
                       "end_line_col": [
-                        59,
-                        237
+                        43,
+                        45
                       ]
                     }
                   }
@@ -3632,33 +3610,33 @@
                   "token_value": "class",
                   "raw_value": "class",
                   "token_type": "SettingKey",
-                  "source_line": "            <Text text=\"Pax’s declarative language is grammatically constrained to be readable & writable by visual tooling. Our team is building a collaborative visual designer for Pax so anyone on your team can contribute to codebases\" class=p2 />",
+                  "source_line": "                <Text text=\"BUILD CREATIVELY\" class=h2/>",
                   "token_location": {
                     "start_line_col": [
-                      59,
-                      238
+                      43,
+                      46
                     ],
                     "end_line_col": [
-                      59,
-                      243
+                      43,
+                      51
                     ]
                   }
                 },
                 {
                   "Identifier": [
                     {
-                      "token_value": "p2",
-                      "raw_value": "p2",
+                      "token_value": "h2",
+                      "raw_value": "h2",
                       "token_type": "Identifier",
-                      "source_line": "            <Text text=\"Pax’s declarative language is grammatically constrained to be readable & writable by visual tooling. Our team is building a collaborative visual designer for Pax so anyone on your team can contribute to codebases\" class=p2 />",
+                      "source_line": "                <Text text=\"BUILD CREATIVELY\" class=h2/>",
                       "token_location": {
                         "start_line_col": [
-                          59,
-                          244
+                          43,
+                          52
                         ],
                         "end_line_col": [
-                          59,
-                          246
+                          43,
+                          54
                         ]
                       }
                     },
@@ -3671,83 +3649,47 @@
           "pascal_identifier": "Text",
           "raw_comment_string": null
         },
-        {
-          "id": 32,
-          "child_ids": [],
-          "type_id": "pax_std::primitives::Text",
+        "28": {
+          "id": 28,
+          "child_ids": [
+            29
+          ],
+          "type_id": "pax_std::primitives::Frame",
           "control_flow_settings": null,
           "settings": [
-            {
-              "Setting": [
-                {
-                  "token_value": "text",
-                  "raw_value": "text",
-                  "token_type": "SettingKey",
-                  "source_line": "            <Text text=\"[Sign up for updates](https://developing.pax.rs)\" id=l2 />",
-                  "token_location": {
-                    "start_line_col": [
-                      60,
-                      18
-                    ],
-                    "end_line_col": [
-                      60,
-                      22
-                    ]
-                  }
-                },
-                {
-                  "LiteralValue": {
-                    "token_value": "StringBox::from(\"[Sign up for updates](https://developing.pax.rs)\")",
-                    "raw_value": "\"[Sign up for updates](https://developing.pax.rs)\"",
-                    "token_type": "LiteralValue",
-                    "source_line": "            <Text text=\"[Sign up for updates](https://developing.pax.rs)\" id=l2 />",
-                    "token_location": {
-                      "start_line_col": [
-                        60,
-                        23
-                      ],
-                      "end_line_col": [
-                        60,
-                        73
-                      ]
-                    }
-                  }
-                }
-              ]
-            },
             {
               "Setting": [
                 {
                   "token_value": "id",
                   "raw_value": "id",
                   "token_type": "SettingKey",
-                  "source_line": "            <Text text=\"[Sign up for updates](https://developing.pax.rs)\" id=l2 />",
+                  "source_line": "        <Frame id=f2>",
                   "token_location": {
                     "start_line_col": [
-                      60,
-                      74
+                      56,
+                      15
                     ],
                     "end_line_col": [
-                      60,
-                      76
+                      56,
+                      17
                     ]
                   }
                 },
                 {
                   "Identifier": [
                     {
-                      "token_value": "l2",
-                      "raw_value": "l2",
+                      "token_value": "f2",
+                      "raw_value": "f2",
                       "token_type": "Identifier",
-                      "source_line": "            <Text text=\"[Sign up for updates](https://developing.pax.rs)\" id=l2 />",
+                      "source_line": "        <Frame id=f2>",
                       "token_location": {
                         "start_line_col": [
-                          60,
-                          77
+                          56,
+                          18
                         ],
                         "end_line_col": [
-                          60,
-                          79
+                          56,
+                          20
                         ]
                       }
                     },
@@ -3757,10 +3699,10 @@
               ]
             }
           ],
-          "pascal_identifier": "Text",
+          "pascal_identifier": "Frame",
           "raw_comment_string": null
         },
-        {
+        "33": {
           "id": 33,
           "child_ids": [],
           "type_id": "pax_std::primitives::Rectangle",
@@ -3887,59 +3829,83 @@
           "pascal_identifier": "Rectangle",
           "raw_comment_string": null
         },
-        {
-          "id": 34,
-          "child_ids": [
-            35,
-            40
-          ],
-          "type_id": "pax_std::primitives::Group",
-          "control_flow_settings": null,
-          "settings": null,
-          "pascal_identifier": "Group",
-          "raw_comment_string": null
-        },
-        {
-          "id": 35,
-          "child_ids": [
-            36
-          ],
-          "type_id": "pax_std::primitives::Frame",
+        "38": {
+          "id": 38,
+          "child_ids": [],
+          "type_id": "pax_std::primitives::Text",
           "control_flow_settings": null,
           "settings": [
             {
               "Setting": [
                 {
-                  "token_value": "id",
-                  "raw_value": "id",
+                  "token_value": "text",
+                  "raw_value": "text",
                   "token_type": "SettingKey",
-                  "source_line": "            <Frame id=f2>",
+                  "source_line": "                    <Text text=\"Pax is built in Rust and C with native-language bindings (e.g. Swift & TypeScript for macOS & Web platforms, respectively.)\" class=p2 />",
                   "token_location": {
                     "start_line_col": [
-                      71,
-                      19
+                      74,
+                      26
                     ],
                     "end_line_col": [
-                      71,
-                      21
+                      74,
+                      30
+                    ]
+                  }
+                },
+                {
+                  "LiteralValue": {
+                    "token_value": "StringBox::from(\"Pax is built in Rust and C with native-language bindings (e.g. Swift & TypeScript for macOS & Web platforms, respectively.)\")",
+                    "raw_value": "\"Pax is built in Rust and C with native-language bindings (e.g. Swift & TypeScript for macOS & Web platforms, respectively.)\"",
+                    "token_type": "LiteralValue",
+                    "source_line": "                    <Text text=\"Pax is built in Rust and C with native-language bindings (e.g. Swift & TypeScript for macOS & Web platforms, respectively.)\" class=p2 />",
+                    "token_location": {
+                      "start_line_col": [
+                        74,
+                        31
+                      ],
+                      "end_line_col": [
+                        74,
+                        156
+                      ]
+                    }
+                  }
+                }
+              ]
+            },
+            {
+              "Setting": [
+                {
+                  "token_value": "class",
+                  "raw_value": "class",
+                  "token_type": "SettingKey",
+                  "source_line": "                    <Text text=\"Pax is built in Rust and C with native-language bindings (e.g. Swift & TypeScript for macOS & Web platforms, respectively.)\" class=p2 />",
+                  "token_location": {
+                    "start_line_col": [
+                      74,
+                      157
+                    ],
+                    "end_line_col": [
+                      74,
+                      162
                     ]
                   }
                 },
                 {
                   "Identifier": [
                     {
-                      "token_value": "f2",
-                      "raw_value": "f2",
+                      "token_value": "p2",
+                      "raw_value": "p2",
                       "token_type": "Identifier",
-                      "source_line": "            <Frame id=f2>",
+                      "source_line": "                    <Text text=\"Pax is built in Rust and C with native-language bindings (e.g. Swift & TypeScript for macOS & Web platforms, respectively.)\" class=p2 />",
                       "token_location": {
                         "start_line_col": [
-                          71,
-                          22
+                          74,
+                          163
                         ],
                         "end_line_col": [
-                          71,
-                          24
+                          74,
+                          165
                         ]
                       }
                     },
@@ -3949,51 +3915,47 @@
               ]
             }
           ],
-          "pascal_identifier": "Frame",
+          "pascal_identifier": "Text",
           "raw_comment_string": null
         },
-        {
-          "id": 36,
-          "child_ids": [
-            37,
-            38,
-            39
-          ],
-          "type_id": "pax_std::stacker::Stacker",
+        "44": {
+          "id": 44,
+          "child_ids": [],
+          "type_id": "pax_std::primitives::Text",
           "control_flow_settings": null,
           "settings": [
             {
               "Setting": [
                 {
-                  "token_value": "cells",
-                  "raw_value": "cells",
+                  "token_value": "text",
+                  "raw_value": "text",
                   "token_type": "SettingKey",
-                  "source_line": "                <Stacker cells=3 direction=StackerDirection::Vertical gutter=10px sizes={[Option::Some(40%), Option::Some(20%), Option::None]} >",
+                  "source_line": "                    <Text text=\"OPEN SOURCE\" class=h2/>",
                   "token_location": {
                     "start_line_col": [
-                      72,
-                      25
+                      88,
+                      26
                     ],
                     "end_line_col": [
-                      72,
+                      88,
                       30
                     ]
                   }
                 },
                 {
                   "LiteralValue": {
-                    "token_value": "Numeric::from(3 )",
-                    "raw_value": "3 ",
+                    "token_value": "StringBox::from(\"OPEN SOURCE\")",
+                    "raw_value": "\"OPEN SOURCE\"",
                     "token_type": "LiteralValue",
-                    "source_line": "                <Stacker cells=3 direction=StackerDirection::Vertical gutter=10px sizes={[Option::Some(40%), Option::Some(20%), Option::None]} >",
+                    "source_line": "                    <Text text=\"OPEN SOURCE\" class=h2/>",
                     "token_location": {
                       "start_line_col": [
-                        72,
+                        88,
                         31
                       ],
                       "end_line_col": [
-                        72,
-                        33
+                        88,
+                        44
                       ]
                     }
                   }
@@ -4003,73 +3965,89 @@
             {
               "Setting": [
                 {
-                  "token_value": "direction",
-                  "raw_value": "direction",
+                  "token_value": "class",
+                  "raw_value": "class",
                   "token_type": "SettingKey",
-                  "source_line": "                <Stacker cells=3 direction=StackerDirection::Vertical gutter=10px sizes={[Option::Some(40%), Option::Some(20%), Option::None]} >",
+                  "source_line": "                    <Text text=\"OPEN SOURCE\" class=h2/>",
                   "token_location": {
                     "start_line_col": [
-                      72,
-                      33
+                      88,
+                      45
                     ],
                     "end_line_col": [
-                      72,
-                      42
+                      88,
+                      50
                     ]
                   }
                 },
                 {
-                  "LiteralValue": {
-                    "token_value": "StackerDirection::Vertical ",
-                    "raw_value": "StackerDirection::Vertical ",
-                    "token_type": "LiteralValue",
-                    "source_line": "                <Stacker cells=3 direction=StackerDirection::Vertical gutter=10px sizes={[Option::Some(40%), Option::Some(20%), Option::None]} >",
-                    "token_location": {
-                      "start_line_col": [
-                        72,
-                        43
-                      ],
-                      "end_line_col": [
-                        72,
-                        70
-                      ]
-                    }
-                  }
+                  "Identifier": [
+                    {
+                      "token_value": "h2",
+                      "raw_value": "h2",
+                      "token_type": "Identifier",
+                      "source_line": "                    <Text text=\"OPEN SOURCE\" class=h2/>",
+                      "token_location": {
+                        "start_line_col": [
+                          88,
+                          51
+                        ],
+                        "end_line_col": [
+                          88,
+                          53
+                        ]
+                      }
+                    },
+                    null
+                  ]
                 }
               ]
-            },
+            }
+          ],
+          "pascal_identifier": "Text",
+          "raw_comment_string": null
+        },
+        "3": {
+          "id": 3,
+          "child_ids": [
+            4,
+            10
+          ],
+          "type_id": "pax_std::primitives::Frame",
+          "control_flow_settings": null,
+          "settings": [
             {
               "Setting": [
                 {
-                  "token_value": "gutter",
-                  "raw_value": "gutter",
+                  "token_value": "x",
+                  "raw_value": "x",
                   "token_type": "SettingKey",
-                  "source_line": "                <Stacker cells=3 direction=StackerDirection::Vertical gutter=10px sizes={[Option::Some(40%), Option::Some(20%), Option::None]} >",
+                  "source_line": "    <Frame x=50% y=90px width=80% height=75px anchor_x=50% anchor_y=50% >",
                   "token_location": {
                     "start_line_col": [
-                      72,
-                      70
+                      3,
+                      11
                     ],
                     "end_line_col": [
-                      72,
-                      76
+                      3,
+                      12
                     ]
                   }
                 },
                 {
                   "LiteralValue": {
-                    "token_value": "Size::Pixels(10.into())",
-                    "raw_value": "10px",
+                    "token_value": "Size::Percent(50.into())",
+                    "raw_value": "50%",
                     "token_type": "LiteralValue",
-                    "source_line": "                <Stacker cells=3 direction=StackerDirection::Vertical gutter=10px sizes={[Option::Some(40%), Option::Some(20%), Option::None]} >",
+                    "source_line": "    <Frame x=50% y=90px width=80% height=75px anchor_x=50% anchor_y=50% >",
                     "token_location": {
                       "start_line_col": [
-                        72,
-                        77
+                        3,
+                        13
                       ],
                       "end_line_col": [
-                        72,
-                        81
+                        3,
+                        16
                       ]
                     }
                   }
@@ -4079,86 +4057,73 @@
             {
               "Setting": [
                 {
-                  "token_value": "sizes",
-                  "raw_value": "sizes",
+                  "token_value": "y",
+                  "raw_value": "y",
                   "token_type": "SettingKey",
-                  "source_line": "                <Stacker cells=3 direction=StackerDirection::Vertical gutter=10px sizes={[Option::Some(40%), Option::Some(20%), Option::None]} >",
+                  "source_line": "    <Frame x=50% y=90px width=80% height=75px anchor_x=50% anchor_y=50% >",
                   "token_location": {
                     "start_line_col": [
-                      72,
-                      82
+                      3,
+                      17
                     ],
                     "end_line_col": [
-                      72,
-                      87
+                      3,
+                      18
                     ]
                   }
                 },
                 {
-                  "Expression": [
-                    {
-                      "token_value": "[Option::Some(40%), Option::Some(20%), Option::None]",
-                      "raw_value": "{[Option::Some(40%), Option::Some(20%), Option::None]}",
-                      "token_type": "Expression",
-                      "source_line": "                <Stacker cells=3 direction=StackerDirection::Vertical gutter=10px sizes={[Option::Some(40%), Option::Some(20%), Option::None]} >",
-                      "token_location": {
-                        "start_line_col": [
-                          72,
-                          89
-                        ],
-                        "end_line_col": [
-                          72,
-                          141
-                        ]
-                      }
-                    },
-                    null
-                  ]
+                  "LiteralValue": {
+                    "token_value": "Size::Pixels(90.into())",
+                    "raw_value": "90px",
+                    "token_type": "LiteralValue",
+                    "source_line": "    <Frame x=50% y=90px width=80% height=75px anchor_x=50% anchor_y=50% >",
+                    "token_location": {
+                      "start_line_col": [
+                        3,
+                        19
+                      ],
+                      "end_line_col": [
+                        3,
+                        23
+                      ]
+                    }
+                  }
                 }
               ]
-            }
-          ],
-          "pascal_identifier": "Stacker",
-          "raw_comment_string": null
-        },
-        {
-          "id": 37,
-          "child_ids": [],
-          "type_id": "pax_std::primitives::Text",
-          "control_flow_settings": null,
-          "settings": [
+            },
             {
               "Setting": [
                 {
-                  "token_value": "text",
-                  "raw_value": "text",
+                  "token_value": "width",
+                  "raw_value": "width",
                   "token_type": "SettingKey",
-                  "source_line": "                    <Text text=\"FAST & LIGHTWEIGHT\" class=h2/>",
+                  "source_line": "    <Frame x=50% y=90px width=80% height=75px anchor_x=50% anchor_y=50% >",
                   "token_location": {
                     "start_line_col": [
-                      73,
-                      26
+                      3,
+                      24
                     ],
                     "end_line_col": [
-                      73,
-                      30
+                      3,
+                      29
                     ]
                   }
                 },
                 {
                   "LiteralValue": {
-                    "token_value": "StringBox::from(\"FAST & LIGHTWEIGHT\")",
-                    "raw_value": "\"FAST & LIGHTWEIGHT\"",
+                    "token_value": "Size::Percent(80.into())",
+                    "raw_value": "80%",
                     "token_type": "LiteralValue",
-                    "source_line": "                    <Text text=\"FAST & LIGHTWEIGHT\" class=h2/>",
+                    "source_line": "    <Frame x=50% y=90px width=80% height=75px anchor_x=50% anchor_y=50% >",
                     "token_location": {
                       "start_line_col": [
-                        73,
-                        31
+                        3,
+                        30
                       ],
                       "end_line_col": [
-                        73,
-                        51
+                        3,
+                        33
                       ]
                     }
                   }
@@ -4168,86 +4133,73 @@
             {
               "Setting": [
                 {
-                  "token_value": "class",
-                  "raw_value": "class",
+                  "token_value": "height",
+                  "raw_value": "height",
                   "token_type": "SettingKey",
-                  "source_line": "                    <Text text=\"FAST & LIGHTWEIGHT\" class=h2/>",
+                  "source_line": "    <Frame x=50% y=90px width=80% height=75px anchor_x=50% anchor_y=50% >",
                   "token_location": {
                     "start_line_col": [
-                      73,
-                      52
+                      3,
+                      34
                     ],
                     "end_line_col": [
-                      73,
-                      57
+                      3,
+                      40
                     ]
                   }
                 },
                 {
-                  "Identifier": [
-                    {
-                      "token_value": "h2",
-                      "raw_value": "h2",
-                      "token_type": "Identifier",
-                      "source_line": "                    <Text text=\"FAST & LIGHTWEIGHT\" class=h2/>",
-                      "token_location": {
-                        "start_line_col": [
-                          73,
-                          58
-                        ],
-                        "end_line_col": [
-                          73,
-                          60
-                        ]
-                      }
-                    },
-                    null
-                  ]
+                  "LiteralValue": {
+                    "token_value": "Size::Pixels(75.into())",
+                    "raw_value": "75px",
+                    "token_type": "LiteralValue",
+                    "source_line": "    <Frame x=50% y=90px width=80% height=75px anchor_x=50% anchor_y=50% >",
+                    "token_location": {
+                      "start_line_col": [
+                        3,
+                        41
+                      ],
+                      "end_line_col": [
+                        3,
+                        45
+                      ]
+                    }
+                  }
                 }
               ]
-            }
-          ],
-          "pascal_identifier": "Text",
-          "raw_comment_string": null
-        },
-        {
-          "id": 38,
-          "child_ids": [],
-          "type_id": "pax_std::primitives::Text",
-          "control_flow_settings": null,
-          "settings": [
+            },
             {
               "Setting": [
                 {
-                  "token_value": "text",
-                  "raw_value": "text",
+                  "token_value": "anchor_x",
+                  "raw_value": "anchor_x",
                   "token_type": "SettingKey",
-                  "source_line": "                    <Text text=\"Pax is built in Rust and C with native-language bindings (e.g. Swift & TypeScript for macOS & Web platforms, respectively.)\" class=p2 />",
+                  "source_line": "    <Frame x=50% y=90px width=80% height=75px anchor_x=50% anchor_y=50% >",
                   "token_location": {
                     "start_line_col": [
-                      74,
-                      26
+                      3,
+                      46
                     ],
                     "end_line_col": [
-                      74,
-                      30
+                      3,
+                      54
                     ]
                   }
                 },
                 {
                   "LiteralValue": {
-                    "token_value": "StringBox::from(\"Pax is built in Rust and C with native-language bindings (e.g. Swift & TypeScript for macOS & Web platforms, respectively.)\")",
-                    "raw_value": "\"Pax is built in Rust and C with native-language bindings (e.g. Swift & TypeScript for macOS & Web platforms, respectively.)\"",
+                    "token_value": "Size::Percent(50.into())",
+                    "raw_value": "50%",
                     "token_type": "LiteralValue",
-                    "source_line": "                    <Text text=\"Pax is built in Rust and C with native-language bindings (e.g. Swift & TypeScript for macOS & Web platforms, respectively.)\" class=p2 />",
+                    "source_line": "    <Frame x=50% y=90px width=80% height=75px anchor_x=50% anchor_y=50% >",
                     "token_location": {
                       "start_line_col": [
-                        74,
-                        31
+                        3,
+                        55
                       ],
                       "end_line_col": [
-                        74,
-                        156
+                        3,
+                        58
                       ]
                     }
                   }
@@ -4257,36 +4209,98 @@
             {
               "Setting": [
                 {
-                  "token_value": "class",
-                  "raw_value": "class",
+                  "token_value": "anchor_y",
+                  "raw_value": "anchor_y",
                   "token_type": "SettingKey",
-                  "source_line": "                    <Text text=\"Pax is built in Rust and C with native-language bindings (e.g. Swift & TypeScript for macOS & Web platforms, respectively.)\" class=p2 />",
+                  "source_line": "    <Frame x=50% y=90px width=80% height=75px anchor_x=50% anchor_y=50% >",
                   "token_location": {
                     "start_line_col": [
-                      74,
-                      157
+                      3,
+                      59
                     ],
                     "end_line_col": [
-                      74,
-                      162
+                      3,
+                      67
+                    ]
+                  }
+                },
+                {
+                  "LiteralValue": {
+                    "token_value": "Size::Percent(50.into())",
+                    "raw_value": "50%",
+                    "token_type": "LiteralValue",
+                    "source_line": "    <Frame x=50% y=90px width=80% height=75px anchor_x=50% anchor_y=50% >",
+                    "token_location": {
+                      "start_line_col": [
+                        3,
+                        68
+                      ],
+                      "end_line_col": [
+                        3,
+                        71
+                      ]
+                    }
+                  }
+                }
+              ]
+            }
+          ],
+          "pascal_identifier": "Frame",
+          "raw_comment_string": null
+        },
+        "14": {
+          "id": 14,
+          "child_ids": [
+            15,
+            19
+          ],
+          "type_id": "pax_std::primitives::Group",
+          "control_flow_settings": null,
+          "settings": null,
+          "pascal_identifier": "Group",
+          "raw_comment_string": null
+        },
+        "21": {
+          "id": 21,
+          "child_ids": [
+            22
+          ],
+          "type_id": "pax_std::primitives::Frame",
+          "control_flow_settings": null,
+          "settings": [
+            {
+              "Setting": [
+                {
+                  "token_value": "id",
+                  "raw_value": "id",
+                  "token_type": "SettingKey",
+                  "source_line": "            <Frame id=f2>",
+                  "token_location": {
+                    "start_line_col": [
+                      41,
+                      19
+                    ],
+                    "end_line_col": [
+                      41,
+                      21
                     ]
                   }
                 },
                 {
                   "Identifier": [
                     {
-                      "token_value": "p2",
-                      "raw_value": "p2",
+                      "token_value": "f2",
+                      "raw_value": "f2",
                       "token_type": "Identifier",
-                      "source_line": "                    <Text text=\"Pax is built in Rust and C with native-language bindings (e.g. Swift & TypeScript for macOS & Web platforms, respectively.)\" class=p2 />",
+                      "source_line": "            <Frame id=f2>",
                       "token_location": {
                         "start_line_col": [
-                          74,
-                          163
+                          41,
+                          22
                         ],
                         "end_line_col": [
-                          74,
-                          165
+                          41,
+                          24
                         ]
                       }
                     },
@@ -4296,11 +4310,76 @@
               ]
             }
           ],
-          "pascal_identifier": "Text",
+          "pascal_identifier": "Frame",
           "raw_comment_string": null
         },
-        {
-          "id": 39,
+        "42": {
+          "id": 42,
+          "child_ids": [
+            43
+          ],
+          "type_id": "pax_std::primitives::Frame",
+          "control_flow_settings": null,
+          "settings": [
+            {
+              "Setting": [
+                {
+                  "token_value": "id",
+                  "raw_value": "id",
+                  "token_type": "SettingKey",
+                  "source_line": "            <Frame id=f2>",
+                  "token_location": {
+                    "start_line_col": [
+                      86,
+                      19
+                    ],
+                    "end_line_col": [
+                      86,
+                      21
+                    ]
+                  }
+                },
+                {
+                  "Identifier": [
+                    {
+                      "token_value": "f2",
+                      "raw_value": "f2",
+                      "token_type": "Identifier",
+                      "source_line": "            <Frame id=f2>",
+                      "token_location": {
+                        "start_line_col": [
+                          86,
+                          22
+                        ],
+                        "end_line_col": [
+                          86,
+                          24
+                        ]
+                      }
+                    },
+                    null
+                  ]
+                }
+              ]
+            }
+          ],
+          "pascal_identifier": "Frame",
+          "raw_comment_string": null
+        },
+        "41": {
+          "id": 41,
+          "child_ids": [
+            42,
+            47
+          ],
+          "type_id": "pax_std::primitives::Group",
+          "control_flow_settings": null,
+          "settings": null,
+          "pascal_identifier": "Group",
+          "raw_comment_string": null
+        },
+        "30": {
+          "id": 30,
           "child_ids": [],
           "type_id": "pax_std::primitives::Text",
           "control_flow_settings": null,
@@ -4311,32 +4390,32 @@
                   "token_value": "text",
                   "raw_value": "text",
                   "token_type": "SettingKey",
-                  "source_line": "                    <Text text=\"Animations render at up to 240 frames per second. Footprints are tiny: <100KB for WebAssembly and <500KB for native builds.\" class=p2 />",
+                  "source_line": "            <Text text=\"CREATE COLLABORATIVELY\" class=h2/>",
                   "token_location": {
                     "start_line_col": [
-                      75,
-                      26
+                      58,
+                      18
                     ],
                     "end_line_col": [
-                      75,
-                      30
+                      58,
+                      22
                     ]
                   }
                 },
                 {
                   "LiteralValue": {
-                    "token_value": "StringBox::from(\"Animations render at up to 240 frames per second. Footprints are tiny: <100KB for WebAssembly and <500KB for native builds.\")",
-                    "raw_value": "\"Animations render at up to 240 frames per second. Footprints are tiny: <100KB for WebAssembly and <500KB for native builds.\"",
+                    "token_value": "StringBox::from(\"CREATE COLLABORATIVELY\")",
+                    "raw_value": "\"CREATE COLLABORATIVELY\"",
                     "token_type": "LiteralValue",
-                    "source_line": "                    <Text text=\"Animations render at up to 240 frames per second. Footprints are tiny: <100KB for WebAssembly and <500KB for native builds.\" class=p2 />",
+                    "source_line": "            <Text text=\"CREATE COLLABORATIVELY\" class=h2/>",
                     "token_location": {
                       "start_line_col": [
-                        75,
-                        31
+                        58,
+                        23
                       ],
                       "end_line_col": [
-                        75,
-                        156
+                        58,
+                        47
                       ]
                     }
                   }
@@ -4349,33 +4428,33 @@
                   "token_value": "class",
                   "raw_value": "class",
                   "token_type": "SettingKey",
-                  "source_line": "                    <Text text=\"Animations render at up to 240 frames per second. Footprints are tiny: <100KB for WebAssembly and <500KB for native builds.\" class=p2 />",
+                  "source_line": "            <Text text=\"CREATE COLLABORATIVELY\" class=h2/>",
                   "token_location": {
                     "start_line_col": [
-                      75,
-                      157
+                      58,
+                      48
                     ],
                     "end_line_col": [
-                      75,
-                      162
+                      58,
+                      53
                     ]
                   }
                 },
                 {
                   "Identifier": [
                     {
-                      "token_value": "p2",
-                      "raw_value": "p2",
+                      "token_value": "h2",
+                      "raw_value": "h2",
                       "token_type": "Identifier",
-                      "source_line": "                    <Text text=\"Animations render at up to 240 frames per second. Footprints are tiny: <100KB for WebAssembly and <500KB for native builds.\" class=p2 />",
+                      "source_line": "            <Text text=\"CREATE COLLABORATIVELY\" class=h2/>",
                       "token_location": {
                         "start_line_col": [
-                          75,
-                          163
+                          58,
+                          54
                         ],
                         "end_line_col": [
-                          75,
-                          165
+                          58,
+                          56
                         ]
                       }
                     },
@@ -4388,7 +4467,28 @@
           "pascal_identifier": "Text",
           "raw_comment_string": null
         },
-        {
+        "27": {
+          "id": 27,
+          "child_ids": [
+            28,
+            33
+          ],
+          "type_id": "pax_std::primitives::Group",
+          "control_flow_settings": null,
+          "settings": null,
+          "pascal_identifier": "Group",
+          "raw_comment_string": null
+        },
+        "2": {
+          "id": 2,
+          "child_ids": [],
+          "type_id": "COMMENT",
+          "control_flow_settings": null,
+          "settings": null,
+          "pascal_identifier": "Comment",
+          "raw_comment_string": "// Nav fixed overlay\n"
+        },
+        "40": {
           "id": 40,
           "child_ids": [],
           "type_id": "pax_std::primitives::Rectangle",
@@ -4515,112 +4615,43 @@
           "pascal_identifier": "Rectangle",
           "raw_comment_string": null
         },
-        {
-          "id": 41,
-          "child_ids": [
-            42,
-            47
-          ],
-          "type_id": "pax_std::primitives::Group",
-          "control_flow_settings": null,
-          "settings": null,
-          "pascal_identifier": "Group",
-          "raw_comment_string": null
-        },
-        {
-          "id": 42,
-          "child_ids": [
-            43
-          ],
-          "type_id": "pax_std::primitives::Frame",
+        "47": {
+          "id": 47,
+          "child_ids": [],
+          "type_id": "pax_std::primitives::Rectangle",
           "control_flow_settings": null,
           "settings": [
             {
               "Setting": [
                 {
-                  "token_value": "id",
-                  "raw_value": "id",
+                  "token_value": "width",
+                  "raw_value": "width",
                   "token_type": "SettingKey",
-                  "source_line": "            <Frame id=f2>",
+                  "source_line": "            <Rectangle width=100% height=1000px",
                   "token_location": {
                     "start_line_col": [
-                      86,
-                      19
+                      95,
+                      23
                     ],
                     "end_line_col": [
-                      86,
-                      21
-                    ]
-                  }
-                },
-                {
-                  "Identifier": [
-                    {
-                      "token_value": "f2",
-                      "raw_value": "f2",
-                      "token_type": "Identifier",
-                      "source_line": "            <Frame id=f2>",
-                      "token_location": {
-                        "start_line_col": [
-                          86,
-                          22
-                        ],
-                        "end_line_col": [
-                          86,
-                          24
-                        ]
-                      }
-                    },
-                    null
-                  ]
-                }
-              ]
-            }
-          ],
-          "pascal_identifier": "Frame",
-          "raw_comment_string": null
-        },
-        {
-          "id": 43,
-          "child_ids": [
-            44,
-            45,
-            46
-          ],
-          "type_id": "pax_std::stacker::Stacker",
-          "control_flow_settings": null,
-          "settings": [
-            {
-              "Setting": [
-                {
-                  "token_value": "cells",
-                  "raw_value": "cells",
-                  "token_type": "SettingKey",
-                  "source_line": "                <Stacker cells=3 direction=StackerDirection::Vertical gutter=10px sizes={[Option::None, Option::Some(20%), Option::None]} >",
-                  "token_location": {
-                    "start_line_col": [
-                      87,
-                      25
-                    ],
-                    "end_line_col": [
-                      87,
-                      30
+                      95,
+                      28
                     ]
                   }
                 },
                 {
                   "LiteralValue": {
-                    "token_value": "Numeric::from(3 )",
-                    "raw_value": "3 ",
+                    "token_value": "Size::Percent(100.into())",
+                    "raw_value": "100%",
                     "token_type": "LiteralValue",
-                    "source_line": "                <Stacker cells=3 direction=StackerDirection::Vertical gutter=10px sizes={[Option::None, Option::Some(20%), Option::None]} >",
+                    "source_line": "            <Rectangle width=100% height=1000px",
                     "token_location": {
                       "start_line_col": [
-                        87,
-                        31
+                        95,
+                        29
                       ],
                       "end_line_col": [
-                        87,
+                        95,
                         33
                       ]
                     }
@@ -4631,73 +4662,35 @@
             {
               "Setting": [
                 {
-                  "token_value": "direction",
-                  "raw_value": "direction",
-                  "token_type": "SettingKey",
-                  "source_line": "                <Stacker cells=3 direction=StackerDirection::Vertical gutter=10px sizes={[Option::None, Option::Some(20%), Option::None]} >",
-                  "token_location": {
-                    "start_line_col": [
-                      87,
-                      33
-                    ],
-                    "end_line_col": [
-                      87,
-                      42
-                    ]
-                  }
-                },
-                {
-                  "LiteralValue": {
-                    "token_value": "StackerDirection::Vertical ",
-                    "raw_value": "StackerDirection::Vertical ",
-                    "token_type": "LiteralValue",
-                    "source_line": "                <Stacker cells=3 direction=StackerDirection::Vertical gutter=10px sizes={[Option::None, Option::Some(20%), Option::None]} >",
-                    "token_location": {
-                      "start_line_col": [
-                        87,
-                        43
-                      ],
-                      "end_line_col": [
-                        87,
-                        70
-                      ]
-                    }
-                  }
-                }
-              ]
-            },
-            {
-              "Setting": [
-                {
-                  "token_value": "gutter",
-                  "raw_value": "gutter",
+                  "token_value": "height",
+                  "raw_value": "height",
                   "token_type": "SettingKey",
-                  "source_line": "                <Stacker cells=3 direction=StackerDirection::Vertical gutter=10px sizes={[Option::None, Option::Some(20%), Option::None]} >",
+                  "source_line": "            <Rectangle width=100% height=1000px",
                   "token_location": {
                     "start_line_col": [
-                      87,
-                      70
+                      95,
+                      34
                     ],
                     "end_line_col": [
-                      87,
-                      76
+                      95,
+                      40
                     ]
                   }
                 },
                 {
                   "LiteralValue": {
-                    "token_value": "Size::Pixels(10.into())",
-                    "raw_value": "10px",
+                    "token_value": "Size::Pixels(1000.into())",
+                    "raw_value": "1000px",
                     "token_type": "LiteralValue",
-                    "source_line": "                <Stacker cells=3 direction=StackerDirection::Vertical gutter=10px sizes={[Option::None, Option::Some(20%), Option::None]} >",
+                    "source_line": "            <Rectangle width=100% height=1000px",
                     "token_location": {
                       "start_line_col": [
-                        87,
-                        77
+                        95,
+                        41
                       ],
                       "end_line_col": [
-                        87,
-                        81
+                        95,
+                        47
                       ]
                     }
                   }
@@ -4707,36 +4700,36 @@
             {
               "Setting": [
                 {
-                  "token_value": "sizes",
-                  "raw_value": "sizes",
+                  "token_value": "fill",
+                  "raw_value": "fill",
                   "token_type": "SettingKey",
-                  "source_line": "                <Stacker cells=3 direction=StackerDirection::Vertical gutter=10px sizes={[Option::None, Option::Some(20%), Option::None]} >",
+                  "source_line": "                fill={Fill::linearGradient(",
                   "token_location": {
                     "start_line_col": [
-                      87,
-                      82
+                      96,
+                      16
                     ],
                     "end_line_col": [
-                      87,
-                      87
+                      96,
+                      20
                     ]
                   }
                 },
                 {
                   "Expression": [
                     {
-                      "token_value": "[Option::None, Option::Some(20%), Option::None]",
-                      "raw_value": "{[Option::None, Option::Some(20%), Option::None]}",
+                      "token_value": "Fill::linearGradient(\n                (0%, 0%),\n                (100%, 100%),\n                [GradientStop::get(Color::rgb(0.0,0.0,1.0), 0%), GradientStop::get(Color::rgb(1.0,1.0,0.0), 100%)])",
+                      "raw_value": "{Fill::linearGradient(\n                (0%, 0%),\n                (100%, 100%),\n                [GradientStop::get(Color::rgb(0.0,0.0,1.0), 0%), GradientStop::get(Color::rgb(1.0,1.0,0.0), 100%)])}",
                       "token_type": "Expression",
-                      "source_line": "                <Stacker cells=3 direction=StackerDirection::Vertical gutter=10px sizes={[Option::None, Option::Some(20%), Option::None]} >",
+                      "source_line": "                fill={Fill::linearGradient(",
                       "token_location": {
                         "start_line_col": [
-                          87,
-                          89
+                          96,
+                          22
                         ],
                         "end_line_col": [
-                          87,
-                          136
+                          99,
+                          115
                         ]
                       }
                     },
@@ -4746,11 +4739,11 @@
               ]
             }
           ],
-          "pascal_identifier": "Stacker",
+          "pascal_identifier": "Rectangle",
           "raw_comment_string": null
         },
-        {
-          "id": 44,
+        "6": {
+          "id": 6,
           "child_ids": [],
           "type_id": "pax_std::primitives::Text",
           "control_flow_settings": null,
@@ -4761,32 +4754,32 @@
                   "token_value": "text",
                   "raw_value": "text",
                   "token_type": "SettingKey",
-                  "source_line": "                    <Text text=\"OPEN SOURCE\" class=h2/>",
+                  "source_line": "            <Text text=\"<a href='https://docs.pax.rs' target='_blank'>Docs</a>\" class=link />",
                   "token_location": {
                     "start_line_col": [
-                      88,
-                      26
+                      6,
+                      18
                     ],
                     "end_line_col": [
-                      88,
-                      30
+                      6,
+                      22
                     ]
                   }
                 },
                 {
                   "LiteralValue": {
-                    "token_value": "StringBox::from(\"OPEN SOURCE\")",
-                    "raw_value": "\"OPEN SOURCE\"",
+                    "token_value": "StringBox::from(\"<a href='https://docs.pax.rs' target='_blank'>Docs</a>\")",
+                    "raw_value": "\"<a href='https://docs.pax.rs' target='_blank'>Docs</a>\"",
                     "token_type": "LiteralValue",
-                    "source_line": "                    <Text text=\"OPEN SOURCE\" class=h2/>",
+                    "source_line": "            <Text text=\"<a href='https://docs.pax.rs' target='_blank'>Docs</a>\" class=link />",
                     "token_location": {
                       "start_line_col": [
-                        88,
-                        31
+                        6,
+                        23
                       ],
                       "end_line_col": [
-                        88,
-                        44
+                        6,
+                        79
                       ]
                     }
                   }
@@ -4799,33 +4792,33 @@
                   "token_value": "class",
                   "raw_value": "class",
                   "token_type": "SettingKey",
-                  "source_line": "                    <Text text=\"OPEN SOURCE\" class=h2/>",
+                  "source_line": "            <Text text=\"<a href='https://docs.pax.rs' target='_blank'>Docs</a>\" class=link />",
                   "token_location": {
                     "start_line_col": [
-                      88,
-                      45
+                      6,
+                      80
                     ],
                     "end_line_col": [
-                      88,
-                      50
+                      6,
+                      85
                     ]
                   }
                 },
                 {
                   "Identifier": [
                     {
-                      "token_value": "h2",
-                      "raw_value": "h2",
+                      "token_value": "link",
+                      "raw_value": "link",
                       "token_type": "Identifier",
-                      "source_line": "                    <Text text=\"OPEN SOURCE\" class=h2/>",
+                      "source_line": "            <Text text=\"<a href='https://docs.pax.rs' target='_blank'>Docs</a>\" class=link />",
                       "token_location": {
                         "start_line_col": [
-                          88,
-                          51
+                          6,
+                          86
                         ],
                         "end_line_col": [
-                          88,
-                          53
+                          6,
+                          90
                         ]
                       }
                     },
@@ -4838,7 +4831,7 @@
           "pascal_identifier": "Text",
           "raw_comment_string": null
         },
-        {
+        "45": {
           "id": 45,
           "child_ids": [],
           "type_id": "pax_std::primitives::Text",
@@ -4927,44 +4920,44 @@
           "pascal_identifier": "Text",
           "raw_comment_string": null
         },
-        {
-          "id": 46,
+        "26": {
+          "id": 26,
           "child_ids": [],
-          "type_id": "pax_std::primitives::Text",
+          "type_id": "pax_std::primitives::Rectangle",
           "control_flow_settings": null,
           "settings": [
             {
               "Setting": [
                 {
-                  "token_value": "text",
-                  "raw_value": "text",
+                  "token_value": "width",
+                  "raw_value": "width",
                   "token_type": "SettingKey",
-                  "source_line": "                    <Text text=\"1. To make software creation more accessible to more of humanity",
+                  "source_line": "        <Rectangle width=100% height=1000px",
                   "token_location": {
                     "start_line_col": [
-                      90,
-                      26
+                      48,
+                      19
                     ],
                     "end_line_col": [
-                      90,
-                      30
+                      48,
+                      24
                     ]
                   }
                 },
                 {
                   "LiteralValue": {
-                    "token_value": "StringBox::from(\"1. To make software creation more accessible to more of humanity\n2. To unlock the digital interactive medium as a medium for art & creative expression\n3. To build a business around enabling visual creatives & non-coders to create software hand-in-hand with software developer\")",
-                    "raw_value": "\"1. To make software creation more accessible to more of humanity\n2. To unlock the digital interactive medium as a medium for art & creative expression\n3. To build a business around enabling visual creatives & non-coders to create software hand-in-hand with software developer\"",
+                    "token_value": "Size::Percent(100.into())",
+                    "raw_value": "100%",
                     "token_type": "LiteralValue",
-                    "source_line": "                    <Text text=\"1. To make software creation more accessible to more of humanity",
+                    "source_line": "        <Rectangle width=100% height=1000px",
                     "token_location": {
                       "start_line_col": [
-                        90,
-                        31
+                        48,
+                        25
                       ],
                       "end_line_col": [
-                        92,
-                        125
+                        48,
+                        29
                       ]
                     }
                   }
@@ -4974,36 +4967,74 @@
             {
               "Setting": [
                 {
-                  "token_value": "class",
-                  "raw_value": "class",
+                  "token_value": "height",
+                  "raw_value": "height",
                   "token_type": "SettingKey",
-                  "source_line": "3. To build a business around enabling visual creatives & non-coders to create software hand-in-hand with software developer\" class=p3 />",
+                  "source_line": "        <Rectangle width=100% height=1000px",
                   "token_location": {
                     "start_line_col": [
-                      92,
-                      126
+                      48,
+                      30
                     ],
                     "end_line_col": [
-                      92,
-                      131
+                      48,
+                      36
                     ]
                   }
                 },
                 {
-                  "Identifier": [
-                    {
-                      "token_value": "p3",
-                      "raw_value": "p3",
-                      "token_type": "Identifier",
-                      "source_line": "3. To build a business around enabling visual creatives & non-coders to create software hand-in-hand with software developer\" class=p3 />",
+                  "LiteralValue": {
+                    "token_value": "Size::Pixels(1000.into())",
+                    "raw_value": "1000px",
+                    "token_type": "LiteralValue",
+                    "source_line": "        <Rectangle width=100% height=1000px",
+                    "token_location": {
+                      "start_line_col": [
+                        48,
+                        37
+                      ],
+                      "end_line_col": [
+                        48,
+                        43
+                      ]
+                    }
+                  }
+                }
+              ]
+            },
+            {
+              "Setting": [
+                {
+                  "token_value": "fill",
+                  "raw_value": "fill",
+                  "token_type": "SettingKey",
+                  "source_line": "                fill={Fill::linearGradient(",
+                  "token_location": {
+                    "start_line_col": [
+                      49,
+                      16
+                    ],
+                    "end_line_col": [
+                      49,
+                      20
+                    ]
+                  }
+                },
+                {
+                  "Expression": [
+                    {
+                      "token_value": "Fill::linearGradient(\n                    (0%, 0%),\n                    (100%, 100%),\n                    [GradientStop::get(Color::rgb(0.0,1.0,1.0), 0%), GradientStop::get(Color::rgb(0.0,1.0,0.0), 100%)])",
+                      "raw_value": "{Fill::linearGradient(\n                    (0%, 0%),\n                    (100%, 100%),\n                    [GradientStop::get(Color::rgb(0.0,1.0,1.0), 0%), GradientStop::get(Color::rgb(0.0,1.0,0.0), 100%)])}",
+                      "token_type": "Expression",
+                      "source_line": "                fill={Fill::linearGradient(",
                       "token_location": {
                         "start_line_col": [
-                          92,
-                          132
+                          49,
+                          22
                         ],
                         "end_line_col": [
-                          92,
-                          134
+                          52,
+                          119
                         ]
                       }
                     },
@@ -5013,47 +5044,47 @@
               ]
             }
           ],
-          "pascal_identifier": "Text",
+          "pascal_identifier": "Rectangle",
           "raw_comment_string": null
         },
-        {
-          "id": 47,
+        "46": {
+          "id": 46,
           "child_ids": [],
-          "type_id": "pax_std::primitives::Rectangle",
+          "type_id": "pax_std::primitives::Text",
           "control_flow_settings": null,
           "settings": [
             {
               "Setting": [
                 {
-                  "token_value": "width",
-                  "raw_value": "width",
+                  "token_value": "text",
+                  "raw_value": "text",
                   "token_type": "SettingKey",
-                  "source_line": "            <Rectangle width=100% height=1000px",
+                  "source_line": "                    <Text text=\"1. To make software creation more accessible to more of humanity",
                   "token_location": {
                     "start_line_col": [
-                      95,
-                      23
+                      90,
+                      26
                     ],
                     "end_line_col": [
-                      95,
-                      28
+                      90,
+                      30
                     ]
                   }
                 },
                 {
                   "LiteralValue": {
-                    "token_value": "Size::Percent(100.into())",
-                    "raw_value": "100%",
+                    "token_value": "StringBox::from(\"1. To make software creation more accessible to more of humanity\n2. To unlock the digital interactive medium as a medium for art & creative expression\n3. To build a business around enabling visual creatives & non-coders to create software hand-in-hand with software developers.\")",
+                    "raw_value": "\"1. To make software creation more accessible to more of humanity\n2. To unlock the digital interactive medium as a medium for art & creative expression\n3. To build a business around enabling visual creatives & non-coders to create software hand-in-hand with software developers.\"",
                     "token_type": "LiteralValue",
-                    "source_line": "            <Rectangle width=100% height=1000px",
+                    "source_line": "                    <Text text=\"1. To make software creation more accessible to more of humanity",
                     "token_location": {
                       "start_line_col": [
-                        95,
-                        29
+                        90,
+                        31
                       ],
                       "end_line_col": [
-                        95,
-                        33
+                        92,
+                        127
                       ]
                     }
                   }
@@ -5063,35 +5094,86 @@
             {
               "Setting": [
                 {
-                  "token_value": "height",
-                  "raw_value": "height",
+                  "token_value": "class",
+                  "raw_value": "class",
                   "token_type": "SettingKey",
-                  "source_line": "            <Rectangle width=100% height=1000px",
+                  "source_line": "3. To build a business around enabling visual creatives & non-coders to create software hand-in-hand with software developers.\" class=p3 />",
                   "token_location": {
                     "start_line_col": [
-                      95,
-                      34
+                      92,
+                      128
                     ],
                     "end_line_col": [
-                      95,
-                      40
+                      92,
+                      133
+                    ]
+                  }
+                },
+                {
+                  "Identifier": [
+                    {
+                      "token_value": "p3",
+                      "raw_value": "p3",
+                      "token_type": "Identifier",
+                      "source_line": "3. To build a business around enabling visual creatives & non-coders to create software hand-in-hand with software developers.\" class=p3 />",
+                      "token_location": {
+                        "start_line_col": [
+                          92,
+                          134
+                        ],
+                        "end_line_col": [
+                          92,
+                          136
+                        ]
+                      }
+                    },
+                    null
+                  ]
+                }
+              ]
+            }
+          ],
+          "pascal_identifier": "Text",
+          "raw_comment_string": null
+        },
+        "8": {
+          "id": 8,
+          "child_ids": [],
+          "type_id": "pax_std::primitives::Text",
+          "control_flow_settings": null,
+          "settings": [
+            {
+              "Setting": [
+                {
+                  "token_value": "text",
+                  "raw_value": "text",
+                  "token_type": "SettingKey",
+                  "source_line": "            <Text text=\"<a href='https://discord.gg/Eq8KWAUc6b' target='_blank'>Discord</a>\" class=link />",
+                  "token_location": {
+                    "start_line_col": [
+                      8,
+                      18
+                    ],
+                    "end_line_col": [
+                      8,
+                      22
                     ]
                   }
                 },
                 {
                   "LiteralValue": {
-                    "token_value": "Size::Pixels(1000.into())",
-                    "raw_value": "1000px",
+                    "token_value": "StringBox::from(\"<a href='https://discord.gg/Eq8KWAUc6b' target='_blank'>Discord</a>\")",
+                    "raw_value": "\"<a href='https://discord.gg/Eq8KWAUc6b' target='_blank'>Discord</a>\"",
                     "token_type": "LiteralValue",
-                    "source_line": "            <Rectangle width=100% height=1000px",
+                    "source_line": "            <Text text=\"<a href='https://discord.gg/Eq8KWAUc6b' target='_blank'>Discord</a>\" class=link />",
                     "token_location": {
                       "start_line_col": [
-                        95,
-                        41
+                        8,
+                        23
                       ],
                       "end_line_col": [
-                        95,
-                        47
+                        8,
+                        92
                       ]
                     }
                   }
@@ -5101,36 +5183,36 @@
             {
               "Setting": [
                 {
-                  "token_value": "fill",
-                  "raw_value": "fill",
+                  "token_value": "class",
+                  "raw_value": "class",
                   "token_type": "SettingKey",
-                  "source_line": "                fill={Fill::linearGradient(",
+                  "source_line": "            <Text text=\"<a href='https://discord.gg/Eq8KWAUc6b' target='_blank'>Discord</a>\" class=link />",
                   "token_location": {
                     "start_line_col": [
-                      96,
-                      16
+                      8,
+                      93
                     ],
                     "end_line_col": [
-                      96,
-                      20
+                      8,
+                      98
                     ]
                   }
                 },
                 {
-                  "Expression": [
+                  "Identifier": [
                     {
-                      "token_value": "Fill::linearGradient(\n                (0%, 0%),\n                (100%, 100%),\n                [GradientStop::get(Color::rgb(0.0,0.0,1.0), 0%), GradientStop::get(Color::rgb(1.0,1.0,0.0), 100%)])",
-                      "raw_value": "{Fill::linearGradient(\n                (0%, 0%),\n                (100%, 100%),\n                [GradientStop::get(Color::rgb(0.0,0.0,1.0), 0%), GradientStop::get(Color::rgb(1.0,1.0,0.0), 100%)])}",
-                      "token_type": "Expression",
-                      "source_line": "                fill={Fill::linearGradient(",
+                      "token_value": "link",
+                      "raw_value": "link",
+                      "token_type": "Identifier",
+                      "source_line": "            <Text text=\"<a href='https://discord.gg/Eq8KWAUc6b' target='_blank'>Discord</a>\" class=link />",
                       "token_location": {
                         "start_line_col": [
-                          96,
-                          22
+                          8,
+                          99
                         ],
                         "end_line_col": [
-                          99,
-                          115
+                          8,
+                          103
                         ]
                       }
                     },
@@ -5140,10 +5222,31 @@
               ]
             }
           ],
-          "pascal_identifier": "Rectangle",
+          "pascal_identifier": "Text",
+          "raw_comment_string": null
+        },
+        "34": {
+          "id": 34,
+          "child_ids": [
+            35,
+            40
+          ],
+          "type_id": "pax_std::primitives::Group",
+          "control_flow_settings": null,
+          "settings": null,
+          "pascal_identifier": "Group",
           "raw_comment_string": null
+        },
+        "11": {
+          "id": 11,
+          "child_ids": [],
+          "type_id": "COMMENT",
+          "control_flow_settings": null,
+          "settings": null,
+          "pascal_identifier": "Comment",
+          "raw_comment_string": "// Scrolling content pane\n"
         }
-      ],
+      },
       "settings": [
         {
           "SelectorBlock": [
@@ -8764,46 +8867,8 @@
             ]
           ]
         }
-      ]
-    },
-    "pax_std::types::ColorVariant": {
-      "type_id": "pax_std::types::ColorVariant",
-      "type_id_escaped": "pax_stdCOCOtypesCOCOColorVariant",
-      "is_main_component": false,
-      "is_primitive": false,
-      "is_struct_only_component": true,
-      "pascal_identifier": "ColorVariant",
-      "module_path": "pax_std::types",
-      "primitive_instance_import_path": null,
-      "template": null,
-      "settings": null,
-      "handlers": null
-    },
-    "pax_std::types::Color": {
-      "type_id": "pax_std::types::Color",
-      "type_id_escaped": "pax_stdCOCOtypesCOCOColor",
-      "is_main_component": false,
-      "is_primitive": false,
-      "is_struct_only_component": true,
-      "pascal_identifier": "Color",
-      "module_path": "pax_std::types",
-      "primitive_instance_import_path": null,
-      "template": null,
-      "settings": null,
-      "handlers": null
-    },
-    "pax_std::types::text::TextStyle": {
-      "type_id": "pax_std::types::text::TextStyle",
-      "type_id_escaped": "pax_stdCOCOtypesCOCOtextCOCOTextStyle",
-      "is_main_component": false,
-      "is_primitive": false,
-      "is_struct_only_component": true,
-      "pascal_identifier": "TextStyle",
-      "module_path": "pax_std::types::text",
-      "primitive_instance_import_path": null,
-      "template": null,
-      "settings": null,
-      "handlers": null
+      ],
+      "next_template_id": 48
     },
     "pax_std::types::StackerCell": {
       "type_id": "pax_std::types::StackerCell",
@@ -8816,123 +8881,39 @@
       "primitive_instance_import_path": null,
       "template": null,
       "settings": null,
-      "handlers": null
-    },
-    "pax_std::types::text::Font": {
-      "type_id": "pax_std::types::text::Font",
-      "type_id_escaped": "pax_stdCOCOtypesCOCOtextCOCOFont",
-      "is_main_component": false,
-      "is_primitive": false,
-      "is_struct_only_component": true,
-      "pascal_identifier": "Font",
-      "module_path": "pax_std::types::text",
-      "primitive_instance_import_path": null,
-      "template": null,
-      "settings": null,
-      "handlers": null
-    },
-    "pax_std::primitives::Frame": {
-      "type_id": "pax_std::primitives::Frame",
-      "type_id_escaped": "pax_stdCOCOprimitivesCOCOFrame",
-      "is_main_component": false,
-      "is_primitive": true,
-      "is_struct_only_component": false,
-      "pascal_identifier": "Frame",
-      "module_path": "pax_std::primitives",
-      "primitive_instance_import_path": "pax_std_primitives::frame::FrameInstance",
-      "template": null,
-      "settings": null,
-      "handlers": null
-    },
-    "pax_std::types::LinearGradient": {
-      "type_id": "pax_std::types::LinearGradient",
-      "type_id_escaped": "pax_stdCOCOtypesCOCOLinearGradient",
-      "is_main_component": false,
-      "is_primitive": false,
-      "is_struct_only_component": true,
-      "pascal_identifier": "LinearGradient",
-      "module_path": "pax_std::types",
-      "primitive_instance_import_path": null,
-      "template": null,
-      "settings": null,
-      "handlers": null
+      "handlers": null,
+      "next_template_id": null
     }
   },
   "main_component_type_id": "crate::WebsiteDesktop",
   "expression_specs": null,
   "type_table": {
-    "pax_std::types::text::Font": {
-      "type_id": "pax_std::types::text::Font",
-      "type_id_escaped": "pax_stdCOCOtypesCOCOtextCOCOFont",
-      "import_path": "pax_std::types::text::Font",
+    "pax_lang::api::Numeric": {
+      "type_id": "pax_lang::api::Numeric",
+      "type_id_escaped": "pax_langCOCOapiCOCONumeric",
+      "import_path": "pax_lang::api::Numeric",
       "inner_iterable_type_id": null,
-      "property_definitions": [
-        {
-          "name": "System",
-          "flags": {
-            "is_binding_repeat_i": false,
-            "is_binding_repeat_elem": false,
-            "is_repeat_source_range": false,
-            "is_repeat_source_iterable": false,
-            "is_property_wrapped": false
-          },
-          "type_id": "pax_std::types::text::SystemFont"
-        },
-        {
-          "name": "Web",
-          "flags": {
-            "is_binding_repeat_i": false,
-            "is_binding_repeat_elem": false,
-            "is_repeat_source_range": false,
-            "is_repeat_source_iterable": false,
-            "is_property_wrapped": false
-          },
-          "type_id": "pax_std::types::text::WebFont"
-        },
-        {
-          "name": "Local",
-          "flags": {
-            "is_binding_repeat_i": false,
-            "is_binding_repeat_elem": false,
-            "is_repeat_source_range": false,
-            "is_repeat_source_iterable": false,
-            "is_property_wrapped": false
-          },
-          "type_id": "pax_std::types::text::LocalFont"
-        }
-      ]
+      "property_definitions": []
     },
-    "pax_std::primitives::Image": {
-      "type_id": "pax_std::primitives::Image",
-      "type_id_escaped": "pax_stdCOCOprimitivesCOCOImage",
-      "import_path": "pax_std::primitives::Image",
+    "u128": {
+      "type_id": "u128",
+      "type_id_escaped": "u128",
+      "import_path": "u128",
       "inner_iterable_type_id": null,
-      "property_definitions": [
-        {
-          "name": "path",
-          "flags": {
-            "is_binding_repeat_i": false,
-            "is_binding_repeat_elem": false,
-            "is_repeat_source_range": false,
-            "is_repeat_source_iterable": false,
-            "is_property_wrapped": false
-          },
-          "type_id": "pax_lang::api::StringBox"
-        }
-      ]
+      "property_definitions": []
     },
-    "f64": {
-      "type_id": "f64",
-      "type_id_escaped": "f64",
-      "import_path": "f64",
+    "pax_lang::api::Size": {
+      "type_id": "pax_lang::api::Size",
+      "type_id_escaped": "pax_langCOCOapiCOCOSize",
+      "import_path": "pax_lang::api::Size",
       "inner_iterable_type_id": null,
       "property_definitions": []
     },
-    "u64": {
-      "type_id": "u64",
-      "type_id_escaped": "u64",
-      "import_path": "u64",
-      "inner_iterable_type_id": null,
+    "std::vec::Vec<{PREFIX}pax_std::types::StackerCell>": {
+      "type_id": "std::vec::Vec<{PREFIX}pax_std::types::StackerCell>",
+      "type_id_escaped": "stdCOCOvecCOCOVecLABR{PREFIX}pax_stdCOCOtypesCOCOStackerCellRABR",
+      "import_path": "std::vec::Vec",
+      "inner_iterable_type_id": "pax_std::types::StackerCell",
       "property_definitions": []
     },
     "pax_std::types::GradientStop": {
@@ -8965,114 +8946,14 @@
         }
       ]
     },
-    "pax_std::types::LinearGradient": {
-      "type_id": "pax_std::types::LinearGradient",
-      "type_id_escaped": "pax_stdCOCOtypesCOCOLinearGradient",
-      "import_path": "pax_std::types::LinearGradient",
-      "inner_iterable_type_id": null,
-      "property_definitions": [
-        {
-          "name": "stops",
-          "flags": {
-            "is_binding_repeat_i": false,
-            "is_binding_repeat_elem": false,
-            "is_repeat_source_range": false,
-            "is_repeat_source_iterable": false,
-            "is_property_wrapped": false
-          },
-          "type_id": "std::vec::Vec<{PREFIX}pax_std::types::GradientStop>"
-        }
-      ]
-    },
-    "pax_std::types::Stroke": {
-      "type_id": "pax_std::types::Stroke",
-      "type_id_escaped": "pax_stdCOCOtypesCOCOStroke",
-      "import_path": "pax_std::types::Stroke",
-      "inner_iterable_type_id": null,
-      "property_definitions": [
-        {
-          "name": "color",
-          "flags": {
-            "is_binding_repeat_i": false,
-            "is_binding_repeat_elem": false,
-            "is_repeat_source_range": false,
-            "is_repeat_source_iterable": false,
-            "is_property_wrapped": false
-          },
-          "type_id": "pax_std::types::Color"
-        },
-        {
-          "name": "width",
-          "flags": {
-            "is_binding_repeat_i": false,
-            "is_binding_repeat_elem": false,
-            "is_repeat_source_range": false,
-            "is_repeat_source_iterable": false,
-            "is_property_wrapped": false
-          },
-          "type_id": "pax_lang::api::SizePixels"
-        }
-      ]
-    },
-    "i128": {
-      "type_id": "i128",
-      "type_id_escaped": "i128",
-      "import_path": "i128",
-      "inner_iterable_type_id": null,
-      "property_definitions": []
-    },
-    "pax_std::types::RadialGradient": {
-      "type_id": "pax_std::types::RadialGradient",
-      "type_id_escaped": "pax_stdCOCOtypesCOCORadialGradient",
-      "import_path": "pax_std::types::RadialGradient",
-      "inner_iterable_type_id": null,
-      "property_definitions": [
-        {
-          "name": "radius",
-          "flags": {
-            "is_binding_repeat_i": false,
-            "is_binding_repeat_elem": false,
-            "is_repeat_source_range": false,
-            "is_repeat_source_iterable": false,
-            "is_property_wrapped": false
-          },
-          "type_id": "f64"
-        },
-        {
-          "name": "stops",
-          "flags": {
-            "is_binding_repeat_i": false,
-            "is_binding_repeat_elem": false,
-            "is_repeat_source_range": false,
-            "is_repeat_source_iterable": false,
-            "is_property_wrapped": false
-          },
-          "type_id": "std::vec::Vec<{PREFIX}pax_std::types::GradientStop>"
-        }
-      ]
-    },
-    "i32": {
-      "type_id": "i32",
-      "type_id_escaped": "i32",
-      "import_path": "i32",
-      "inner_iterable_type_id": null,
-      "property_definitions": []
-    },
-    "i16": {
-      "type_id": "i16",
-      "type_id_escaped": "i16",
-      "import_path": "i16",
-      "inner_iterable_type_id": null,
-      "property_definitions": []
-    },
-    "pax_std::primitives::Scroller": {
-      "type_id": "pax_std::primitives::Scroller",
-      "type_id_escaped": "pax_stdCOCOprimitivesCOCOScroller",
-      "import_path": "pax_std::primitives::Scroller",
+    "pax_std::primitives::Rectangle": {
+      "type_id": "pax_std::primitives::Rectangle",
+      "type_id_escaped": "pax_stdCOCOprimitivesCOCORectangle",
+      "import_path": "pax_std::primitives::Rectangle",
       "inner_iterable_type_id": null,
       "property_definitions": [
         {
-          "name": "size_inner_pane_x",
+          "name": "stroke",
           "flags": {
             "is_binding_repeat_i": false,
             "is_binding_repeat_elem": false,
@@ -9080,10 +8961,10 @@
             "is_repeat_source_iterable": false,
             "is_property_wrapped": false
           },
-          "type_id": "pax_lang::api::Size"
+          "type_id": "pax_std::types::Stroke"
         },
         {
-          "name": "size_inner_pane_y",
+          "name": "fill",
           "flags": {
             "is_binding_repeat_i": false,
             "is_binding_repeat_elem": false,
@@ -9091,10 +8972,10 @@
             "is_repeat_source_iterable": false,
             "is_property_wrapped": false
           },
-          "type_id": "pax_lang::api::Size"
+          "type_id": "pax_std::types::Fill"
         },
         {
-          "name": "scroll_enabled_x",
+          "name": "corner_radii",
           "flags": {
             "is_binding_repeat_i": false,
             "is_binding_repeat_elem": false,
@@ -9102,10 +8983,18 @@
             "is_repeat_source_iterable": false,
             "is_property_wrapped": false
           },
-          "type_id": "bool"
-        },
+          "type_id": "pax_std::types::RectangleCornerRadii"
+        }
+      ]
+    },
+    "pax_std::types::Color": {
+      "type_id": "pax_std::types::Color",
+      "type_id_escaped": "pax_stdCOCOtypesCOCOColor",
+      "import_path": "pax_std::types::Color",
+      "inner_iterable_type_id": null,
+      "property_definitions": [
         {
-          "name": "scroll_enabled_y",
+          "name": "color_variant",
           "flags": {
             "is_binding_repeat_i": false,
             "is_binding_repeat_elem": false,
@@ -9113,18 +9002,39 @@
             "is_repeat_source_iterable": false,
             "is_property_wrapped": false
           },
-          "type_id": "bool"
+          "type_id": "pax_std::types::ColorVariant"
         }
       ]
     },
-    "pax_std::types::text::SystemFont": {
-      "type_id": "pax_std::types::text::SystemFont",
-      "type_id_escaped": "pax_stdCOCOtypesCOCOtextCOCOSystemFont",
-      "import_path": "pax_std::types::text::SystemFont",
+    "i16": {
+      "type_id": "i16",
+      "type_id_escaped": "i16",
+      "import_path": "i16",
+      "inner_iterable_type_id": null,
+      "property_definitions": []
+    },
+    "pax_lang::api::StringBox": {
+      "type_id": "pax_lang::api::StringBox",
+      "type_id_escaped": "pax_langCOCOapiCOCOStringBox",
+      "import_path": "pax_lang::api::StringBox",
+      "inner_iterable_type_id": null,
+      "property_definitions": []
+    },
+    "u64": {
+      "type_id": "u64",
+      "type_id_escaped": "u64",
+      "import_path": "u64",
+      "inner_iterable_type_id": null,
+      "property_definitions": []
+    },
+    "pax_std::primitives::Text": {
+      "type_id": "pax_std::primitives::Text",
+      "type_id_escaped": "pax_stdCOCOprimitivesCOCOText",
+      "import_path": "pax_std::primitives::Text",
       "inner_iterable_type_id": null,
       "property_definitions": [
         {
-          "name": "family",
+          "name": "text",
           "flags": {
             "is_binding_repeat_i": false,
             "is_binding_repeat_elem": false,
@@ -9143,10 +9053,10 @@
             "is_repeat_source_iterable": false,
             "is_property_wrapped": false
           },
-          "type_id": "pax_std::types::text::FontStyle"
+          "type_id": "pax_std::types::text::TextStyle"
         },
         {
-          "name": "weight",
+          "name": "style_link",
           "flags": {
             "is_binding_repeat_i": false,
             "is_binding_repeat_elem": false,
@@ -9154,44 +9064,28 @@
             "is_repeat_source_iterable": false,
             "is_property_wrapped": false
           },
-          "type_id": "pax_std::types::text::FontWeight"
+          "type_id": "pax_std::types::text::TextStyle"
         }
       ]
     },
-    "u32": {
-      "type_id": "u32",
-      "type_id_escaped": "u32",
-      "import_path": "u32",
-      "inner_iterable_type_id": null,
-      "property_definitions": []
-    },
-    "pax_std::types::ColorVariant": {
-      "type_id": "pax_std::types::ColorVariant",
-      "type_id_escaped": "pax_stdCOCOtypesCOCOColorVariant",
-      "import_path": "pax_std::types::ColorVariant",
-      "inner_iterable_type_id": null,
-      "property_definitions": []
-    },
-    "pax_lang::api::SizePixels": {
-      "type_id": "pax_lang::api::SizePixels",
-      "type_id_escaped": "pax_langCOCOapiCOCOSizePixels",
-      "import_path": "pax_lang::api::SizePixels",
-      "inner_iterable_type_id": null,
-      "property_definitions": []
-    },
-    "bool": {
-      "type_id": "bool",
-      "type_id_escaped": "bool",
-      "import_path": "bool",
-      "inner_iterable_type_id": null,
-      "property_definitions": []
-    },
-    "i64": {
-      "type_id": "i64",
-      "type_id_escaped": "i64",
-      "import_path": "i64",
+    "pax_std::primitives::Image": {
+      "type_id": "pax_std::primitives::Image",
+      "type_id_escaped": "pax_stdCOCOprimitivesCOCOImage",
+      "import_path": "pax_std::primitives::Image",
       "inner_iterable_type_id": null,
-      "property_definitions": []
+      "property_definitions": [
+        {
+          "name": "path",
+          "flags": {
+            "is_binding_repeat_i": false,
+            "is_binding_repeat_elem": false,
+            "is_repeat_source_range": false,
+            "is_repeat_source_iterable": false,
+            "is_property_wrapped": false
+          },
+          "type_id": "pax_lang::api::StringBox"
+        }
+      ]
     },
     "std::vec::Vec<{PREFIX}std::option::Option<{PREFIX}pax_lang::api::Size>>": {
       "type_id": "std::vec::Vec<{PREFIX}std::option::Option<{PREFIX}pax_lang::api::Size>>",
@@ -9200,21 +9094,14 @@
       "inner_iterable_type_id": "std::option::Option<{PREFIX}pax_lang::api::Size>",
       "property_definitions": []
     },
-    "std::vec::Vec<{PREFIX}pax_std::types::StackerCell>": {
-      "type_id": "std::vec::Vec<{PREFIX}pax_std::types::StackerCell>",
-      "type_id_escaped": "stdCOCOvecCOCOVecLABR{PREFIX}pax_stdCOCOtypesCOCOStackerCellRABR",
-      "import_path": "std::vec::Vec",
-      "inner_iterable_type_id": "pax_std::types::StackerCell",
-      "property_definitions": []
-    },
-    "pax_std::types::text::WebFont": {
-      "type_id": "pax_std::types::text::WebFont",
-      "type_id_escaped": "pax_stdCOCOtypesCOCOtextCOCOWebFont",
-      "import_path": "pax_std::types::text::WebFont",
+    "pax_std::stacker::Stacker": {
+      "type_id": "pax_std::stacker::Stacker",
+      "type_id_escaped": "pax_stdCOCOstackerCOCOStacker",
+      "import_path": "pax_std::stacker::Stacker",
       "inner_iterable_type_id": null,
       "property_definitions": [
         {
-          "name": "family",
+          "name": "cells",
           "flags": {
             "is_binding_repeat_i": false,
             "is_binding_repeat_elem": false,
@@ -9222,10 +9109,10 @@
             "is_repeat_source_iterable": false,
             "is_property_wrapped": false
           },
-          "type_id": "pax_lang::api::StringBox"
+          "type_id": "pax_lang::api::Numeric"
         },
         {
-          "name": "url",
+          "name": "direction",
           "flags": {
             "is_binding_repeat_i": false,
             "is_binding_repeat_elem": false,
@@ -9233,10 +9120,10 @@
             "is_repeat_source_iterable": false,
             "is_property_wrapped": false
           },
-          "type_id": "pax_lang::api::StringBox"
+          "type_id": "pax_std::types::StackerDirection"
         },
         {
-          "name": "style",
+          "name": "_cell_specs",
           "flags": {
             "is_binding_repeat_i": false,
             "is_binding_repeat_elem": false,
@@ -9244,10 +9131,10 @@
             "is_repeat_source_iterable": false,
             "is_property_wrapped": false
           },
-          "type_id": "pax_std::types::text::FontStyle"
+          "type_id": "std::vec::Vec<{PREFIX}pax_std::types::StackerCell>"
         },
         {
-          "name": "weight",
+          "name": "gutter",
           "flags": {
             "is_binding_repeat_i": false,
             "is_binding_repeat_elem": false,
@@ -9255,25 +9142,29 @@
             "is_repeat_source_iterable": false,
             "is_property_wrapped": false
           },
-          "type_id": "pax_std::types::text::FontWeight"
+          "type_id": "pax_lang::api::Size"
+        },
+        {
+          "name": "sizes",
+          "flags": {
+            "is_binding_repeat_i": false,
+            "is_binding_repeat_elem": false,
+            "is_repeat_source_range": false,
+            "is_repeat_source_iterable": false,
+            "is_property_wrapped": false
+          },
+          "type_id": "std::vec::Vec<{PREFIX}std::option::Option<{PREFIX}pax_lang::api::Size>>"
         }
       ]
     },
-    "pax_std::types::text::TextAlignVertical": {
-      "type_id": "pax_std::types::text::TextAlignVertical",
-      "type_id_escaped": "pax_stdCOCOtypesCOCOtextCOCOTextAlignVertical",
-      "import_path": "pax_std::types::text::TextAlignVertical",
-      "inner_iterable_type_id": null,
-      "property_definitions": []
-    },
-    "pax_std::types::text::TextStyle": {
-      "type_id": "pax_std::types::text::TextStyle",
-      "type_id_escaped": "pax_stdCOCOtypesCOCOtextCOCOTextStyle",
-      "import_path": "pax_std::types::text::TextStyle",
+    "pax_std::primitives::Scroller": {
+      "type_id": "pax_std::primitives::Scroller",
+      "type_id_escaped": "pax_stdCOCOprimitivesCOCOScroller",
+      "import_path": "pax_std::primitives::Scroller",
       "inner_iterable_type_id": null,
       "property_definitions": [
         {
-          "name": "font",
+          "name": "size_inner_pane_x",
           "flags": {
             "is_binding_repeat_i": false,
             "is_binding_repeat_elem": false,
@@ -9281,10 +9172,10 @@
             "is_repeat_source_iterable": false,
             "is_property_wrapped": false
           },
-          "type_id": "pax_std::types::text::Font"
+          "type_id": "pax_lang::api::Size"
         },
         {
-          "name": "font_size",
+          "name": "size_inner_pane_y",
           "flags": {
             "is_binding_repeat_i": false,
             "is_binding_repeat_elem": false,
@@ -9292,10 +9183,10 @@
             "is_repeat_source_iterable": false,
             "is_property_wrapped": false
           },
-          "type_id": "pax_lang::api::SizePixels"
+          "type_id": "pax_lang::api::Size"
         },
         {
-          "name": "fill",
+          "name": "scroll_enabled_x",
           "flags": {
             "is_binding_repeat_i": false,
             "is_binding_repeat_elem": false,
@@ -9303,10 +9194,10 @@
             "is_repeat_source_iterable": false,
             "is_property_wrapped": false
           },
-          "type_id": "pax_std::types::Color"
+          "type_id": "bool"
         },
         {
-          "name": "underline",
+          "name": "scroll_enabled_y",
           "flags": {
             "is_binding_repeat_i": false,
             "is_binding_repeat_elem": false,
@@ -9315,9 +9206,76 @@
             "is_property_wrapped": false
           },
           "type_id": "bool"
-        },
+        }
+      ]
+    },
+    "crate::WebsiteDesktop": {
+      "type_id": "crate::WebsiteDesktop",
+      "type_id_escaped": "crateCOCOWebsiteDesktop",
+      "import_path": "crate::WebsiteDesktop",
+      "inner_iterable_type_id": null,
+      "property_definitions": [
         {
-          "name": "align_multiline",
+          "name": "ticks",
+          "flags": {
+            "is_binding_repeat_i": false,
+            "is_binding_repeat_elem": false,
+            "is_repeat_source_range": false,
+            "is_repeat_source_iterable": false,
+            "is_property_wrapped": false
+          },
+          "type_id": "usize"
+        }
+      ]
+    },
+    "std::vec::Vec<{PREFIX}pax_std::types::GradientStop>": {
+      "type_id": "std::vec::Vec<{PREFIX}pax_std::types::GradientStop>",
+      "type_id_escaped": "stdCOCOvecCOCOVecLABR{PREFIX}pax_stdCOCOtypesCOCOGradientStopRABR",
+      "import_path": "std::vec::Vec",
+      "inner_iterable_type_id": "pax_std::types::GradientStop",
+      "property_definitions": []
+    },
+    "pax_std::types::text::FontStyle": {
+      "type_id": "pax_std::types::text::FontStyle",
+      "type_id_escaped": "pax_stdCOCOtypesCOCOtextCOCOFontStyle",
+      "import_path": "pax_std::types::text::FontStyle",
+      "inner_iterable_type_id": null,
+      "property_definitions": []
+    },
+    "pax_std::primitives::Frame": {
+      "type_id": "pax_std::primitives::Frame",
+      "type_id_escaped": "pax_stdCOCOprimitivesCOCOFrame",
+      "import_path": "pax_std::primitives::Frame",
+      "inner_iterable_type_id": null,
+      "property_definitions": []
+    },
+    "pax_std::types::LinearGradient": {
+      "type_id": "pax_std::types::LinearGradient",
+      "type_id_escaped": "pax_stdCOCOtypesCOCOLinearGradient",
+      "import_path": "pax_std::types::LinearGradient",
+      "inner_iterable_type_id": null,
+      "property_definitions": [
+        {
+          "name": "stops",
+          "flags": {
+            "is_binding_repeat_i": false,
+            "is_binding_repeat_elem": false,
+            "is_repeat_source_range": false,
+            "is_repeat_source_iterable": false,
+            "is_property_wrapped": false
+          },
+          "type_id": "std::vec::Vec<{PREFIX}pax_std::types::GradientStop>"
+        }
+      ]
+    },
+    "pax_std::types::text::SystemFont": {
+      "type_id": "pax_std::types::text::SystemFont",
+      "type_id_escaped": "pax_stdCOCOtypesCOCOtextCOCOSystemFont",
+      "import_path": "pax_std::types::text::SystemFont",
+      "inner_iterable_type_id": null,
+      "property_definitions": [
+        {
+          "name": "family",
           "flags": {
             "is_binding_repeat_i": false,
             "is_binding_repeat_elem": false,
@@ -9325,10 +9283,10 @@
             "is_repeat_source_iterable": false,
             "is_property_wrapped": false
           },
-          "type_id": "pax_std::types::text::TextAlignHorizontal"
+          "type_id": "pax_lang::api::StringBox"
         },
         {
-          "name": "align_vertical",
+          "name": "style",
           "flags": {
             "is_binding_repeat_i": false,
             "is_binding_repeat_elem": false,
@@ -9336,10 +9294,10 @@
             "is_repeat_source_iterable": false,
             "is_property_wrapped": false
           },
-          "type_id": "pax_std::types::text::TextAlignVertical"
+          "type_id": "pax_std::types::text::FontStyle"
         },
         {
-          "name": "align_horizontal",
+          "name": "weight",
           "flags": {
             "is_binding_repeat_i": false,
             "is_binding_repeat_elem": false,
@@ -9347,17 +9305,10 @@
             "is_repeat_source_iterable": false,
             "is_property_wrapped": false
           },
-          "type_id": "pax_std::types::text::TextAlignHorizontal"
+          "type_id": "pax_std::types::text::FontWeight"
         }
       ]
     },
-    "String": {
-      "type_id": "String",
-      "type_id_escaped": "String",
-      "import_path": "String",
-      "inner_iterable_type_id": null,
-      "property_definitions": []
-    },
     "std::option::Option<{PREFIX}pax_lang::api::Size>": {
       "type_id": "std::option::Option<{PREFIX}pax_lang::api::Size>",
       "type_id_escaped": "stdCOCOoptionCOCOOptionLABR{PREFIX}pax_langCOCOapiCOCOSizeRABR",
@@ -9365,14 +9316,35 @@
       "inner_iterable_type_id": null,
       "property_definitions": []
     },
-    "pax_std::types::Fill": {
-      "type_id": "pax_std::types::Fill",
-      "type_id_escaped": "pax_stdCOCOtypesCOCOFill",
-      "import_path": "pax_std::types::Fill",
+    "pax_std::types::ColorVariant": {
+      "type_id": "pax_std::types::ColorVariant",
+      "type_id_escaped": "pax_stdCOCOtypesCOCOColorVariant",
+      "import_path": "pax_std::types::ColorVariant",
+      "inner_iterable_type_id": null,
+      "property_definitions": []
+    },
+    "pax_std::types::text::TextAlignVertical": {
+      "type_id": "pax_std::types::text::TextAlignVertical",
+      "type_id_escaped": "pax_stdCOCOtypesCOCOtextCOCOTextAlignVertical",
+      "import_path": "pax_std::types::text::TextAlignVertical",
+      "inner_iterable_type_id": null,
+      "property_definitions": []
+    },
+    "pax_std::types::text::FontWeight": {
+      "type_id": "pax_std::types::text::FontWeight",
+      "type_id_escaped": "pax_stdCOCOtypesCOCOtextCOCOFontWeight",
+      "import_path": "pax_std::types::text::FontWeight",
+      "inner_iterable_type_id": null,
+      "property_definitions": []
+    },
+    "pax_std::types::RadialGradient": {
+      "type_id": "pax_std::types::RadialGradient",
+      "type_id_escaped": "pax_stdCOCOtypesCOCORadialGradient",
+      "import_path": "pax_std::types::RadialGradient",
       "inner_iterable_type_id": null,
       "property_definitions": [
         {
-          "name": "Solid",
+          "name": "radius",
           "flags": {
             "is_binding_repeat_i": false,
             "is_binding_repeat_elem": false,
@@ -9380,10 +9352,10 @@
             "is_repeat_source_iterable": false,
             "is_property_wrapped": false
           },
-          "type_id": "pax_std::types::Color"
+          "type_id": "f64"
         },
         {
-          "name": "LinearGradient",
+          "name": "stops",
           "flags": {
             "is_binding_repeat_i": false,
             "is_binding_repeat_elem": false,
@@ -9391,10 +9363,29 @@
             "is_repeat_source_iterable": false,
             "is_property_wrapped": false
           },
-          "type_id": "pax_std::types::LinearGradient"
+          "type_id": "std::vec::Vec<{PREFIX}pax_std::types::GradientStop>"
+        }
+      ]
+    },
+    "pax_std::types::Stroke": {
+      "type_id": "pax_std::types::Stroke",
+      "type_id_escaped": "pax_stdCOCOtypesCOCOStroke",
+      "import_path": "pax_std::types::Stroke",
+      "inner_iterable_type_id": null,
+      "property_definitions": [
+        {
+          "name": "color",
+          "flags": {
+            "is_binding_repeat_i": false,
+            "is_binding_repeat_elem": false,
+            "is_repeat_source_range": false,
+            "is_repeat_source_iterable": false,
+            "is_property_wrapped": false
+          },
+          "type_id": "pax_std::types::Color"
         },
         {
-          "name": "RadialGradient",
+          "name": "width",
           "flags": {
             "is_binding_repeat_i": false,
             "is_binding_repeat_elem": false,
@@ -9402,25 +9393,18 @@
             "is_repeat_source_iterable": false,
             "is_property_wrapped": false
           },
-          "type_id": "pax_std::types::RadialGradient"
+          "type_id": "pax_lang::api::SizePixels"
         }
       ]
     },
-    "pax_std::types::text::FontWeight": {
-      "type_id": "pax_std::types::text::FontWeight",
-      "type_id_escaped": "pax_stdCOCOtypesCOCOtextCOCOFontWeight",
-      "import_path": "pax_std::types::text::FontWeight",
-      "inner_iterable_type_id": null,
-      "property_definitions": []
-    },
-    "pax_std::primitives::Text": {
-      "type_id": "pax_std::primitives::Text",
-      "type_id_escaped": "pax_stdCOCOprimitivesCOCOText",
-      "import_path": "pax_std::primitives::Text",
+    "pax_std::types::text::TextStyle": {
+      "type_id": "pax_std::types::text::TextStyle",
+      "type_id_escaped": "pax_stdCOCOtypesCOCOtextCOCOTextStyle",
+      "import_path": "pax_std::types::text::TextStyle",
       "inner_iterable_type_id": null,
       "property_definitions": [
         {
-          "name": "text",
+          "name": "font",
           "flags": {
             "is_binding_repeat_i": false,
             "is_binding_repeat_elem": false,
@@ -9428,10 +9412,10 @@
             "is_repeat_source_iterable": false,
             "is_property_wrapped": false
           },
-          "type_id": "pax_lang::api::StringBox"
+          "type_id": "pax_std::types::text::Font"
         },
         {
-          "name": "style",
+          "name": "font_size",
           "flags": {
             "is_binding_repeat_i": false,
             "is_binding_repeat_elem": false,
@@ -9439,10 +9423,10 @@
             "is_repeat_source_iterable": false,
             "is_property_wrapped": false
           },
-          "type_id": "pax_std::types::text::TextStyle"
+          "type_id": "pax_lang::api::SizePixels"
         },
         {
-          "name": "style_link",
+          "name": "fill",
           "flags": {
             "is_binding_repeat_i": false,
             "is_binding_repeat_elem": false,
@@ -9450,18 +9434,10 @@
             "is_repeat_source_iterable": false,
             "is_property_wrapped": false
           },
-          "type_id": "pax_std::types::text::TextStyle"
-        }
-      ]
-    },
-    "pax_std::primitives::Rectangle": {
-      "type_id": "pax_std::primitives::Rectangle",
-      "type_id_escaped": "pax_stdCOCOprimitivesCOCORectangle",
-      "import_path": "pax_std::primitives::Rectangle",
-      "inner_iterable_type_id": null,
-      "property_definitions": [
+          "type_id": "pax_std::types::Color"
+        },
         {
-          "name": "stroke",
+          "name": "underline",
           "flags": {
             "is_binding_repeat_i": false,
             "is_binding_repeat_elem": false,
@@ -9469,10 +9445,10 @@
             "is_repeat_source_iterable": false,
             "is_property_wrapped": false
           },
-          "type_id": "pax_std::types::Stroke"
+          "type_id": "bool"
         },
         {
-          "name": "fill",
+          "name": "align_multiline",
           "flags": {
             "is_binding_repeat_i": false,
             "is_binding_repeat_elem": false,
@@ -9480,10 +9456,10 @@
             "is_repeat_source_iterable": false,
             "is_property_wrapped": false
           },
-          "type_id": "pax_std::types::Fill"
+          "type_id": "pax_std::types::text::TextAlignHorizontal"
         },
         {
-          "name": "corner_radii",
+          "name": "align_vertical",
           "flags": {
             "is_binding_repeat_i": false,
             "is_binding_repeat_elem": false,
@@ -9491,28 +9467,46 @@
             "is_repeat_source_iterable": false,
             "is_property_wrapped": false
           },
-          "type_id": "pax_std::types::RectangleCornerRadii"
+          "type_id": "pax_std::types::text::TextAlignVertical"
+        },
+        {
+          "name": "align_horizontal",
+          "flags": {
+            "is_binding_repeat_i": false,
+            "is_binding_repeat_elem": false,
+            "is_repeat_source_range": false,
+            "is_repeat_source_iterable": false,
+            "is_property_wrapped": false
+          },
+          "type_id": "pax_std::types::text::TextAlignHorizontal"
         }
       ]
     },
-    "pax_std::types::text::FontStyle": {
-      "type_id": "pax_std::types::text::FontStyle",
-      "type_id_escaped": "pax_stdCOCOtypesCOCOtextCOCOFontStyle",
-      "import_path": "pax_std::types::text::FontStyle",
+    "i128": {
+      "type_id": "i128",
+      "type_id_escaped": "i128",
+      "import_path": "i128",
       "inner_iterable_type_id": null,
       "property_definitions": []
     },
-    "i8": {
-      "type_id": "i8",
-      "type_id_escaped": "i8",
-      "import_path": "i8",
+    "u8": {
+      "type_id": "u8",
+      "type_id_escaped": "u8",
+      "import_path": "u8",
       "inner_iterable_type_id": null,
       "property_definitions": []
     },
-    "pax_std::types::text::LocalFont": {
-      "type_id": "pax_std::types::text::LocalFont",
-      "type_id_escaped": "pax_stdCOCOtypesCOCOtextCOCOLocalFont",
-      "import_path": "pax_std::types::text::LocalFont",
+    "i32": {
+      "type_id": "i32",
+      "type_id_escaped": "i32",
+      "import_path": "i32",
+      "inner_iterable_type_id": null,
+      "property_definitions": []
+    },
+    "pax_std::types::text::WebFont": {
+      "type_id": "pax_std::types::text::WebFont",
+      "type_id_escaped": "pax_stdCOCOtypesCOCOtextCOCOWebFont",
+      "import_path": "pax_std::types::text::WebFont",
       "inner_iterable_type_id": null,
       "property_definitions": [
         {
@@ -9527,7 +9521,7 @@
           "type_id": "pax_lang::api::StringBox"
         },
         {
-          "name": "path",
+          "name": "url",
           "flags": {
             "is_binding_repeat_i": false,
             "is_binding_repeat_elem": false,
@@ -9561,60 +9555,20 @@
         }
       ]
     },
-    "pax_lang::api::Numeric": {
-      "type_id": "pax_lang::api::Numeric",
-      "type_id_escaped": "pax_langCOCOapiCOCONumeric",
-      "import_path": "pax_lang::api::Numeric",
-      "inner_iterable_type_id": null,
-      "property_definitions": []
-    },
-    "pax_std::primitives::Frame": {
-      "type_id": "pax_std::primitives::Frame",
-      "type_id_escaped": "pax_stdCOCOprimitivesCOCOFrame",
-      "import_path": "pax_std::primitives::Frame",
-      "inner_iterable_type_id": null,
-      "property_definitions": []
-    },
-    "u8": {
-      "type_id": "u8",
-      "type_id_escaped": "u8",
-      "import_path": "u8",
-      "inner_iterable_type_id": null,
-      "property_definitions": []
-    },
-    "isize": {
-      "type_id": "isize",
-      "type_id_escaped": "isize",
-      "import_path": "isize",
+    "i8": {
+      "type_id": "i8",
+      "type_id_escaped": "i8",
+      "import_path": "i8",
       "inner_iterable_type_id": null,
       "property_definitions": []
     },
-    "pax_std::types::text::TextAlignHorizontal": {
-      "type_id": "pax_std::types::text::TextAlignHorizontal",
-      "type_id_escaped": "pax_stdCOCOtypesCOCOtextCOCOTextAlignHorizontal",
-      "import_path": "pax_std::types::text::TextAlignHorizontal",
+    "pax_lang::api::SizePixels": {
+      "type_id": "pax_lang::api::SizePixels",
+      "type_id_escaped": "pax_langCOCOapiCOCOSizePixels",
+      "import_path": "pax_lang::api::SizePixels",
       "inner_iterable_type_id": null,
       "property_definitions": []
     },
-    "crate::WebsiteDesktop": {
-      "type_id": "crate::WebsiteDesktop",
-      "type_id_escaped": "crateCOCOWebsiteDesktop",
-      "import_path": "crate::WebsiteDesktop",
-      "inner_iterable_type_id": null,
-      "property_definitions": [
-        {
-          "name": "ticks",
-          "flags": {
-            "is_binding_repeat_i": false,
-            "is_binding_repeat_elem": false,
-            "is_repeat_source_range": false,
-            "is_repeat_source_iterable": false,
-            "is_property_wrapped": false
-          },
-          "type_id": "usize"
-        }
-      ]
-    },
     "u16": {
       "type_id": "u16",
       "type_id_escaped": "u16",
@@ -9622,35 +9576,21 @@
       "inner_iterable_type_id": null,
       "property_definitions": []
     },
-    "u128": {
-      "type_id": "u128",
-      "type_id_escaped": "u128",
-      "import_path": "u128",
-      "inner_iterable_type_id": null,
-      "property_definitions": []
-    },
-    "pax_std::types::StackerDirection": {
-      "type_id": "pax_std::types::StackerDirection",
-      "type_id_escaped": "pax_stdCOCOtypesCOCOStackerDirection",
-      "import_path": "pax_std::types::StackerDirection",
-      "inner_iterable_type_id": null,
-      "property_definitions": []
-    },
-    "pax_std::primitives::Group": {
-      "type_id": "pax_std::primitives::Group",
-      "type_id_escaped": "pax_stdCOCOprimitivesCOCOGroup",
-      "import_path": "pax_std::primitives::Group",
+    "f64": {
+      "type_id": "f64",
+      "type_id_escaped": "f64",
+      "import_path": "f64",
       "inner_iterable_type_id": null,
       "property_definitions": []
     },
-    "pax_std::types::StackerCell": {
-      "type_id": "pax_std::types::StackerCell",
-      "type_id_escaped": "pax_stdCOCOtypesCOCOStackerCell",
-      "import_path": "pax_std::types::StackerCell",
+    "pax_std::types::RectangleCornerRadii": {
+      "type_id": "pax_std::types::RectangleCornerRadii",
+      "type_id_escaped": "pax_stdCOCOtypesCOCORectangleCornerRadii",
+      "import_path": "pax_std::types::RectangleCornerRadii",
       "inner_iterable_type_id": null,
       "property_definitions": [
         {
-          "name": "x_px",
+          "name": "top_left",
           "flags": {
             "is_binding_repeat_i": false,
             "is_binding_repeat_elem": false,
@@ -9661,7 +9601,7 @@
           "type_id": "f64"
         },
         {
-          "name": "y_px",
+          "name": "top_right",
           "flags": {
             "is_binding_repeat_i": false,
             "is_binding_repeat_elem": false,
@@ -9672,7 +9612,7 @@
           "type_id": "f64"
         },
         {
-          "name": "width_px",
+          "name": "bottom_right",
           "flags": {
             "is_binding_repeat_i": false,
             "is_binding_repeat_elem": false,
@@ -9683,7 +9623,7 @@
           "type_id": "f64"
         },
         {
-          "name": "height_px",
+          "name": "bottom_left",
           "flags": {
             "is_binding_repeat_i": false,
             "is_binding_repeat_elem": false,
@@ -9695,35 +9635,14 @@
         }
       ]
     },
-    "std::vec::Vec<{PREFIX}pax_std::types::GradientStop>": {
-      "type_id": "std::vec::Vec<{PREFIX}pax_std::types::GradientStop>",
-      "type_id_escaped": "stdCOCOvecCOCOVecLABR{PREFIX}pax_stdCOCOtypesCOCOGradientStopRABR",
-      "import_path": "std::vec::Vec",
-      "inner_iterable_type_id": "pax_std::types::GradientStop",
-      "property_definitions": []
-    },
-    "pax_lang::api::StringBox": {
-      "type_id": "pax_lang::api::StringBox",
-      "type_id_escaped": "pax_langCOCOapiCOCOStringBox",
-      "import_path": "pax_lang::api::StringBox",
-      "inner_iterable_type_id": null,
-      "property_definitions": []
-    },
-    "usize": {
-      "type_id": "usize",
-      "type_id_escaped": "usize",
-      "import_path": "usize",
-      "inner_iterable_type_id": null,
-      "property_definitions": []
-    },
-    "pax_std::stacker::Stacker": {
-      "type_id": "pax_std::stacker::Stacker",
-      "type_id_escaped": "pax_stdCOCOstackerCOCOStacker",
-      "import_path": "pax_std::stacker::Stacker",
+    "pax_std::types::text::LocalFont": {
+      "type_id": "pax_std::types::text::LocalFont",
+      "type_id_escaped": "pax_stdCOCOtypesCOCOtextCOCOLocalFont",
+      "import_path": "pax_std::types::text::LocalFont",
       "inner_iterable_type_id": null,
       "property_definitions": [
         {
-          "name": "cells",
+          "name": "family",
           "flags": {
             "is_binding_repeat_i": false,
             "is_binding_repeat_elem": false,
@@ -9731,10 +9650,10 @@
             "is_repeat_source_iterable": false,
             "is_property_wrapped": false
           },
-          "type_id": "pax_lang::api::Numeric"
+          "type_id": "pax_lang::api::StringBox"
         },
         {
-          "name": "direction",
+          "name": "path",
           "flags": {
             "is_binding_repeat_i": false,
             "is_binding_repeat_elem": false,
@@ -9742,10 +9661,10 @@
             "is_repeat_source_iterable": false,
             "is_property_wrapped": false
           },
-          "type_id": "pax_std::types::StackerDirection"
+          "type_id": "pax_lang::api::StringBox"
         },
         {
-          "name": "_cell_specs",
+          "name": "style",
           "flags": {
             "is_binding_repeat_i": false,
             "is_binding_repeat_elem": false,
@@ -9753,10 +9672,10 @@
             "is_repeat_source_iterable": false,
             "is_property_wrapped": false
           },
-          "type_id": "std::vec::Vec<{PREFIX}pax_std::types::StackerCell>"
+          "type_id": "pax_std::types::text::FontStyle"
         },
         {
-          "name": "gutter",
+          "name": "weight",
           "flags": {
             "is_binding_repeat_i": false,
             "is_binding_repeat_elem": false,
@@ -9764,10 +9683,29 @@
             "is_repeat_source_iterable": false,
             "is_property_wrapped": false
           },
-          "type_id": "pax_lang::api::Size"
+          "type_id": "pax_std::types::text::FontWeight"
+        }
+      ]
+    },
+    "pax_std::types::text::Font": {
+      "type_id": "pax_std::types::text::Font",
+      "type_id_escaped": "pax_stdCOCOtypesCOCOtextCOCOFont",
+      "import_path": "pax_std::types::text::Font",
+      "inner_iterable_type_id": null,
+      "property_definitions": [
+        {
+          "name": "System",
+          "flags": {
+            "is_binding_repeat_i": false,
+            "is_binding_repeat_elem": false,
+            "is_repeat_source_range": false,
+            "is_repeat_source_iterable": false,
+            "is_property_wrapped": false
+          },
+          "type_id": "pax_std::types::text::SystemFont"
         },
         {
-          "name": "sizes",
+          "name": "Web",
           "flags": {
             "is_binding_repeat_i": false,
             "is_binding_repeat_elem": false,
@@ -9775,25 +9713,36 @@
             "is_repeat_source_iterable": false,
             "is_property_wrapped": false
           },
-          "type_id": "std::vec::Vec<{PREFIX}std::option::Option<{PREFIX}pax_lang::api::Size>>"
+          "type_id": "pax_std::types::text::WebFont"
+        },
+        {
+          "name": "Local",
+          "flags": {
+            "is_binding_repeat_i": false,
+            "is_binding_repeat_elem": false,
+            "is_repeat_source_range": false,
+            "is_repeat_source_iterable": false,
+            "is_property_wrapped": false
+          },
+          "type_id": "pax_std::types::text::LocalFont"
         }
       ]
     },
-    "pax_lang::api::Size": {
-      "type_id": "pax_lang::api::Size",
-      "type_id_escaped": "pax_langCOCOapiCOCOSize",
-      "import_path": "pax_lang::api::Size",
+    "pax_std::primitives::Group": {
+      "type_id": "pax_std::primitives::Group",
+      "type_id_escaped": "pax_stdCOCOprimitivesCOCOGroup",
+      "import_path": "pax_std::primitives::Group",
       "inner_iterable_type_id": null,
       "property_definitions": []
     },
-    "pax_std::types::RectangleCornerRadii": {
-      "type_id": "pax_std::types::RectangleCornerRadii",
-      "type_id_escaped": "pax_stdCOCOtypesCOCORectangleCornerRadii",
-      "import_path": "pax_std::types::RectangleCornerRadii",
+    "pax_std::types::StackerCell": {
+      "type_id": "pax_std::types::StackerCell",
+      "type_id_escaped": "pax_stdCOCOtypesCOCOStackerCell",
+      "import_path": "pax_std::types::StackerCell",
       "inner_iterable_type_id": null,
       "property_definitions": [
         {
-          "name": "top_left",
+          "name": "x_px",
           "flags": {
             "is_binding_repeat_i": false,
             "is_binding_repeat_elem": false,
@@ -9804,7 +9753,7 @@
           "type_id": "f64"
         },
         {
-          "name": "top_right",
+          "name": "y_px",
           "flags": {
             "is_binding_repeat_i": false,
             "is_binding_repeat_elem": false,
@@ -9815,7 +9764,7 @@
           "type_id": "f64"
         },
         {
-          "name": "bottom_right",
+          "name": "width_px",
           "flags": {
             "is_binding_repeat_i": false,
             "is_binding_repeat_elem": false,
@@ -9826,7 +9775,7 @@
           "type_id": "f64"
         },
         {
-          "name": "bottom_left",
+          "name": "height_px",
           "flags": {
             "is_binding_repeat_i": false,
             "is_binding_repeat_elem": false,
@@ -9838,14 +9787,35 @@
         }
       ]
     },
-    "pax_std::types::Color": {
-      "type_id": "pax_std::types::Color",
-      "type_id_escaped": "pax_stdCOCOtypesCOCOColor",
-      "import_path": "pax_std::types::Color",
+    "usize": {
+      "type_id": "usize",
+      "type_id_escaped": "usize",
+      "import_path": "usize",
+      "inner_iterable_type_id": null,
+      "property_definitions": []
+    },
+    "u32": {
+      "type_id": "u32",
+      "type_id_escaped": "u32",
+      "import_path": "u32",
+      "inner_iterable_type_id": null,
+      "property_definitions": []
+    },
+    "bool": {
+      "type_id": "bool",
+      "type_id_escaped": "bool",
+      "import_path": "bool",
+      "inner_iterable_type_id": null,
+      "property_definitions": []
+    },
+    "pax_std::types::Fill": {
+      "type_id": "pax_std::types::Fill",
+      "type_id_escaped": "pax_stdCOCOtypesCOCOFill",
+      "import_path": "pax_std::types::Fill",
       "inner_iterable_type_id": null,
       "property_definitions": [
         {
-          "name": "color_variant",
+          "name": "Solid",
           "flags": {
             "is_binding_repeat_i": false,
             "is_binding_repeat_elem": false,
@@ -9853,49 +9823,106 @@
             "is_repeat_source_iterable": false,
             "is_property_wrapped": false
           },
-          "type_id": "pax_std::types::ColorVariant"
+          "type_id": "pax_std::types::Color"
+        },
+        {
+          "name": "LinearGradient",
+          "flags": {
+            "is_binding_repeat_i": false,
+            "is_binding_repeat_elem": false,
+            "is_repeat_source_range": false,
+            "is_repeat_source_iterable": false,
+            "is_property_wrapped": false
+          },
+          "type_id": "pax_std::types::LinearGradient"
+        },
+        {
+          "name": "RadialGradient",
+          "flags": {
+            "is_binding_repeat_i": false,
+            "is_binding_repeat_elem": false,
+            "is_repeat_source_range": false,
+            "is_repeat_source_iterable": false,
+            "is_property_wrapped": false
+          },
+          "type_id": "pax_std::types::RadialGradient"
         }
       ]
+    },
+    "i64": {
+      "type_id": "i64",
+      "type_id_escaped": "i64",
+      "import_path": "i64",
+      "inner_iterable_type_id": null,
+      "property_definitions": []
+    },
+    "isize": {
+      "type_id": "isize",
+      "type_id_escaped": "isize",
+      "import_path": "isize",
+      "inner_iterable_type_id": null,
+      "property_definitions": []
+    },
+    "pax_std::types::text::TextAlignHorizontal": {
+      "type_id": "pax_std::types::text::TextAlignHorizontal",
+      "type_id_escaped": "pax_stdCOCOtypesCOCOtextCOCOTextAlignHorizontal",
+      "import_path": "pax_std::types::text::TextAlignHorizontal",
+      "inner_iterable_type_id": null,
+      "property_definitions": []
+    },
+    "String": {
+      "type_id": "String",
+      "type_id_escaped": "String",
+      "import_path": "String",
+      "inner_iterable_type_id": null,
+      "property_definitions": []
+    },
+    "pax_std::types::StackerDirection": {
+      "type_id": "pax_std::types::StackerDirection",
+      "type_id_escaped": "pax_stdCOCOtypesCOCOStackerDirection",
+      "import_path": "pax_std::types::StackerDirection",
+      "inner_iterable_type_id": null,
+      "property_definitions": []
     }
   },
   "import_paths": [
-    "pax_std::types::StackerCell",
-    "pax_lang::api::Numeric",
-    "usize",
-    "std::option::Option",
-    "pax_std::primitives::Frame",
-    "pax_std::types::ColorVariant",
+    "pax_std::primitives::Rectangle",
     "pax_std::primitives::Scroller",
-    "pax_std::types::text::FontWeight",
-    "pax_std::primitives::Image",
-    "pax_std::types::text::Font",
-    "pax_std::types::Fill",
-    "pax_std::primitives::Group",
-    "pax_lang::api::StringBox",
-    "pax_std::types::text::TextStyle",
     "pax_std::types::RectangleCornerRadii",
-    "pax_std::types::text::WebFont",
-    "pax_lang::api::SizePixels",
-    "pax_lang::api::Transform2D",
-    "f64",
+    "pax_std::types::text::TextAlignHorizontal",
     "pax_std::types::Stroke",
-    "pax_lang::api::Rotation",
-    "pax_std::primitives::Text",
-    "pax_std::types::GradientStop",
+    "pax_std::types::text::TextStyle",
     "bool",
-    "pax_std::types::text::SystemFont",
+    "pax_std::types::text::LocalFont",
+    "pax_lang::api::SizePixels",
+    "pax_std::types::LinearGradient",
+    "usize",
+    "pax_std::types::text::TextAlignVertical",
+    "pax_std::types::text::WebFont",
+    "std::option::Option",
     "pax_lang::api::Size",
+    "pax_std::types::text::FontWeight",
+    "f64",
+    "pax_std::primitives::Text",
     "std::vec::Vec",
-    "pax_std::types::RadialGradient",
-    "pax_std::types::text::TextAlignVertical",
-    "pax_std::types::text::LocalFont",
     "pax_std::types::StackerDirection",
-    "pax_std::primitives::Rectangle",
-    "pax_std::types::text::TextAlignHorizontal",
-    "crate::WebsiteDesktop",
+    "pax_std::primitives::Frame",
+    "pax_std::types::Fill",
+    "pax_std::types::GradientStop",
+    "pax_std::types::text::Font",
+    "pax_lang::api::Rotation",
+    "pax_lang::api::Numeric",
+    "pax_std::types::text::SystemFont",
     "pax_std::types::text::FontStyle",
-    "pax_std::types::Color",
+    "pax_std::primitives::Group",
     "pax_std::stacker::Stacker",
-    "pax_std::types::LinearGradient"
+    "pax_std::types::StackerCell",
+    "pax_std::types::Color",
+    "pax_lang::api::Transform2D",
+    "pax_lang::api::StringBox",
+    "pax_std::types::ColorVariant",
+    "crate::WebsiteDesktop",
+    "pax_std::types::RadialGradient",
+    "pax_std::primitives::Image"
   ]
 }
diff --git a/pax-compiler/tests/data/website.pax b/pax-compiler/tests/data/website.pax
index 5d589485c..df8466738 100644
--- a/pax-compiler/tests/data/website.pax
+++ b/pax-compiler/tests/data/website.pax
@@ -1,98 +1,106 @@
-<Frame width=100% height=100%>
+ <Frame width=100% height=100%>
     // Nav fixed overlay
-    <Frame x=50% y=90px width=80% height=75px anchor_x=50% anchor_y=50%>
-        <Stacker cells=5 height=75px direction=StackerDirection::Horizontal gutter=8px>
-            <Image path="assets/images/pax-logo-light.png" width=125px height=42px y=50% anchor_y=50% x=20px/>
-            <Text text="<a href='https://docs.pax.rs' target='_blank'>Docs</a>" class=link/>
-            <Text text="<a href='https://www.github.com/pax-lang/pax' target='_blank'>Github</a>" class=link/>
-            <Text text="<a href='https://discord.gg/Eq8KWAUc6b' target='_blank'>Discord</a>" class=link/>
-            <Text text="<a href='https://developing.pax.rs' target='_blank'>Blog</a>" class=link/>
-        </Stacker>
-        <Rectangle fill={Fill::linearGradient(
-            (0%, 50%),
-            (100%, 50%),
-            [GradientStop::get(Color::rgba(0.0, 0.0, 0.0, 1.0), 0%), GradientStop::get(Color::rgba(0.0, 0.0, 0.0, 0.5), 100%)])} 
-            corner_radii={RectangleCornerRadii::radii(50.0, 50.0, 50.0, 50.0)}/>
+    <Frame x=50% y=90px width=80% height=75px anchor_x=50% anchor_y=50% >
+         <Stacker cells=5 height=75px direction=StackerDirection::Horizontal gutter=8px>
+            <Image path="assets/images/pax-logo-light.png" width=125px height=42px y=50% anchor_y=50% x=20px />
+            <Text text="<a href='https://docs.pax.rs' target='_blank'>Docs</a>" class=link />
+            <Text text="<a href='https://www.github.com/pax-lang/pax' target='_blank'>Github</a>" class=link />
+            <Text text="<a href='https://discord.gg/Eq8KWAUc6b' target='_blank'>Discord</a>" class=link />
+            <Text text="<a href='https://developing.pax.rs' target='_blank'>Blog</a>" class=link />
+         </Stacker>
+        <Rectangle
+            fill={Fill::linearGradient(
+                (0%, 50%),
+                (100%, 50%),
+                [GradientStop::get(Color::rgba(0.0,0.0,0.0,1.0), 0%), GradientStop::get(Color::rgba(0.0,0.0,0.0,0.5), 100%)])}
+
+            corner_radii={
+                RectangleCornerRadii::radii(50.0,50.0,50.0,50.0)
+            }
+         />
     </Frame>
+
     // Scrolling content pane
     <Scroller width=100% height=100% size_inner_pane_x=100% size_inner_pane_y=5000px scroll_enabled_x=false scroll_enabled_y=true>
         <Stacker cells=5 direction=StackerDirection::Vertical>
-            <Group >
-                <Frame id=f1>
-                    <Stacker cells=2 direction=StackerDirection::Vertical gutter=20px sizes={[Option::Some(70%), Option::None]}>
-                        <Text text="Pax is a user interface engine \n for native apps & websites" class=h1/>
-                        <Text text="[Docs](https://docs.pax.rs) | [GitHub](https://www.github.com/pax-lang/pax) | [Get Started](https://www.github.com/pax-lang/pax)" 
-                            id=l1/>
-                    </Stacker>
-                </Frame>
-                <Rectangle width=100% height=100% fill={Fill::linearGradient(
+        <Group>
+            <Frame id=f1>
+                <Stacker cells=2 direction=StackerDirection::Vertical gutter=20px sizes={[Option::Some(70%), Option::None]} >
+                    <Text text="Pax is a user interface engine \n for native apps & websites" class=h1 />
+                    <Text text="[Docs](https://docs.pax.rs) | [GitHub](https://www.github.com/pax-lang/pax) | [Get Started](https://www.github.com/pax-lang/pax)" id=l1 />
+                </Stacker>
+            </Frame>
+            <Rectangle width=100% height=100%
+                fill={Fill::linearGradient(
                     (0%, 0%),
                     (100%, 100%),
-                    [GradientStop::get(Color::rgb(1.0, 1.0, 0.0), 0%), GradientStop::get(Color::rgb(1.0, 0.0, 1.0), 100%)])}/>
-            </Group>
-            <Group >
-                <Frame id=f2>
-                    <Stacker cells=3 direction=StackerDirection::Vertical gutter=20px sizes={[Option::Some(40%), Option::Some(20%), Option::None]}>
-                        <Text text="BUILD CREATIVELY" class=h2/>
-                        <Text text="Pax renders in the same coordinate space as a tool like Photoshop or Figma, with the addition of responsive positioning & sizing, as well as a fine-grained animation engine." 
-                            class=p2/>
-                        <Text text="Create and compose custom components into apps. Write application logic in Rust, while describing content & style in Pax’s declarative UI language." 
-                            class=p2/>
-                    </Stacker>
-                </Frame>
-                <Rectangle width=100% height=1000px fill={Fill::linearGradient(
+                    [GradientStop::get(Color::rgb(1.0,1.0,0.0), 0%), GradientStop::get(Color::rgb(1.0,0.0,1.0), 100%)])}
+            />
+        </Group>
+        <Group>
+            <Frame id=f2>
+            <Stacker cells=3 direction=StackerDirection::Vertical gutter=20px sizes={[Option::Some(40%), Option::Some(20%), Option::None]}>
+                <Text text="BUILD CREATIVELY" class=h2/>
+                <Text text="Pax renders in the same coordinate space as a tool like Photoshop or Figma, with the addition of responsive positioning & sizing, as well as a fine-grained animation engine." class=p2 />
+                <Text text="Create and compose custom components into apps. Write application logic in Rust, while describing content & style in Pax’s declarative UI language." class=p2 />
+            </Stacker>
+            </Frame>
+        <Rectangle width=100% height=1000px
+                fill={Fill::linearGradient(
                     (0%, 0%),
                     (100%, 100%),
-                    [GradientStop::get(Color::rgb(0.0, 1.0, 1.0), 0%), GradientStop::get(Color::rgb(0.0, 1.0, 0.0), 100%)])}/>
-            </Group>
-            <Group >
-                <Frame id=f2>
-                    <Stacker cells=3 direction=StackerDirection::Vertical gutter=10px sizes={[Option::Some(40%), Option::Some(40%), Option::None]}>
-                        <Text text="CREATE COLLABORATIVELY" class=h2/>
-                        <Text text="Pax’s declarative language is grammatically constrained to be readable & writable by visual tooling. Our team is building a collaborative visual designer for Pax so anyone on your team can contribute to codebases" 
-                            class=p2/>
-                        <Text text="[Sign up for updates](https://developing.pax.rs)" id=l2/>
-                    </Stacker>
-                </Frame>
-                <Rectangle width=100% height=1000px fill={Fill::linearGradient(
-                    (0%, 0%),
-                    (100%, 100%),
-                    [GradientStop::get(Color::rgb(1.0, 0.0, 0.0), 0%), GradientStop::get(Color::rgb(0.0, 1.0, 1.0), 100%)])}/>
-            </Group>
-            <Group >
-                <Frame id=f2>
-                    <Stacker cells=3 direction=StackerDirection::Vertical gutter=10px sizes={[Option::Some(40%), Option::Some(20%), Option::None]}>
-                        <Text text="FAST & LIGHTWEIGHT" class=h2/>
-                        <Text text="Pax is built in Rust and C with native-language bindings (e.g. Swift & TypeScript for macOS & Web platforms, respectively.)" 
-                            class=p2/>
-                        <Text text="Animations render at up to 240 frames per second. Footprints are tiny: <100KB for WebAssembly and <500KB for native builds." 
-                            class=p2/>
-                    </Stacker>
-                </Frame>
-                <Rectangle width=100% height=1000px fill={Fill::linearGradient(
+                    [GradientStop::get(Color::rgb(0.0,1.0,1.0), 0%), GradientStop::get(Color::rgb(0.0,1.0,0.0), 100%)])}
+        />
+        </Group>
+        <Group>
+        <Frame id=f2>
+        <Stacker cells=3 direction=StackerDirection::Vertical gutter=10px sizes={[Option::Some(40%), Option::Some(40%), Option::None]} >
+            <Text text="CREATE COLLABORATIVELY" class=h2/>
+            <Text text="Pax’s declarative language is grammatically constrained to be readable & writable by visual tooling. Our team is building a collaborative visual designer for Pax so anyone on your team can contribute to codebases" class=p2 />
+            <Text text="[Sign up for updates](https://developing.pax.rs)" id=l2 />
+        </Stacker>
+        </Frame>
+        <Rectangle width=100% height=1000px
+                fill={Fill::linearGradient(
                     (0%, 0%),
                     (100%, 100%),
-                    [GradientStop::get(Color::rgb(1.0, 0.0, 1.0), 0%), GradientStop::get(Color::rgb(0.0, 1.0, 0.0), 100%)])}/>
-            </Group>
-            <Group >
-                <Frame id=f2>
-                    <Stacker cells=3 direction=StackerDirection::Vertical gutter=10px sizes={[Option::None, Option::Some(20%), Option::None]}>
-                        <Text text="OPEN SOURCE" class=h2/>
-                        <Text text="Pax is as free as HTML. Licensed MIT or Apache 2.0, your choice. Pax has been under development already for two years and we plan to keep at it for many years to come.  Our motivations behind Pax are threefold:" 
-                            class=p2/>
-                        <Text text="1. To make software creation more accessible to more of humanity
+                    [GradientStop::get(Color::rgb(1.0,0.0,0.0), 0%), GradientStop::get(Color::rgb(0.0,1.0,1.0), 100%)])}
+        />
+        </Group>
+         <Group>
+            <Frame id=f2>
+                <Stacker cells=3 direction=StackerDirection::Vertical gutter=10px sizes={[Option::Some(40%), Option::Some(20%), Option::None]} >
+                    <Text text="FAST & LIGHTWEIGHT" class=h2/>
+                    <Text text="Pax is built in Rust and C with native-language bindings (e.g. Swift & TypeScript for macOS & Web platforms, respectively.)" class=p2 />
+                    <Text text="Animations render at up to 240 frames per second. Footprints are tiny: <100KB for WebAssembly and <500KB for native builds." class=p2 />
+                </Stacker>
+            </Frame>
+            <Rectangle width=100% height=1000px
+                fill={Fill::linearGradient(
+                (0%, 0%),
+                (100%, 100%),
+                [GradientStop::get(Color::rgb(1.0,0.0,1.0), 0%), GradientStop::get(Color::rgb(0.0,1.0,0.0), 100%)])}
+            />
+        </Group>
+        <Group >
+            <Frame id=f2>
+                <Stacker cells=3 direction=StackerDirection::Vertical gutter=10px sizes={[Option::None, Option::Some(20%), Option::None]} >
+                    <Text text="OPEN SOURCE" class=h2/>
+                    <Text text="Pax is as free as HTML. Licensed MIT or Apache 2.0, your choice. Pax has been under development already for two years and we plan to keep at it for many years to come.  Our motivations behind Pax are threefold:" class=p2 />
+                    <Text text="1. To make software creation more accessible to more of humanity
 2. To unlock the digital interactive medium as a medium for art & creative expression
-3. To build a business around enabling visual creatives & non-coders to create software hand-in-hand with software developer" 
-                            class=p3/>
-                    </Stacker>
-                </Frame>
-                <Rectangle width=100% height=1000px fill={Fill::linearGradient(
-                    (0%, 0%),
-                    (100%, 100%),
-                    [GradientStop::get(Color::rgb(0.0, 0.0, 1.0), 0%), GradientStop::get(Color::rgb(1.0, 1.0, 0.0), 100%)])}/>
-            </Group>
+3. To build a business around enabling visual creatives & non-coders to create software hand-in-hand with software developers." class=p3 />
+                </Stacker>
+            </Frame>
+            <Rectangle width=100% height=1000px
+                fill={Fill::linearGradient(
+                (0%, 0%),
+                (100%, 100%),
+                [GradientStop::get(Color::rgb(0.0,0.0,1.0), 0%), GradientStop::get(Color::rgb(1.0,1.0,0.0), 100%)])}
+            />
+        </Group>
         </Stacker>
-    </Scroller>
+        </Scroller>
 </Frame>
 
 @settings {
@@ -100,15 +108,15 @@
         style_link: {
             font: {Font::system("Helvetica", FontStyle::Normal, FontWeight::Bold)},
             font_size: 22px,
-            fill: {Color::rgba(1.0, 1.0, 1.0, 1.0)},
+            fill: {Color::rgba(1.0,1.0,1.0,1.0)}
             align_vertical: TextAlignVertical::Center,
             align_horizontal: TextAlignHorizontal::Center,
             underline: true
-        },
+        }
         width: 80px,
         height: 50px,
         y: 50%,
-        anchor_y: 50%
+        anchor_y: 50%,
     }
     #f1 {
         width: 80%,
@@ -116,7 +124,7 @@
         x: 50%,
         y: 50%,
         anchor_x: 50%,
-        anchor_y: 50%
+        anchor_y: 50%,
     }
     #f2 {
         width: 75%,
@@ -124,7 +132,7 @@
         x: 50%,
         y: 40%,
         anchor_x: 50%,
-        anchor_y: 50%
+        anchor_y: 50%,
     }
     #f3 {
         width: 75%,
@@ -132,17 +140,17 @@
         x: 50%,
         y: 40%,
         anchor_x: 50%,
-        anchor_y: 50%
+        anchor_y: 50%,
     }
     .h1 {
         width: 100%,
         style: {
             font: {Font::system("Helvetica", FontStyle::Normal, FontWeight::Bold)},
             font_size: 72px,
-            fill: {Color::rgba(1.0, 1.0, 1.0, 1.0)},
+            fill: {Color::rgba(1.0,1.0,1.0,1.0)}
             align_vertical: TextAlignVertical::Center,
             align_horizontal: TextAlignHorizontal::Center,
-            align_multiline: TextAlignHorizontal::Center
+            align_multiline: TextAlignHorizontal::Center,
         }
     }
     .h2 {
@@ -150,45 +158,45 @@
         style: {
             font: {Font::system("Helvetica", FontStyle::Italic, FontWeight::Bold)},
             font_size: 72px,
-            fill: {Color::rgba(1.0, 1.0, 1.0, 1.0)},
+            fill: {Color::rgba(1.0,1.0,1.0,1.0)}
             align_vertical: TextAlignVertical::Center,
             align_horizontal: TextAlignHorizontal::Center,
-            align_multiline: TextAlignHorizontal::Center
+            align_multiline: TextAlignHorizontal::Center,
         }
     }
     .test {
-        width: 100%,
-        style: {
-            font: {Font::system("Helvetica", FontStyle::Normal, FontWeight::Bold)},
-            font_size: 54px,
-            fill: {Color::rgba(1.0, 1.0, 1.0, 1.0)},
-            align_vertical: TextAlignVertical::Center,
-            align_horizontal: TextAlignHorizontal::Center,
-            align_multiline: TextAlignHorizontal::Center
+            width: 100%,
+            style: {
+                font: {Font::system("Helvetica", FontStyle::Normal, FontWeight::Bold)},
+                font_size: 54px,
+                fill: {Color::rgba(1.0,1.0,1.0,1.0)}
+                align_vertical: TextAlignVertical::Center,
+                align_horizontal: TextAlignHorizontal::Center,
+                align_multiline: TextAlignHorizontal::Center,
+            }
         }
-    }
     #l1 {
-        width: 100%,
+        width: 100%
         style_link: {
             font: {Font::system("Helvetica", FontStyle::Normal, FontWeight::Bold)},
             font_size: 36px,
-            fill: {Color::rgba(0.0, 0.0, 0.0, 1.0)},
+            fill: {Color::rgba(0.0,0.0,0.0,1.0)}
             align_vertical: TextAlignVertical::Top,
             align_horizontal: TextAlignHorizontal::Center,
             align_multiline: TextAlignHorizontal::Center,
-            underline: true
+            underline: true,
         }
     }
     #l2 {
-        width: 100%,
+        width: 100%
         style_link: {
             font: {Font::system("Helvetica", FontStyle::Normal, FontWeight::Bold)},
             font_size: 36px,
-            fill: {Color::rgba(0.0, 0.0, 0.0, 1.0)},
+            fill: {Color::rgba(0.0,0.0,0.0,1.0)}
             align_vertical: TextAlignVertical::Center,
             align_horizontal: TextAlignHorizontal::Center,
             align_multiline: TextAlignHorizontal::Center,
-            underline: true
+            underline: true,
         }
     }
     .p2 {
@@ -196,10 +204,10 @@
         style: {
             font: {Font::system("Helvetica", FontStyle::Normal, FontWeight::Normal)},
             font_size: 28px,
-            fill: {Color::rgba(0.0, 0.0, 0.0, 1.0)},
+            fill: {Color::rgba(0.0,0.0,0.0,1.0)}
             align_vertical: TextAlignVertical::Top,
             align_horizontal: TextAlignHorizontal::Left,
-            align_multiline: TextAlignHorizontal::Left
+            align_multiline: TextAlignHorizontal::Left,
         }
     }
     .p3 {
@@ -207,10 +215,10 @@
         style: {
             font: {Font::system("Helvetica", FontStyle::Normal, FontWeight::Normal)},
             font_size: 20px,
-            fill: {Color::rgba(0.0, 0.0, 0.0, 1.0)},
+            fill: {Color::rgba(0.0,0.0,0.0,1.0)}
             align_vertical: TextAlignVertical::Top,
             align_horizontal: TextAlignHorizontal::Left,
-            align_multiline: TextAlignHorizontal::Left
+            align_multiline: TextAlignHorizontal::Left,
         }
     }
 }
diff --git a/pax-manifest/src/lib.rs b/pax-manifest/src/lib.rs
index de3333177..c02055b94 100644
--- a/pax-manifest/src/lib.rs
+++ b/pax-manifest/src/lib.rs
@@ -145,9 +145,10 @@ pub struct ComponentDefinition {
     /// and the Definition struct.  For primitives, then, we need
     /// to store an additional import path to use when instantiating.
     pub primitive_instance_import_path: Option<String>,
-    pub template: Option<Vec<TemplateNodeDefinition>>,
+    pub template: Option<HashMap<usize, TemplateNodeDefinition>>,
     pub settings: Option<Vec<SettingsBlockElement>>,
     pub handlers: Option<Vec<HandlersBlockElement>>,
+    pub next_template_id: Option<usize>,
 }
 
 impl ComponentDefinition {