{"id":53,"date":"2026-09-14T07:41:50","date_gmt":"2026-09-14T07:41:50","guid":{"rendered":"https:\/\/northstar.designcorehub.online\/?page_id=53"},"modified":"2026-09-14T08:23:50","modified_gmt":"2026-09-14T08:23:50","slug":"home","status":"publish","type":"page","link":"https:\/\/northstar.designcorehub.online\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"53\" class=\"elementor elementor-53\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5af66c7 e-con-full ns-hero e-flex e-con e-parent\" data-id=\"5af66c7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-e753e53 e-con-full ns-hero-copy e-flex e-con e-parent\" data-id=\"e753e53\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-52ee82a ns-eyebrow elementor-widget elementor-widget-heading\" data-id=\"52ee82a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<div class=\"elementor-heading-title elementor-size-default\">Independent digital studio<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-83d13c4 ns-hero-title elementor-widget elementor-widget-heading\" data-id=\"83d13c4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\">Design that moves with intent.<\/h1>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6b6c27d ns-lead elementor-widget elementor-widget-text-editor\" data-id=\"6b6c27d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>One page, eighteen moments. The experience moves from quiet micro-motion to cinematic scroll storytelling, and never leaves the same visual system to do it.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a36e980 e-con-full ns-hero-actions e-flex e-con e-parent\" data-id=\"a36e980\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7c20e6e ns-btn-primary elementor-widget elementor-widget-button\" data-id=\"7c20e6e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#system\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Explore the page \u2193<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-41129c0 ns-btn-ghost elementor-widget elementor-widget-button\" data-id=\"41129c0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"#system\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">See the system<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0360a40 ns-hero-note elementor-widget elementor-widget-heading\" data-id=\"0360a40\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<div class=\"elementor-heading-title elementor-size-default\">Available for selected collaborations<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c73a920 e-con-full ns-orb-panel e-flex e-con e-parent\" data-id=\"c73a920\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-d8efa7e e-con-full ns-orb-stage e-flex e-con e-parent\" data-id=\"d8efa7e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-ecd011b e-con-full ns-orb-ring ns-orb-ring-1 e-flex e-con e-parent\" data-id=\"ecd011b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d69e890 e-con-full ns-orb-ring ns-orb-ring-2 e-flex e-con e-parent\" data-id=\"d69e890\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-173e629 e-con-full ns-orb-ring ns-orb-ring-3 e-flex e-con e-parent\" data-id=\"173e629\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0cbbf5d e-con-full ns-orb e-flex e-con e-parent\" data-id=\"0cbbf5d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-054c97f e-con-full ns-orb-badge e-flex e-con e-parent\" data-id=\"054c97f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5af7641 ns-orb-badge-num elementor-widget elementor-widget-heading\" data-id=\"5af7641\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<div class=\"elementor-heading-title elementor-size-default\">18+<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f86c21a ns-orb-badge-label elementor-widget elementor-widget-heading\" data-id=\"f86c21a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<div class=\"elementor-heading-title elementor-size-default\">sections \u00b7 one visual language<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bfe3cc3 ns-orb-cue elementor-widget elementor-widget-heading\" data-id=\"bfe3cc3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<div class=\"elementor-heading-title elementor-size-default\">move cursor<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b88f690 e-con-full ns-marquee e-flex e-con e-parent\" data-id=\"b88f690\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-c2b29db e-con-full ns-marquee-inner e-flex e-con e-parent\" data-id=\"c2b29db\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-253c98d elementor-icon-list--layout-inline ns-caps elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"253c98d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items elementor-inline-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Strategy<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Identity<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Digital Product<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Motion<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Commerce<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Experience<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Systems<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-83fe55f elementor-icon-list--layout-inline ns-caps elementor-list-item-link-full_width elementor-widget elementor-widget-icon-list\" data-id=\"83fe55f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-list.default\">\n\t\t\t\t\t\t\t<ul class=\"elementor-icon-list-items elementor-inline-items\">\n\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Strategy<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Identity<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Digital Product<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Motion<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Commerce<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Experience<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-inline-item\">\n\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text\">Systems<\/span>\n\t\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t\t\t<\/ul>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0786b9e e-con-full ns-manifesto e-flex e-con e-parent\" data-id=\"0786b9e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-0271fb8 e-con-full ns-manifesto-side e-flex e-con e-parent\" data-id=\"0271fb8\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-340aed8 ns-eyebrow elementor-widget elementor-widget-heading\" data-id=\"340aed8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<div class=\"elementor-heading-title elementor-size-default\">The principle<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f6ea500 ns-small-muted elementor-widget elementor-widget-text-editor\" data-id=\"f6ea500\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Variety in interaction.<br>Consistency in design.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-90c7b35 ns-manifesto-copy elementor-widget elementor-widget-text-editor\" data-id=\"90c7b35\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Every moment can feel different <span class=\"ns-muted2\">without every section looking like a different website.<\/span><\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-929fb78 e-con-full ns-system e-flex e-con e-parent\" data-id=\"929fb78\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-d60eca4 e-con-full ns-sec-head e-flex e-con e-parent\" data-id=\"d60eca4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-22afb42 e-con-full ns-sec-head-l e-flex e-con e-parent\" data-id=\"22afb42\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-dd85d96 ns-eyebrow elementor-widget elementor-widget-heading\" data-id=\"dd85d96\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<div class=\"elementor-heading-title elementor-size-default\">One system, many expressions<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-19e8704 ns-h2 elementor-widget elementor-widget-heading\" data-id=\"19e8704\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Built from reusable rules, not random decoration.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9317cdc ns-body-muted elementor-widget elementor-widget-text-editor\" data-id=\"9317cdc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Compositions and behaviour change from section to section. Typography, spacing, surfaces and component logic do not. Each card below is the same object with a different payload.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bbb0fae e-con-full ns-card-grid e-flex e-con e-parent\" data-id=\"bbb0fae\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-d2aa19b e-con-full ns-card ns-card-wide e-flex e-con e-parent\" data-id=\"d2aa19b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-21b357e ns-card-num elementor-widget elementor-widget-heading\" data-id=\"21b357e\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<div class=\"elementor-heading-title elementor-size-default\">01<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e885dd9 ns-card-box elementor-widget elementor-widget-icon-box\" data-id=\"e885dd9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\tResponsive rhythm\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tFour responsive states \u2014 1440, 1366, 1024 and 768 \u2014 are designed, not derived. Layouts reorganise instead of shrinking.\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-9cab5e7 e-con-full ns-card-orb e-flex e-con e-parent\" data-id=\"9cab5e7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3f12f5e e-con-full ns-card e-flex e-con e-parent\" data-id=\"3f12f5e\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fd8d82b ns-card-num elementor-widget elementor-widget-heading\" data-id=\"fd8d82b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<div class=\"elementor-heading-title elementor-size-default\">02<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-eddba98 ns-card-box elementor-widget elementor-widget-icon-box\" data-id=\"eddba98\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\tSemantic hierarchy\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tDisplay, Heading, Lead, Body and Label are roles with fixed behaviour, not ad-hoc font sizes.\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2511bb4 e-con-full ns-bars e-flex e-con e-parent\" data-id=\"2511bb4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-3b3f223 e-con-full ns-bar e-flex e-con e-parent\" data-id=\"3b3f223\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-855991f e-con-full ns-bar e-flex e-con e-parent\" data-id=\"855991f\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-1cd72da e-con-full ns-bar e-flex e-con e-parent\" data-id=\"1cd72da\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2cee327 e-con-full ns-bar e-flex e-con e-parent\" data-id=\"2cee327\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-d6bff19 e-con-full ns-card e-flex e-con e-parent\" data-id=\"d6bff19\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1f02e6a ns-card-num elementor-widget elementor-widget-heading\" data-id=\"1f02e6a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<div class=\"elementor-heading-title elementor-size-default\">03<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-97805d5 ns-card-box elementor-widget elementor-widget-icon-box\" data-id=\"97805d5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\tSurface discipline\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tLight, elevated and dark surfaces are introduced only when information structure asks for a new layer \u2014 never for variety alone.\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bf842d7 e-con-full ns-card e-flex e-con e-parent\" data-id=\"bf842d7\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-826c946 ns-card-num elementor-widget elementor-widget-heading\" data-id=\"826c946\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<div class=\"elementor-heading-title elementor-size-default\">04<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-de92995 ns-card-box elementor-widget elementor-widget-icon-box\" data-id=\"de92995\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\tMotion hierarchy\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tMicro-motion supports scanning. Complex animation is reserved for narrative moments where movement carries meaning.\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-124eb19 e-con-full ns-card e-flex e-con e-parent\" data-id=\"124eb19\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-019ccd0 ns-card-num elementor-widget elementor-widget-heading\" data-id=\"019ccd0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<div class=\"elementor-heading-title elementor-size-default\">05<\/div>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3eb5cde ns-card-box elementor-widget elementor-widget-icon-box\" data-id=\"3eb5cde\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\tReusable interaction\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tTabs, accordions, cards and buttons keep the same shape and behaviour throughout, so the page stays learnable.\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a6a3b6a ns-runtime elementor-widget elementor-widget-html\" data-id=\"a6a3b6a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<script>(function(){\n  var reduced = window.matchMedia('(prefers-reduced-motion: reduce)').matches;\n  \/* reveal *\/\n  if (!reduced && 'IntersectionObserver' in window) {\n    var els = document.querySelectorAll('[data-ns-reveal]');\n    var anim = function(el){ if (el.dataset.nsRevealed) return; el.dataset.nsRevealed='1';\n      el.animate([{opacity:0,transform:'translateY(22px)'},{opacity:1,transform:'none'}],{duration:760,easing:'cubic-bezier(.22,.61,.36,1)',fill:'backwards',delay:+(el.dataset.nsRevealDelay||0)}); };\n    var io = new IntersectionObserver(function(en){ en.forEach(function(e){ if(e.isIntersecting){ anim(e.target); io.unobserve(e.target);} }); },{threshold:.1,rootMargin:'0px 0px -6% 0px'});\n    els.forEach(function(el,i){ el.dataset.nsRevealDelay=(i%4)*70; if(el.getBoundingClientRect().top<innerHeight) anim(el); else io.observe(el); });\n  }\n  \/* orb *\/\n  var panel=document.querySelector('.ns-orb-panel'), orb=document.querySelector('[data-ns-orb]'), stage=document.querySelector('.ns-orb-stage');\n  if (panel && orb && stage && !reduced) {\n    panel.addEventListener('pointermove', function(e){ if(e.pointerType==='touch') return; var r=panel.getBoundingClientRect(); var x=(e.clientX-r.left)\/r.width-.5, y=(e.clientY-r.top)\/r.height-.5;\n      orb.style.transform='translate('+(x*26).toFixed(1)+'px,'+(y*26).toFixed(1)+'px) scale(1.03)'; stage.style.transform='rotate('+(x*5).toFixed(2)+'deg)'; }, {passive:true});\n    panel.addEventListener('pointerleave', function(){ orb.style.transform='none'; stage.style.transform='none'; });\n  }\n  \/* scroll progress *\/\n  var bar=document.createElement('div'); bar.setAttribute('data-ns-progress','');\n  bar.style.cssText='position:fixed;top:0;left:0;height:2px;width:0;background:var(--e-global-color-accent,#C8F231);z-index:80;transition:width .12s linear;pointer-events:none';\n  document.body.appendChild(bar);\n  var ticking=false; function onScroll(){ if(ticking) return; ticking=true; requestAnimationFrame(function(){ var d=document.documentElement; var max=d.scrollHeight-innerHeight; bar.style.width=(max>0?(scrollY\/max*100):0)+'%'; ticking=false; }); }\n  addEventListener('scroll',onScroll,{passive:true}); onScroll();\n\n  \/* tabs *\/\n  document.querySelectorAll('.ns-tabs-shell').forEach(function(shell){ var btns=shell.querySelectorAll('[data-ns-tab]'), panels=shell.querySelectorAll('[data-ns-tabpanel]');\n    function sel(i){ btns.forEach(function(b){ var on=+b.dataset.nsTab===i; b.setAttribute('aria-selected',on); b.tabIndex=on?0:-1; });\n      panels.forEach(function(p){ var on=+p.dataset.nsTabpanel===i; p.hidden=!on; if(on&&!reduced) p.animate([{opacity:0,transform:'translateY(10px)'},{opacity:1,transform:'none'}],{duration:340,easing:'cubic-bezier(.22,.61,.36,1)'}); }); }\n    btns.forEach(function(b,i){ b.addEventListener('click',function(){ sel(i); }); b.addEventListener('keydown',function(e){ var n=i; if(e.key==='ArrowDown'||e.key==='ArrowRight') n=(i+1)%btns.length; else if(e.key==='ArrowUp'||e.key==='ArrowLeft') n=(i-1+btns.length)%btns.length; else if(e.key==='Home') n=0; else if(e.key==='End') n=btns.length-1; else return; e.preventDefault(); sel(n); btns[n].focus(); }); }); });\n\n  \/* story *\/\n  var stage=document.querySelector('.ns-story-stage'); var steps=document.querySelectorAll('.ns-story-step');\n  if (stage && steps.length && 'IntersectionObserver' in window) { var vis=stage.querySelectorAll('[data-ns-story-vis]'), lbl=stage.querySelector('[data-ns-story-label]'), names=['Clarity','Contrast','Interaction','Restraint'];\n    var so=new IntersectionObserver(function(en){ en.forEach(function(e){ if(!e.isIntersecting) return; var i=[].indexOf.call(steps,e.target); vis.forEach(function(v,k){ v.classList.toggle('is-on',k===i); }); if(lbl) lbl.textContent=names[i]||''; }); },{threshold:.55});\n    steps.forEach(function(s){ so.observe(s); }); }\n  \/* rail *\/\n  var wrap=document.querySelector('[data-ns-rail-wrap]'), sticky=document.querySelector('[data-ns-rail-sticky]'), rail=document.querySelector('[data-ns-rail]'); var railDist=0;\n  function railLayout(){ if(!wrap||!rail) return; var desktop=innerWidth>=1024&&!reduced; if(desktop){ rail.style.overflow='visible'; rail.style.transform='none'; railDist=Math.max(0,rail.scrollWidth-innerWidth+24); wrap.style.height=(innerHeight+railDist)+'px'; sticky.style.position='sticky'; sticky.style.top='0'; sticky.style.height='100vh'; sticky.style.display='flex'; sticky.style.alignItems='center'; sticky.style.overflow='hidden'; } else { railDist=0; wrap.style.height=''; sticky.style.cssText=''; rail.style.transform='none'; rail.style.overflowX='auto'; rail.style.scrollSnapType='x mandatory'; rail.style.paddingBottom='8px'; } }\n  function railTick(){ if(!railDist) return; var r=wrap.getBoundingClientRect(); var p=Math.min(1,Math.max(0,-r.top\/railDist)); rail.style.transform='translate3d('+(-p*railDist).toFixed(1)+'px,0,0)'; }\n  if (wrap){ railLayout(); addEventListener('resize',railLayout); addEventListener('scroll',function(){ requestAnimationFrame(railTick); },{passive:true}); railTick(); }\n  \/* compare *\/\n  document.querySelectorAll('[data-ns-compare-range]').forEach(function(inp){ var box=inp.previousElementSibling, after=box.querySelector('[data-ns-compare-after]'), inner=box.querySelector('[data-ns-compare-inner]');\n    function set(){ after.style.width=inp.value+'%'; inner.style.width=box.clientWidth+'px'; } inp.addEventListener('input',set); addEventListener('resize',set); set(); });\n\n  \/* mobile menu: lock scroll while the overlay is open *\/\n  var toggle=document.querySelector('.ns-nav-links .elementor-menu-toggle');\n  if (toggle){\n    var sync=function(){ document.body.classList.toggle('ns-menu-open', toggle.classList.contains('elementor-active')); };\n    toggle.addEventListener('click', function(){ setTimeout(sync,10); });\n    document.addEventListener('keydown', function(e){ if(e.key==='Escape' && toggle.classList.contains('elementor-active')){ toggle.click(); } });\n    new MutationObserver(sync).observe(toggle,{attributes:true,attributeFilter:['class']});\n  }\n  \/* card hover *\/\n  document.querySelectorAll('[data-ns-card]').forEach(function(c){ c.addEventListener('mouseenter',function(){ if(reduced) return; c.style.transform='translateY(-6px)'; c.style.boxShadow='0 18px 40px -24px rgba(21,22,15,.35)'; c.style.borderColor='rgba(21,22,15,.2)'; });\n    c.addEventListener('mouseleave',function(){ c.style.transform='none'; c.style.boxShadow='none'; c.style.borderColor=''; }); });\n  \/* counters *\/\n  var counted=false; var metrics=document.querySelector('[data-ns-metrics]');\n  function runCounters(){ if(counted) return; counted=true; document.querySelectorAll('[data-ns-count]').forEach(function(el){ var t=+el.dataset.nsCount, suf=el.dataset.nsSuffix||''; if(reduced){ el.textContent=t+suf; return; } var s=performance.now(); (function tick(n){ var p=Math.min(1,(n-s)\/1100); el.textContent=Math.round(t*(1-Math.pow(1-p,3)))+suf; if(p<1) requestAnimationFrame(tick); })(s); }); }\n  if (metrics && 'IntersectionObserver' in window){ var mo=new IntersectionObserver(function(en){ if(en[0].isIntersecting){ runCounters(); mo.disconnect(); } },{threshold:.3}); mo.observe(metrics); } else runCounters();\n})();\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Independent digital studio Design that moves with intent. One page, eighteen moments. The experience moves from quiet micro-motion to cinematic scroll storytelling, and never leaves the same visual system to do it. Explore the page \u2193 See the system Available for selected collaborations 18+ sections \u00b7 one visual language move cursor Strategy Identity Digital Product [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-53","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/northstar.designcorehub.online\/index.php?rest_route=\/wp\/v2\/pages\/53","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/northstar.designcorehub.online\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/northstar.designcorehub.online\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/northstar.designcorehub.online\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/northstar.designcorehub.online\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=53"}],"version-history":[{"count":5,"href":"https:\/\/northstar.designcorehub.online\/index.php?rest_route=\/wp\/v2\/pages\/53\/revisions"}],"predecessor-version":[{"id":86,"href":"https:\/\/northstar.designcorehub.online\/index.php?rest_route=\/wp\/v2\/pages\/53\/revisions\/86"}],"wp:attachment":[{"href":"https:\/\/northstar.designcorehub.online\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=53"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}