{"id":62807,"date":"2026-05-21T07:25:46","date_gmt":"2026-05-21T07:25:46","guid":{"rendered":"https:\/\/metanephthys.com\/?page_id=62807"},"modified":"2026-05-24T11:56:22","modified_gmt":"2026-05-24T11:56:22","slug":"the-digital-identity-codex","status":"publish","type":"page","link":"https:\/\/metanephthys.com\/en\/the-digital-identity-codex\/","title":{"rendered":"The Digital Identity Codex"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"62807\" class=\"elementor elementor-62807\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-8246171 elementor-section-height-min-height elementor-section-full_width elementor-section-height-default elementor-section-items-middle sc_fly_static\" data-id=\"8246171\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-extended\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-b53f217 sc_inner_width_none sc_content_align_inherit sc_layouts_column_icons_position_left sc_fly_static\" data-id=\"b53f217\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-baff996 sc_fly_static elementor-widget elementor-widget-html\" data-id=\"baff996\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"mn-projects-intro\">\n  <div class=\"mn-projects-bg-grid\" aria-hidden=\"true\"><\/div>\n  <div class=\"mn-projects-orbit\" aria-hidden=\"true\"><\/div>\n\n  <div class=\"mn-projects-intro-inner\">\n    <div class=\"mn-projects-eyebrow\">\n      <span>\ud80c\udc80<\/span>\n      <em>Selected Works \/ Digital Identity Archive<\/em>\n    <\/div>\n\n    <div class=\"mn-codex-cartouche\">\n      <h1>\n        The Digital<br>\n        Identity Codex\n      <\/h1>\n    <\/div>\n\n    <p class=\"mn-projects-description\">\n      A curated archive of websites, platforms, e-shops and digital systems \u2014\n      crafted, structured and inscribed by <strong>metaNEPHTHYS<\/strong>.\n    <\/p>\n\n    <div class=\"mn-projects-divider\">\n      <span><\/span>\n      <i>Enter the Cartouche Archive<\/i>\n      <span><\/span>\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n\/* =========================================================\n   metaNEPHTHYS Projects Intro\n   Digital Identity Codex \/ Abydos Cartouche Concept\n   ========================================================= *\/\n\n.mn-projects-intro {\n  --mn-bg: #020202;\n  --mn-text: #909aa8;\n  --mn-blue: #0031a4;\n  --mn-turquoise: #2493b4;\n  --mn-coral: #e97568;\n  --mn-green: #aac1a7;\n  --mn-gold: #cd9b1d;\n  --mn-dark-gold: #b8860b;\n  --mn-column-yellow: #f4e19f;\n\n  position: relative;\n  min-height: 100vh;\n  overflow: hidden;\n  isolation: isolate;\n\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  background:\n    radial-gradient(circle at 50% 45%, rgba(0, 49, 164, 0.22), transparent 34%),\n    radial-gradient(circle at 72% 26%, rgba(36, 147, 180, 0.12), transparent 28%),\n    radial-gradient(circle at 20% 75%, rgba(244, 225, 159, 0.055), transparent 24%),\n    linear-gradient(135deg, #020202 0%, #040711 48%, #020202 100%);\n\n  color: var(--mn-text);\n  padding: clamp(80px, 10vw, 140px) clamp(22px, 5vw, 90px);\n}\n\n\/* Background grid *\/\n.mn-projects-bg-grid {\n  position: absolute;\n  inset: 0;\n  z-index: -4;\n\n  background-image:\n    linear-gradient(rgba(36, 147, 180, 0.045) 1px, transparent 1px),\n    linear-gradient(90deg, rgba(36, 147, 180, 0.045) 1px, transparent 1px);\n\n  background-size: 72px 72px;\n  mask-image: radial-gradient(circle at 50% 50%, black, transparent 78%);\n  opacity: 0.85;\n}\n\n\/* Large ritual orbit *\/\n.mn-projects-orbit {\n  position: absolute;\n  width: min(760px, 86vw);\n  height: min(760px, 86vw);\n  left: 50%;\n  top: 50%;\n  z-index: -3;\n\n  transform: translate(-50%, -50%);\n  border-radius: 50%;\n\n  border: 1px solid rgba(36, 147, 180, 0.13);\n  box-shadow:\n    0 0 70px rgba(0, 49, 164, 0.18),\n    inset 0 0 90px rgba(0, 49, 164, 0.08);\n\n  animation: mnProjectsOrbit 48s linear infinite;\n}\n\n.mn-projects-orbit::before,\n.mn-projects-orbit::after {\n  content: \"\";\n  position: absolute;\n  inset: 12%;\n  border-radius: 50%;\n  border: 1px dashed rgba(244, 225, 159, 0.11);\n}\n\n.mn-projects-orbit::after {\n  inset: 28%;\n  border-color: rgba(36, 147, 180, 0.16);\n}\n\n\/* Inner content *\/\n.mn-projects-intro-inner {\n  position: relative;\n  z-index: 2;\n  width: min(1180px, 100%);\n  text-align: center;\n}\n\n\/* Eyebrow *\/\n.mn-projects-eyebrow {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 14px;\n\n  margin-bottom: clamp(26px, 4vw, 46px);\n\n  color: rgba(244, 225, 159, 0.68);\n  text-transform: uppercase;\n  letter-spacing: 0.24em;\n  font-size: clamp(11px, 1.1vw, 14px);\n}\n\n.mn-projects-eyebrow span {\n  color: var(--mn-turquoise);\n  font-size: 22px;\n  font-style: normal;\n  text-shadow:\n    0 0 12px rgba(36, 147, 180, 0.52),\n    0 0 24px rgba(0, 49, 164, 0.32);\n}\n\n.mn-projects-eyebrow em {\n  font-style: normal;\n}\n\n\/* Cartouche frame *\/\n.mn-codex-cartouche {\n  position: relative;\n  display: inline-block;\n\n  padding:\n    clamp(34px, 5vw, 62px)\n    clamp(42px, 8vw, 108px);\n\n  border: 1px solid rgba(0, 49, 164, 0.82);\n  border-radius: 999px;\n\n  background:\n    linear-gradient(135deg, rgba(2, 2, 2, 0.72), rgba(5, 9, 22, 0.40)),\n    radial-gradient(circle at 50% 0%, rgba(36, 147, 180, 0.10), transparent 60%);\n\n  box-shadow:\n    0 0 26px rgba(0, 49, 164, 0.28),\n    0 0 70px rgba(0, 49, 164, 0.12),\n    inset 0 0 34px rgba(36, 147, 180, 0.06),\n    inset 0 1px 0 rgba(244, 225, 159, 0.08);\n}\n\n\/* Cartouche side seals *\/\n.mn-codex-cartouche::before,\n.mn-codex-cartouche::after {\n  content: \"\";\n  position: absolute;\n  top: 50%;\n\n  width: 18px;\n  height: 18px;\n\n  transform: translateY(-50%) rotate(45deg);\n\n  background: var(--mn-blue);\n  box-shadow:\n    0 0 12px rgba(0, 49, 164, 0.72),\n    0 0 24px rgba(36, 147, 180, 0.22);\n}\n\n.mn-codex-cartouche::before {\n  left: -9px;\n}\n\n.mn-codex-cartouche::after {\n  right: -9px;\n}\n\n\/* Main heading *\/\n.mn-codex-cartouche h1 {\n  margin: 0;\n\n  color: var(--mn-blue);\n\n  font-family: Georgia, \"Times New Roman\", serif;\n  font-size: clamp(58px, 9.2vw, 142px);\n  font-weight: 500;\n  line-height: 0.9;\n  letter-spacing: -0.075em;\n\n  text-shadow:\n    0 0 10px rgba(0, 49, 164, 0.62),\n    0 0 28px rgba(0, 49, 164, 0.40),\n    0 0 54px rgba(36, 147, 180, 0.15);\n\n  animation: mnCodexReveal 1100ms cubic-bezier(.16, 1, .3, 1) both;\n}\n\n\/* Description *\/\n.mn-projects-description {\n  width: min(780px, 100%);\n  margin: clamp(30px, 4vw, 48px) auto 0;\n\n  color: rgba(144, 154, 168, 0.92);\n\n  font-size: clamp(17px, 1.45vw, 23px);\n  line-height: 1.72;\n  letter-spacing: 0.01em;\n}\n\n.mn-projects-description strong {\n  color: var(--mn-turquoise);\n  font-weight: 500;\n  text-shadow:\n    0 0 12px rgba(36, 147, 180, 0.32);\n}\n\n\/* Bottom entry line *\/\n.mn-projects-divider {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 18px;\n\n  width: min(720px, 100%);\n  margin: clamp(38px, 5vw, 66px) auto 0;\n\n  color: rgba(244, 225, 159, 0.68);\n  font-size: 11px;\n  text-transform: uppercase;\n  letter-spacing: 0.28em;\n}\n\n.mn-projects-divider span {\n  height: 1px;\n  flex: 1;\n  background: linear-gradient(\n    90deg,\n    transparent,\n    rgba(36, 147, 180, 0.70),\n    rgba(0, 49, 164, 0.9),\n    rgba(244, 225, 159, 0.34)\n  );\n  box-shadow:\n    0 0 10px rgba(0, 49, 164, 0.35);\n}\n\n.mn-projects-divider span:last-child {\n  transform: scaleX(-1);\n}\n\n.mn-projects-divider i {\n  font-style: normal;\n  white-space: nowrap;\n}\n\n\/* Soft scan pass *\/\n.mn-projects-intro::after {\n  content: \"\";\n  position: absolute;\n  left: 0;\n  right: 0;\n  top: -40%;\n\n  height: 34%;\n  pointer-events: none;\n  z-index: -1;\n\n  background: linear-gradient(\n    to bottom,\n    transparent,\n    rgba(36, 147, 180, 0.075),\n    rgba(244, 225, 159, 0.035),\n    transparent\n  );\n\n  animation: mnProjectsScan 7s ease-in-out infinite;\n}\n\n\/* Animations *\/\n@keyframes mnCodexReveal {\n  0% {\n    opacity: 0;\n    transform: translateY(24px) scale(0.98);\n    filter: blur(10px);\n  }\n\n  100% {\n    opacity: 1;\n    transform: translateY(0) scale(1);\n    filter: blur(0);\n  }\n}\n\n@keyframes mnProjectsOrbit {\n  to {\n    transform: translate(-50%, -50%) rotate(360deg);\n  }\n}\n\n@keyframes mnProjectsScan {\n  0%, 100% {\n    opacity: 0;\n    transform: translateY(0);\n  }\n\n  38%, 60% {\n    opacity: 1;\n  }\n\n  100% {\n    transform: translateY(420%);\n  }\n}\n\n\/* Mobile *\/\n@media (max-width: 767px) {\n  .mn-projects-intro {\n    min-height: 92vh;\n    padding: 90px 18px;\n  }\n\n  .mn-projects-eyebrow {\n    flex-direction: column;\n    gap: 8px;\n    letter-spacing: 0.16em;\n  }\n\n  .mn-codex-cartouche {\n    border-radius: 42px;\n    padding: 32px 24px;\n  }\n\n  .mn-codex-cartouche h1 {\n    font-size: clamp(48px, 14vw, 72px);\n  }\n\n  .mn-projects-divider {\n    gap: 12px;\n    letter-spacing: 0.16em;\n  }\n\n  .mn-projects-divider i {\n    white-space: normal;\n  }\n}\n\n\/* Accessibility *\/\n@media (prefers-reduced-motion: reduce) {\n  .mn-projects-intro *,\n  .mn-projects-intro::before,\n  .mn-projects-intro::after {\n    animation: none !important;\n    transition: none !important;\n  }\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-0be1ad3 elementor-section-height-min-height elementor-section-full_width elementor-section-height-default elementor-section-items-middle sc_fly_static\" data-id=\"0be1ad3\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-extended\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-e9b4adf sc_inner_width_none sc_content_align_inherit sc_layouts_column_icons_position_left sc_fly_static\" data-id=\"e9b4adf\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-3fcfec1 sc_fly_static elementor-widget elementor-widget-html\" data-id=\"3fcfec1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<section class=\"mn-cartouche-archive\" id=\"mnCartoucheArchive\">\n  <div class=\"mn-archive-header\">\n    <span>\ud80c\udef9 Project Cartouches<\/span>\n    <p>\n      A curated archive of selected digital works, visual systems and experimental interfaces \u2014\n      each one treated as a digital relic, a study in presence, structure and atmosphere.\n    <\/p>\n  <\/div>\n\n  <div class=\"mn-archive-track-wrap\">\n    <div class=\"mn-archive-track\">\n\n      <article class=\"mn-project-cartouche\" style=\"--accent: #0031a4;\">\n        <div class=\"mn-project-number\">01<\/div>\n        <div class=\"mn-project-media\">\n          <img fetchpriority=\"high\" src=\"https:\/\/metanephthys.com\/wp-content\/uploads\/2026\/05\/metanephthyscom-we-craft-digital-identity-1.jpg\" alt=\"Arctic Series project visual\" width=\"1600\" height=\"1000\" loading=\"eager\" decoding=\"async\">\n        <\/div>\n        <div class=\"mn-project-content\">\n          <span class=\"mn-project-kicker\">Experimental E-commerce<\/span>\n          <h2>Arctic Series<\/h2>\n          <p>A frozen retail interface built around technical fashion, extreme environments and controlled visual tension. The project explores how product presentation can feel cinematic without losing commercial clarity.<\/p>\n          <div class=\"mn-project-tags\">\n            <span>E-commerce<\/span><span>Art Direction<\/span><span>Interface<\/span>\n          <\/div>\n        <\/div>\n      <\/article>\n\n      <article class=\"mn-project-cartouche\" style=\"--accent: #e97568;\">\n        <div class=\"mn-project-number\">02<\/div>\n        <div class=\"mn-project-media\">\n          <img src=\"https:\/\/metanephthys.com\/wp-content\/uploads\/2026\/05\/metanephthyscom-we-craft-digital-identity-2.jpg\" alt=\"Civic Interruption outdoor campaign visual\" width=\"1600\" height=\"1000\" loading=\"eager\" decoding=\"async\">\n        <\/div>\n        <div class=\"mn-project-content\">\n          <span class=\"mn-project-kicker\">Outdoor Campaign<\/span>\n          <h2>Civic Interruption<\/h2>\n          <p>A public advertising study designed to interrupt the urban routine with sharp copy, aggressive scale and impossible-to-ignore visual contrast. A campaign language made for streets, stations and distracted eyes.<\/p>\n          <div class=\"mn-project-tags\">\n            <span>Advertising<\/span><span>OOH<\/span><span>Campaign<\/span>\n          <\/div>\n        <\/div>\n      <\/article>\n\n      <article class=\"mn-project-cartouche\" style=\"--accent: #2493b4;\">\n        <div class=\"mn-project-number\">03<\/div>\n        <div class=\"mn-project-media\">\n          <img loading=\"lazy\" src=\"https:\/\/metanephthys.com\/wp-content\/uploads\/2026\/05\/metanephthyscom-we-craft-digital-identity-3.jpg\" alt=\"Neo-Tactile interface system visual\" width=\"1600\" height=\"1000\" decoding=\"async\">\n        <\/div>\n        <div class=\"mn-project-content\">\n          <span class=\"mn-project-kicker\">Interface System<\/span>\n          <h2>Neo-Tactile<\/h2>\n          <p>A dark glass interface kit focused on depth, surface, feedback and digital tactility. The project studies how UI can feel physical, responsive and premium without becoming visually heavy.<\/p>\n          <div class=\"mn-project-tags\">\n            <span>UI System<\/span><span>Interaction<\/span><span>Glassmorphism<\/span>\n          <\/div>\n        <\/div>\n      <\/article>\n\n      <article class=\"mn-project-cartouche\" style=\"--accent: #c55428;\">\n        <div class=\"mn-project-number\">04<\/div>\n        <div class=\"mn-project-media\">\n          <img loading=\"lazy\" src=\"https:\/\/metanephthys.com\/wp-content\/uploads\/2026\/05\/metanephthyscom-we-craft-digital-identity-4.jpg\" alt=\"Palette Doctrine visual identity study\" width=\"1600\" height=\"1000\" decoding=\"async\">\n        <\/div>\n        <div class=\"mn-project-content\">\n          <span class=\"mn-project-kicker\">Visual Identity Study<\/span>\n          <h2>Palette Doctrine<\/h2>\n          <p>A graphic system built around color hierarchy, typographic pressure and editorial balance. A study in how brand identity can be expressed through strict palettes, negative space and controlled visual noise.<\/p>\n          <div class=\"mn-project-tags\">\n            <span>Design System<\/span><span>Color<\/span><span>Editorial<\/span>\n          <\/div>\n        <\/div>\n      <\/article>\n\n      <article class=\"mn-project-cartouche\" style=\"--accent: #aac1a7;\">\n        <div class=\"mn-project-number\">05<\/div>\n        <div class=\"mn-project-media\">\n          <img loading=\"lazy\" src=\"https:\/\/metanephthys.com\/wp-content\/uploads\/2026\/05\/metanephthyscom-we-craft-digital-identity-5.jpg\" alt=\"Spatial Commerce 3D retail concept\" width=\"1600\" height=\"1000\" decoding=\"async\">\n        <\/div>\n        <div class=\"mn-project-content\">\n          <span class=\"mn-project-kicker\">3D Retail Concept<\/span>\n          <h2>Spatial Commerce<\/h2>\n          <p>A soft, immersive commerce environment where product, space and interface merge into one visual experience. The project treats the e-shop not as a catalogue, but as a room the user enters.<\/p>\n          <div class=\"mn-project-tags\">\n            <span>3D<\/span><span>E-commerce<\/span><span>Experience<\/span>\n          <\/div>\n        <\/div>\n      <\/article>\n\n      <article class=\"mn-project-cartouche\" style=\"--accent: #f4e19f;\">\n        <div class=\"mn-project-number\">06<\/div>\n        <div class=\"mn-project-media\">\n          <img loading=\"lazy\" src=\"https:\/\/metanephthys.com\/wp-content\/uploads\/2026\/05\/metanephthyscom-we-craft-digital-identity-6.jpg\" alt=\"Monochrome Retail fashion e-commerce visual\" width=\"1600\" height=\"1000\" decoding=\"async\">\n        <\/div>\n        <div class=\"mn-project-content\">\n          <span class=\"mn-project-kicker\">Fashion E-commerce<\/span>\n          <h2>Monochrome Retail<\/h2>\n          <p>A restrained fashion commerce system based on contrast, rhythm and editorial hierarchy. The layout turns product browsing into a black-and-white visual sequence with strong magazine energy.<\/p>\n          <div class=\"mn-project-tags\">\n            <span>Fashion<\/span><span>E-shop<\/span><span>Editorial<\/span>\n          <\/div>\n        <\/div>\n      <\/article>\n\n      <article class=\"mn-project-cartouche\" style=\"--accent: #0031a4;\">\n        <div class=\"mn-project-number\">07<\/div>\n        <div class=\"mn-project-media\">\n          <img loading=\"lazy\" src=\"https:\/\/metanephthys.com\/wp-content\/uploads\/2026\/05\/metanephthyscom-we-craft-digital-identity-7.jpg\" alt=\"Conversion Aurora Google Ads dashboard visual\" width=\"1600\" height=\"1000\" decoding=\"async\">\n        <\/div>\n        <div class=\"mn-project-content\">\n          <span class=\"mn-project-kicker\">Ads Performance Interface<\/span>\n          <h2>Conversion Aurora<\/h2>\n          <p>A campaign dashboard concept visualizing clicks, cost, CPC and conversion value inside a glowing interface environment. A study in making performance marketing feel precise, premium and alive.<\/p>\n          <div class=\"mn-project-tags\">\n            <span>Google Ads<\/span><span>Conversion<\/span><span>Dashboard<\/span>\n          <\/div>\n        <\/div>\n      <\/article>\n\n      <article class=\"mn-project-cartouche\" style=\"--accent: #cd9b1d;\">\n        <div class=\"mn-project-number\">08<\/div>\n        <div class=\"mn-project-media\">\n          <img loading=\"lazy\" src=\"https:\/\/metanephthys.com\/wp-content\/uploads\/2026\/05\/metanephthyscom-we-craft-digital-identity-8.jpg\" alt=\"Creator Economy dashboard visual\" width=\"1600\" height=\"1000\" decoding=\"async\">\n        <\/div>\n        <div class=\"mn-project-content\">\n          <span class=\"mn-project-kicker\">Monetization Dashboard<\/span>\n          <h2>Creator Economy<\/h2>\n          <p>A warm, luminous dashboard concept for creator rewards, views and revenue. The project explores how financial data can become softer, more human and visually aspirational.<\/p>\n          <div class=\"mn-project-tags\">\n            <span>Dashboard<\/span><span>Creator Tools<\/span><span>Revenue<\/span>\n          <\/div>\n        <\/div>\n      <\/article>\n\n      <article class=\"mn-project-cartouche\" style=\"--accent: #aac1a7;\">\n        <div class=\"mn-project-number\">09<\/div>\n        <div class=\"mn-project-media\">\n          <img loading=\"lazy\" src=\"https:\/\/metanephthys.com\/wp-content\/uploads\/2026\/05\/metanephthyscom-we-craft-digital-identity-9.jpg\" alt=\"Dallo neumorphic app interface visual\" width=\"1600\" height=\"1000\" decoding=\"async\">\n        <\/div>\n        <div class=\"mn-project-content\">\n          <span class=\"mn-project-kicker\">Soft Interface Study<\/span>\n          <h2>D\u0101llo Interface<\/h2>\n          <p>A quiet neumorphic interface study built around softness, focus and spatial balance. The project explores digital calm through subtle surfaces, tactile shadows and restrained interaction.<\/p>\n          <div class=\"mn-project-tags\">\n            <span>App Design<\/span><span>Neumorphism<\/span><span>UX<\/span>\n          <\/div>\n        <\/div>\n      <\/article>\n\n      <article class=\"mn-project-cartouche\" style=\"--accent: #c55428;\">\n        <div class=\"mn-project-number\">10<\/div>\n        <div class=\"mn-project-media\">\n          <img loading=\"lazy\" src=\"https:\/\/metanephthys.com\/wp-content\/uploads\/2026\/05\/metanephthyscom-we-craft-digital-identity-10.jpg\" alt=\"Margarita Days newsletter concept\" width=\"1600\" height=\"1000\" decoding=\"async\">\n        <\/div>\n        <div class=\"mn-project-content\">\n          <span class=\"mn-project-kicker\">Newsletter Experience<\/span>\n          <h2>Margarita Days<\/h2>\n          <p>A tropical newsletter and content experience shaped like a small editorial world. The project blends product storytelling, campaign rhythm and visual appetite into a scrollable ritual.<\/p>\n          <div class=\"mn-project-tags\">\n            <span>Newsletter<\/span><span>Content<\/span><span>Campaign<\/span>\n          <\/div>\n        <\/div>\n      <\/article>\n\n      <article class=\"mn-project-cartouche\" style=\"--accent: #0031a4;\">\n        <div class=\"mn-project-number\">11<\/div>\n        <div class=\"mn-project-media\">\n          <img loading=\"lazy\" src=\"https:\/\/metanephthys.com\/wp-content\/uploads\/2026\/05\/metanephthyscom-we-craft-digital-identity-11.jpg\" alt=\"Eternal Gzhel publication design visual\" width=\"1600\" height=\"1000\" decoding=\"async\">\n        <\/div>\n        <div class=\"mn-project-content\">\n          <span class=\"mn-project-kicker\">Publication Design<\/span>\n          <h2>Eternal Gzhel<\/h2>\n          <p>An editorial system built around cultural craft, heritage and visual storytelling. The layout combines museum-like structure with modern information design, turning tradition into a contemporary visual archive.<\/p>\n          <div class=\"mn-project-tags\">\n            <span>Editorial<\/span><span>Culture<\/span><span>Publication<\/span>\n          <\/div>\n        <\/div>\n      <\/article>\n\n      <article class=\"mn-project-cartouche\" style=\"--accent: #f4e19f;\">\n        <div class=\"mn-project-number\">12<\/div>\n        <div class=\"mn-project-media\">\n          <img loading=\"lazy\" src=\"https:\/\/metanephthys.com\/wp-content\/uploads\/2026\/05\/metanephthyscom-we-craft-digital-identity-12.jpg\" alt=\"Forma fashion interface concept\" width=\"1600\" height=\"1000\" decoding=\"async\">\n        <\/div>\n        <div class=\"mn-project-content\">\n          <span class=\"mn-project-kicker\">Minimal Fashion Interface<\/span>\n          <h2>Forma<\/h2>\n          <p>A black-and-white fashion interface designed around restraint, contrast and typographic confidence. The project studies how minimal design can still feel dramatic, luxurious and commercially sharp.<\/p>\n          <div class=\"mn-project-tags\">\n            <span>Fashion<\/span><span>Web Design<\/span><span>Minimalism<\/span>\n          <\/div>\n        <\/div>\n      <\/article>\n\n      <article class=\"mn-project-cartouche\" style=\"--accent: #e97568;\">\n        <div class=\"mn-project-number\">13<\/div>\n        <div class=\"mn-project-media\">\n          <img loading=\"lazy\" src=\"https:\/\/metanephthys.com\/wp-content\/uploads\/2026\/05\/metanephthyscom-we-craft-digital-identity-13.jpg\" alt=\"Lumen District AI art direction portfolio visual\" width=\"1600\" height=\"1000\" decoding=\"async\">\n        <\/div>\n        <div class=\"mn-project-content\">\n          <span class=\"mn-project-kicker\">AI Art Direction<\/span>\n          <h2>Lumen District<\/h2>\n          <p>A luminous portfolio concept for a fictional creative studio. The project combines bold typography, radiant architecture and cinematic imagery into a world that feels both digital and atmospheric.<\/p>\n          <div class=\"mn-project-tags\">\n            <span>Portfolio<\/span><span>AI Visuals<\/span><span>Worldbuilding<\/span>\n          <\/div>\n        <\/div>\n      <\/article>\n\n      <article class=\"mn-project-cartouche\" style=\"--accent: #aac1a7;\">\n        <div class=\"mn-project-number\">14<\/div>\n        <div class=\"mn-project-media\">\n          <img loading=\"lazy\" src=\"https:\/\/metanephthys.com\/wp-content\/uploads\/2026\/05\/metanephthyscom-we-craft-digital-identity-14.jpg\" alt=\"Brand Lab Matrix social media grid visual\" width=\"1600\" height=\"1000\" decoding=\"async\">\n        <\/div>\n        <div class=\"mn-project-content\">\n          <span class=\"mn-project-kicker\">Social Content System<\/span>\n          <h2>Brand Lab Matrix<\/h2>\n          <p>A modular social media grid designed around strategic messaging, visual repetition and brand memory. The system turns scattered content into a recognizable visual language with rhythm and attitude.<\/p>\n          <div class=\"mn-project-tags\">\n            <span>Social Media<\/span><span>Content System<\/span><span>Strategy<\/span>\n          <\/div>\n        <\/div>\n      <\/article>\n\n      <article class=\"mn-project-cartouche\" style=\"--accent: #2493b4;\">\n        <div class=\"mn-project-number\">15<\/div>\n        <div class=\"mn-project-media\">\n          <img loading=\"lazy\" src=\"https:\/\/metanephthys.com\/wp-content\/uploads\/2026\/05\/metanephthyscom-we-craft-digital-identity-15.jpg\" alt=\"Revenue Glass social performance visual\" width=\"1600\" height=\"1000\" decoding=\"async\">\n        <\/div>\n        <div class=\"mn-project-content\">\n          <span class=\"mn-project-kicker\">Performance Dashboard<\/span>\n          <h2>Revenue Glass<\/h2>\n          <p>A dark analytics interface study focused on growth, monetization and creator performance. The project translates data into a premium dashboard environment with clarity, glow and controlled depth.<\/p>\n          <div class=\"mn-project-tags\">\n            <span>Dashboard<\/span><span>Analytics<\/span><span>Growth<\/span>\n          <\/div>\n        <\/div>\n      <\/article>\n\n      <article class=\"mn-project-cartouche\" style=\"--accent: #e97568;\">\n        <div class=\"mn-project-number\">16<\/div>\n        <div class=\"mn-project-media\">\n          <img loading=\"lazy\" src=\"https:\/\/metanephthys.com\/wp-content\/uploads\/2026\/05\/metanephthyscom-we-craft-digital-identity-16.jpg\" alt=\"Social Pulse performance dashboard visual\" width=\"1600\" height=\"1000\" decoding=\"async\">\n        <\/div>\n        <div class=\"mn-project-content\">\n          <span class=\"mn-project-kicker\">Social Performance Interface<\/span>\n          <h2>Social Pulse<\/h2>\n          <p>A performance dashboard concept for audience growth, reach and content behavior. The visual direction combines soft neon, clean metrics and a sense of momentum around measurable visibility.<\/p>\n          <div class=\"mn-project-tags\">\n            <span>Social Analytics<\/span><span>Performance<\/span><span>Metrics<\/span>\n          <\/div>\n        <\/div>\n      <\/article>\n\n      <article class=\"mn-project-cartouche\" style=\"--accent: #cd9b1d;\">\n        <div class=\"mn-project-number\">17<\/div>\n        <div class=\"mn-project-media\">\n          <img loading=\"lazy\" src=\"https:\/\/metanephthys.com\/wp-content\/uploads\/2026\/05\/metanephthyscom-we-craft-digital-identity-17.jpg\" alt=\"Legal Futures strategic report design visual\" width=\"1600\" height=\"1000\" decoding=\"async\">\n        <\/div>\n        <div class=\"mn-project-content\">\n          <span class=\"mn-project-kicker\">Strategic Report Design<\/span>\n          <h2>Legal Futures<\/h2>\n          <p>An information design study for complex business and technology data. The project organizes statistics, priorities and predictions into a structured visual report with editorial discipline.<\/p>\n          <div class=\"mn-project-tags\">\n            <span>Report Design<\/span><span>Data<\/span><span>Strategy<\/span>\n          <\/div>\n        <\/div>\n      <\/article>\n\n      <article class=\"mn-project-cartouche\" style=\"--accent: #aac1a7;\">\n        <div class=\"mn-project-number\">18<\/div>\n        <div class=\"mn-project-media\">\n          <img loading=\"lazy\" src=\"https:\/\/metanephthys.com\/wp-content\/uploads\/2026\/05\/metanephthyscom-we-craft-digital-identity-18.jpg\" alt=\"Mythic Commerce 3D character website visual\" width=\"1600\" height=\"1000\" decoding=\"async\">\n        <\/div>\n        <div class=\"mn-project-content\">\n          <span class=\"mn-project-kicker\">Thematic Web World<\/span>\n          <h2>Mythic Commerce<\/h2>\n          <p>A thematic site concept built with characters, atmosphere and immersive commercial storytelling. The project turns browsing into a small fictional universe with product logic underneath.<\/p>\n          <div class=\"mn-project-tags\">\n            <span>3D Characters<\/span><span>Website<\/span><span>Storytelling<\/span>\n          <\/div>\n        <\/div>\n      <\/article>\n\n      <article class=\"mn-project-cartouche\" style=\"--accent: #e97568;\">\n        <div class=\"mn-project-number\">19<\/div>\n        <div class=\"mn-project-media\">\n          <img loading=\"lazy\" src=\"https:\/\/metanephthys.com\/wp-content\/uploads\/2026\/05\/metanephthyscom-we-craft-digital-identity-19.jpg\" alt=\"Studio Frame TV production visual\" width=\"1600\" height=\"1000\" decoding=\"async\">\n        <\/div>\n        <div class=\"mn-project-content\">\n          <span class=\"mn-project-kicker\">Production Visual Study<\/span>\n          <h2>Studio Frame<\/h2>\n          <p>A visual production scene centered on filming, direction and controlled atmosphere. The project captures the behind-the-scenes architecture of image-making: light, camera, people and intent.<\/p>\n          <div class=\"mn-project-tags\">\n            <span>Video Production<\/span><span>Direction<\/span><span>Visual Content<\/span>\n          <\/div>\n        <\/div>\n      <\/article>\n\n    <\/div>\n  <\/div>\n<\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>\ud80c\udc80 Selected Works \/ Digital Identity Archive The Digital Identity Codex A curated archive of websites, platforms, e-shops and digital systems \u2014 crafted, structured and inscribed by metaNEPHTHYS. Enter the&hellip;<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-62807","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/metanephthys.com\/en\/wp-json\/wp\/v2\/pages\/62807","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/metanephthys.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/metanephthys.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/metanephthys.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/metanephthys.com\/en\/wp-json\/wp\/v2\/comments?post=62807"}],"version-history":[{"count":31,"href":"https:\/\/metanephthys.com\/en\/wp-json\/wp\/v2\/pages\/62807\/revisions"}],"predecessor-version":[{"id":62862,"href":"https:\/\/metanephthys.com\/en\/wp-json\/wp\/v2\/pages\/62807\/revisions\/62862"}],"wp:attachment":[{"href":"https:\/\/metanephthys.com\/en\/wp-json\/wp\/v2\/media?parent=62807"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}