- Scan ID:
- 850a16dc-934a-4175-9d63-538a76a0815fFinished
- Submitted URL:
- https://lumoin.com/
- Report Finished:
Links · 4 found
The outgoing links identified from the page
| Link | Text |
|---|---|
| https://verifable.app | Discover Verifable |
| https://bsky.app/profile/lumoin.bsky.social | Lumoin's BlueSky profile (opens in a new tab)BlueSky |
| https://www.linkedin.com/company/lumoin | Lumoin's LinkedIn profile (opens in a new tab)LinkedIn |
| https://www.x.com/lumoinhq | Lumoin's X profile (opens in a new tab)X |
JavaScript Variables · 5 found
Global JavaScript variables loaded on the window object of a page, are variables declared outside of functions and accessible from anywhere in the code within the current scope
| Name | Type |
|---|---|
| 0 | object |
| onbeforetoggle | object |
| documentPictureInPicture | object |
| onscrollend | object |
| __cfBeacon | object |
Console log messages · 3 found
Messages logged to the web console
| Type | Category | Log |
|---|---|---|
| warning | other |
|
| warning | security |
|
| warning | other |
|
HTML
The raw HTML body of the page
<!DOCTYPE html><html lang="en"><head>
<meta charset="UTF-8">
<title>Nurture prosperity | Lumoin</title>
<meta name="description" content="Humane finance and nurturing prosperity. Journeying to regenerative sustainable finance, circular economies, water, and socio-digital innovation.">
<meta name="author" content="Lumoin">
<link rel="preload" importance="high" href="fonts/commissioner.ttf" as="font">
<link rel="preload" importance="high" href="images/lumoin-hero.webm" as="video">
<link rel="stylesheet" href="base.css">
<!-- <link rel="preload" href="banner.png" as="image"> -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="manifest" href="manifest.json">
<link rel="apple-touch-icon" href="images/apple-touch-icon.png">
<link rel="icon" type="image/svg+xml" sizes="any" href="images/lumoin-logo.svg">
<link rel="icon" type="image/png" sizes="32x32" href="images/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="images/favicon-16x16.png">
<!--
<link rel="mask-icon" href="images/safari-pinned-tab.svg" color="#5bbad5">
-->
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="theme-color" content="#439AFF">
<!-- Begin Facebook OpenGraph. -->
<meta property="og:type" content="website">
<meta property="og:title" content="Lumoin">
<meta property="og:rich_attachment" content="true">
<meta property="og:url" content="https://lumoin.com">
<meta property="og:image" content="https://lumoin.com/images/lumoin-horizontal-facebook-linkedin.webp">
<meta name="og:image:alt" content="Lumoin logo on the left. Then text "Lumoin" in a special font. Above letters five birds in a flying formation. Below slogan "Nurture Prosperity". The logo description is A circle shaped logo with 'L' created by two segments on length of about one third of the edge forming a vibrant, green water lily leaf with an azure blue arch from the tip of the top leaf to the tip of the bottom leaf on a snow white background.">
<meta property="og:description" content="Humane finance and nurturing prosperity. Journeying to regenerative sustainable finance, circular economies, water, and socio-digital innovation.">
<!-- End Facebook OpenGraph. -->
<!-- Begin Twitter Card. -->
<meta name="twitter:card" content="player">
<meta name="twitter:site" content="@lumoinhq">
<meta name="twitter:title" content="Lumoin">
<meta name="twitter:image" content="https://lumoin.com/images/lumoin-horizontal-twitter.webp">
<meta name="twitter:image:alt" content="Lumoin logo on the left. Then text "Lumoin" in a special font. Above letters five birds in a flying formation. Below slogan "Nurture Prosperity". The logo description is A circle shaped logo with 'L' created by two segments on length of about one third of the edge forming a vibrant, green water lily leaf with an azure blue arch from the tip of the top leaf to the tip of the bottom leaf on a snow white background.">
<meta name="twitter:description" content="Humane finance and nurturing prosperity. Journeying to regenerative sustainable finance, circular economies, water, and socio-digital innovation.">
<meta name="twitter:player" content="https://lumoin.com/index-x-player-container.html">
<meta name="twitter:player:width" content="1200">
<meta name="twitter:player:height" content="1200">
<meta name="twitter:player:stream" content="https://lumoin.com/images/lumoin-hero.mp4">
<meta name="twitter:player:stream:content_type" content="video/mp4">
<!-- End Twitter Card. -->
<link rel="alternate" type="application/atom+xml" title="Lumoin writings" href="https://lumoin.com/feed.atom">
<style>
@media (prefers-reduced-motion: reduce) {
*,
::before,
::after,
::view-transition-old(*),
::view-transition-new(*) {
animation-delay: -1ms !important;
animation-duration: 1ms !important;
animation-iteration-count: 1 !important;
background-attachment: initial !important;
scroll-behavior: auto !important;
transition-duration: 0s !important;
transition-delay: 0s !important;
}
}
/*
CSS reset.
Mostly sourced from https://moderncss.dev/modern-css-for-dynamic-component-based-architecture/.
*/
a:not([class]) {
/* Relatively sized thickness and offset */
text-decoration-thickness: max(0.08em, 1px);
text-underline-offset: 0.15em;
}
:focus-visible {
--outline-size: max(2px, 0.15em);
outline: var(--outline-width, var(--outline-size)) var(--outline-style, solid) var(--outline-color, currentColor);
outline-offset: var(--outline-offset, var(--outline-size));
}
:target {
/* scroll-padding-block-start: 2rem;*/
}
:focus {
/* scroll-padding-block-end: 8svh;*/
}
/* End of CSS reset. */
@font-face {
font-family: 'Commissioner';
src: url('./fonts/commissioner.ttf') format('truetype');
font-weight: 100 900;
font-display: swap;
}
body {
font-family: "Commissioner", Arial, Helvetica, sans-serif;
line-height: 1.6;
background: var(--surface);
margin: 0;
padding: 0;
container-type: inline-size;
/* This is needed for the sticky header. */
min-height: 100vh;
}
/* Remove visibility but leave element for assistive technologies. */
figcaption {
position: absolute;
width: 1px;
height: 1px;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
white-space: nowrap;
}
header {
padding-inline-start: var(--space-xl);
padding-inline-end: var(--space-xl);
container-type: inline-size;
display: grid;
grid-template-columns: 1fr 0.2fr 1fr;
grid-template-rows: 0.2fr 0.5fr 1fr;
grid-template-areas:
". overlap video"
"text overlap video"
"text overlap video";
margin: 0 auto;
}
.hero-text-container {
grid-area: text / text / text-end / overlap-end;
z-index: 1;
align-self: center;
background-color: rgba(255, 255, 255, 0.8);
mix-blend-mode: luminosity;
}
.hero-text-container h1 {
font-size: var(--step-5);
line-height: 1.2;
letter-spacing: clamp(-0.05em, -0.02cqw, -0.01em);
word-spacing: clamp(0.05em, 1.06cqw, 0.1em);
}
.hero-video-container {
grid-area: overlap / overlap / image-end / image-end;
z-index: 0;
width: 100%;
height: auto;
overflow: hidden;
}
.hero-video-container video {
width: 100%;
height: auto;
object-fit: contain;
}
@container(width < 768px) {
header {
padding-inline-start: var(--space-xs);
padding-inline-end: var(--space-xs);
font-size: var(--step-0);
grid-template-columns: auto;
grid-template-rows: auto auto;
grid-template-areas:
"video"
"text";
}
.hero-text-container {
grid-area: text
}
.hero-video-container {
grid-area: video;
}
}
h1 {
font-size: var(--step-5);
margin: 0;
}
h2 {
font-size: var(--step-3);
/* font-size: var(--step-5);*/
}
h3 {
font-size: var(--step-3);
}
p {
font-size: var(--step-1);
}
@keyframes link-animation {
0% {
background-size: 500%;
background-position: 150% 0;
}
100% {
background-size: 100%;
background-position: 0 0;
}
}
.story-header {
line-height: 1.25;
text-transform: uppercase;
font-style: italic;
background: linear-gradient(to right, var(--background-color), var(--lumoin-blue));
--background-lightness: 0.15;
--background-chroma: 0.01;
--background-hue: var(--lumoin-green-hue);
color: var(--lumoin-green-darker);
grid-column: 2/4;
grid-row: 2/3;
font-style: initial;
display: grid;
grid-template-columns: 1.563rem 1fr 1.563rem;
grid-template-rows: 1fr 1fr;
text-align: center;
font-variation-settings: 'wght' 600, 'slnt' 0, 'VOLM' 100;
}
.story-header span {
grid-column: 1/4
}
.story-button {
--window: 1.4;
--speed: 1;
--blur: 10;
--spread: 120;
--thickness: 2;
--radius: 32;
--background-lightness: 0.15;
--background-chroma: 0.01;
--background-hue: var(--lumoin-green-hue);
--saturation: 20%;
--transition: 0.15s;
--glow: oklch(85.95% 0.177 147.53);
--border-radius: calc(var(--radius) * 1px);
--border-width: calc(var(--thickness) * 1px);
--active: 0;
--glow-spread: calc(var(--spread) * 1deg);
font-size: var(--step-1);
cursor: pointer;
padding: 0.9em 2em;
display: grid;
border: 0;
place-items: center;
white-space: nowrap;
border-radius: var(--border-radius);
position: relative;
box-shadow: 5px 2px 6px oklch(var(--lumoin-green-lightness) var(--lumoin-green-chroma) var(--lumoin-green-hue) / 20%),
6px 3px 10px oklch(var(--lumoin-green-lightness) var(--lumoin-green-chroma) var(--lumoin-green-hue) / 24%) inset,
7px 4px 14px oklch(var(--lumoin-green-lightness) var(--lumoin-green-chroma) var(--lumoin-green-hue) / 27%) inset;
transition: box-shadow var(--transition), scale var(--transition), background var(--transition);
scale: calc(1 + (var(--active) * 0.025));
}
a.story-button:link,
a.story-button:visited,
a.story-button:hover,
a.story-button:active {
text-decoration: none;
}
.story-button::before {
--saturation: 90%;
content: "";
position: absolute;
inset: 0;
border-radius: var(--border-radius);
pointer-events: none;
}
.story-button:active {
scale: 1;
}
@keyframes flip {
to {
rotate: 360deg;
}
}
.spark:before {
content: "";
position: absolute;
}
.spark:after {
content: "";
position: absolute;
inset: 0;
z-index: -1;
}
.story-button-backdrop {
position: absolute;
inset: 0;
background:
radial-gradient(40% 50% at center 100%,
oklch(80.5% 0.031 196.56 / 15%),
transparent),
radial-gradient(80% 100% at center 120%,
oklch(79.08% 0.033 196.5 / 20%),
transparent),
oklch(11.57% 0 0);
border: var(--border-width) solid transparent;
/*border-color: var(--lumoin-green);*/
border-radius: var(--border-radius);
transition: background var(--transition) opacity var(--transition);
}
.story-button:is(:hover, :focus-visible) {
--active: 1;
outline: none;
}
.text {
translate: 0 0;
letter-spacing: 0.01ch;
background-size: 500% 100%;
background-position: 0 0;
-webkit-background-clip: text;
background-clip: text;
color: white;
transition: background-position calc(var(--transition) * 6);
}
.story-button:is(:hover, :focus-visible) .text {
animation: shimmer 1s both;
}
@keyframes shimmer {
0% {
background-position: 100% 0;
}
}
.story-button .spark-container {
position: absolute;
inset: 0px;
/* With a backdrop */
overflow: hidden;
}
.glows {
filter: blur(calc(var(--blur) * 1px));
container-type: size;
position: absolute;
inset: 0;
}
.story-button>.spark-container {
container-type: size;
}
.story-button .spark:nth-of-type(2) {
rotate: 180deg;
animation-direction: alternate-reverse;
}
.story-button .spark {
position: absolute;
left: 0;
top: 0;
height: 100%;
aspect-ratio: 1;
border-radius: 0;
overflow: visible;
mask: none;
animation: slide calc(var(--speed) * 1s) ease-in-out infinite alternate;
animation-play-state: paused;
}
.story-button:hover .spark {
animation-play-state: running;
}
.story-button .spark:before {
inset: -100%;
background: conic-gradient(from calc(270deg - (var(--glow-spread) * 0.5)),
var(--glow) 0,
var(--glow) var(--glow-spread),
transparent var(--glow-spread));
translate: 0 0;
transform: rotate(0deg);
width: auto;
animation: spin calc(var(--speed) * 2s) infinite linear;
animation-play-state: paused;
}
.story-button:is(:hover, :focus-visible) .spark:before {
animation-play-state: running;
}
@keyframes spin {
0% {
rotate: 0deg;
}
15%,
35% {
rotate: 90deg;
}
65%,
85% {
rotate: 270deg;
}
100% {
rotate: 360deg;
}
}
@keyframes slide {
to {
translate: calc(100cqw - 100%) 0;
}
}
.story-button .spark {
background: transparent;
}
.story-button .spark-container {
border-radius: var(--border-radius);
opacity: 0;
}
.spark {
transition: opacity var(--transition);
opacity: 0;
}
.story-button:is(:hover, :focus-visible) .spark {
opacity: 1;
}
.story-button:is(:hover, :focus-visible) .spark-container {
animation: reveal calc(var(--window) * 1s) both;
}
@keyframes reveal {
0%,
100% {
opacity: 0;
}
20%,
80% {
opacity: 1;
}
}
.story-button .text {
transition: transform 1s 4s;
}
html {
scroll-behavior: smooth;
/*scroll-padding-top: var(--space-s);*/
}
#projects,
#insights,
#contact {
content-visibility: auto;
contain-intrinsic-size: 0 2000px;
padding-inline-start: var(--space-xl);
padding-inline-end: var(--space-xl);
& ul {
list-style: none;
padding: 0;
margin: 0;
}
}
section#projects {
display: flex;
flex-direction: column;
align-items: stretch;
gap: var(--grid-gutter);
overflow: hidden;
padding-block-end: var(--space-2xl);
}
article {
display: flex;
flex-direction: column;
gap: var(--grid-gutter);
}
article div:last-child {
display: flex;
align-self: flex-start;
gap: var(--grid-gutter);
}
article div:last-child>* {
flex: 1;
}
article div:last-child>div>picture>img {
max-inline-size: 100%;
block-size: auto;
width: 100%;
height: auto;
content-visibility: auto;
}
article div:last-child>div {
flex-direction: column;
}
article:nth-of-type(odd)>div>div>a {
align-self: flex-start;
}
article:nth-of-type(even)>div {
flex-direction: row-reverse;
}
article:nth-of-type(even)>div>div>a {
align-self: flex-end;
}
@container(max-width: 768px) {
article div:last-child {
flex-direction: column;
}
article div:last-child img {
max-inline-size: 100%;
block-size: auto;
}
article:nth-of-type(even)>div>div>a {
align-self: flex-start;
}
}
@container(width < 768px) {
#projects,
#insights,
#contact {
padding-inline-start: var(--space-s);
padding-inline-end: var(--space-s);
padding-block-start: var(--space-xs);
padding-block-end: var(--space-xs);
}
}
section {
scroll-snap-type: block mandatory;
}
article {
scroll-snap-align: start;
}
/* Card section. */
#insights {
background-color: var(--lumoin-blue);
color: var(--lumoin-white);
}
.blog-card-container {
display: grid;
grid-template-columns: repeat(auto-fit,
/* Fluid columns, but max out at 3. Division by 4 due to space taken by gutter. */
minmax(min(100%, max(60ch, 100% / 4)), 1fr));
gap: var(--grid-gutter);
list-style: none;
padding: 0;
margin: 0;
}
.blog-card-meta {
padding: 1rem;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.blog-card-meta>h2 {
font-size: var(--step-1);
}
.blog-card-meta>p {
font-size: var(--step-0);
}
.blog-card-image>img {
width: 100%;
aspect-ratio: 16 / 9;
object-fit: cover;
max-height: 200px;
}
.blog-card {
display: grid;
background-color: var(--lumoin-white);
color: black;
grid-template-rows: subgrid;
box-shadow:
5px 2px 6px oklch(var(--lumoin-green-lightness) var(--lumoin-green-chroma) var(--lumoin-green-hue) / 20%),
6px 3px 10px oklch(var(--lumoin-green-lightness) var(--lumoin-green-chroma) var(--lumoin-green-hue) / 24%),
7px 4px 14px oklch(var(--lumoin-green-lightness) var(--lumoin-green-chroma) var(--lumoin-green-hue) / 27%);
transition: box-shadow 0.3s ease-in-out;
}
.blog-card:hover {
box-shadow:
0 0 10px oklch(var(--lumoin-green-lightness) var(--lumoin-green-chroma) var(--lumoin-green-hue) / 50%),
0 0 20px oklch(var(--lumoin-green-lightness) var(--lumoin-green-chroma) var(--lumoin-green-hue) / 54%),
0 0 30px oklch(var(--lumoin-green-lightness) var(--lumoin-green-chroma) var(--lumoin-green-hue) / 57%);
}
.blog-card-title {
padding: 1rem;
font-size: var(--step-4);
font-weight: 600;
text-align: center;
line-height: 1em;
box-decoration-break: clone;
background-image: linear-gradient(90deg, var(--lumoin-blue), var(--lumoin-green));
background-size: 100% 42%;
background-repeat: no-repeat;
background-position: 0 85%;
padding: 0 4px;
margin-left: -4px;
}
.blog-card a {
text-decoration: none;
color: inherit;
}
.blog-card a:hover,
.blog-card a:focus {
text-decoration: none;
}
/* End of blog card design. */
/* The landing page images with soft shadow border. */
.shadow-parent {
display: grid;
position: relative;
}
.colorful-shadow,
.shadow-image {
grid-area: 1 / 1 / 2 / 2;
}
.colorful-shadow {
display: inline-block;
}
.shadow-image img {
--blur-radius: 16px;
position: absolute;
margin-block-start: calc(var(--blur-radius) / 2);
margin-inline-start: calc(var(--blur-radius) / 2);
max-inline-size: 100%;
filter: blur(var(--blur-radius));
z-index: -1;
}
.top-bar {
background-color: var(--lumoin-white);
position: sticky;
z-index: 2;
top: 0;
container-type: inline-size;
padding-inline-start: var(--space-xl);
padding-inline-end: var(--space-xl);
padding-block-start: var(--space-xs);
padding-block-end: var(--space-xs);
font-size: var(--step-0);
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-areas:
"logo nav";
.logo {
grid-area: logo;
width: var(--step-3);
height: auto;
}
nav {
grid-area: nav;
& ul {
padding: 0;
margin: 0;
list-style: none;
display: flex;
gap: var(--grid-gutter);
isolation: isolate;
}
& ul:before {
content: "";
position: absolute;
z-index: -1;
position-anchor: --li;
background: var(--lumoin-green);
inset: auto anchor(right) anchor(bottom) anchor(left);
transition: .2s .2s;
}
& ul li {
position: relative;
}
& ul li:before {
content: "";
position: absolute;
z-index: -1;
inset: 100% -.15em 0;
background: var(--lumoin-green);
transition: .2s;
}
& ul li:is(:hover, .active):before {
anchor-name: --li;
top: 0;
transition: .2s .4s;
}
& ul:has(li:hover) li.active:not(:hover):before {
anchor-name: none;
inset: 100% -.15em 0;
transition: .2s;
}
& a {
text-decoration: underline;
text-decoration-color: var(--lumoin-green);
text-decoration-thickness: 2px;
}
& a,
a:visited {
color: inherit;
color: var(--lumoin-blue);
}
}
@container(width < 768px) {
padding-inline-start: var(--space-xs);
padding-inline-end: var(--space-xs);
font-size: var(--step-0);
nav {
justify-self: end;
}
}
}
</style>
</head>
<body>
<div class="top-bar">
<div class="logo">
<img src="images/lumoin-logo.svg" title="Lumoin logo: A circle shaped logo with 'L' created by two segments on length of about one third of the edge forming a vibrant, green water lily leaf with an azure blue arch from the tip of the top leaf to the tip of the bottom leaf on a snow white background." alt="Lumoin logo: A circle shaped logo with 'L' created by two segments on length of about one third of the edge forming a vibrant, green water lily leaf with an azure blue arch from the tip of the top leaf to the tip of the bottom leaf on a snow white background.">
</div>
<nav>
<ul>
<li><a href="#verifable">Verifable</a></li>
<li><a href="#circomy">Circomy</a></li>
<li><a href="#contact">Consultation</a></li>
<li><a href="writings.html">Writings</a></li>
</ul>
</nav>
<div class="actions"></div>
</div>
<header id="top">
<div class="hero-text-container">
<h1>Nurture Finance with Heart and Soul</h1>
<p>Join a journey towards a regenerative future with Lumoin's digital wallet-based data infrastructure and
financial tools.</p>
</div>
<div class="hero-video-container">
<video autoplay="" playsinline="" loop="" muted="" disablepictureinpicture="" background="" preload="" poster="images/herocover.webp">
<source src="images/lumoin-hero.webm" type="video/webm">
<source src="images/lumoin-hero.mp4" type="video/mp4">
</video>
</div>
</header>
<main>
<section id="projects">
<article id="verifable">
<h2 class="story-header"><span>Verifable</span><span>Pathway to regenerative future</span></h2>
<div>
<div class="shadow-parent">
<picture class="colorful-shadow">
<source type="image/avif" sizes="(max-width: 768px) 100vw, 50vw" srcset="images/landingpage/verifable.avif">
<source type="image/webp" sizes="(max-width: 768px) 100vw, 50vw" srcset="images/landingpage/verifable.webp">
<img src="images/landingpage/verifable.webp" title="You see a young woman from behind in a dreamlike cosmic landscape, confidently dancing towards a crowd. Her purposeful movement draws you in, embodying a sense of agency as she steps into the unknown. The scene blends realistic and impressionistic styles, featuring vibrant colors and anamorphic distortions. Civil rights imagery is subtly incorporated, symbolizing collective action and journey. The overall composition is playful and surreal, evoking themes of unity, agency, and security." alt="You see a young woman from behind in a dreamlike cosmic landscape, confidently dancing towards a crowd. Her purposeful movement draws you in, embodying a sense of agency as she steps into the unknown. The scene blends realistic and impressionistic styles, featuring vibrant colors and anamorphic distortions. Civil rights imagery is subtly incorporated, symbolizing collective action and journey. The overall composition is playful and surreal, evoking themes of unity, agency, and security." loading="lazy">
<figcaption>You see a young woman from behind in a dreamlike cosmic landscape, confidently dancing towards a crowd.</figcaption>
</picture>
<picture class="shadow-image">
<source type="image/avif" sizes="(max-width: 768px) 100vw, 50vw" srcset="images/landingpage/verifable.avif">
<source type="image/webp" sizes="(max-width: 768px) 100vw, 50vw" srcset="./images/landingpage/verifable.webp">
<img src="images/landingpage/verifable.webp" title="An image to create a soft shadow with right colors (not visible): You see a young woman from behind in a dreamlike cosmic landscape, confidently dancing towards a crowd. Her purposeful movement draws you in, embodying a sense of agency as she steps into the unknown. The scene blends realistic and impressionistic styles, featuring vibrant colors and anamorphic distortions. Civil rights imagery is subtly incorporated, symbolizing collective action and journey. The overall composition is playful and surreal, evoking themes of unity, agency, and security." alt="An image to create a soft shadow with right colors (not visible): You see a young woman from behind in a dreamlike cosmic landscape, confidently dancing towards a crowd. Her purposeful movement draws you in, embodying a sense of agency as she steps into the unknown. The scene blends realistic and impressionistic styles, featuring vibrant colors and anamorphic distortions. Civil rights imagery is subtly incorporated, symbolizing collective action and journey. The overall composition is playful and surreal, evoking themes of unity, agency, and security." role="presentation" aria-hidden="true" loading="lazy">
</picture>
</div>
<div>
<p>Your gateway to a regenerative future. Verifable creates digital product passports,
facilitates secure credential
storage, seamless transactions, and cultivates meaningful connections between individuals
and both local and international businesses.</p>
<p>It's more than just a wallet—it's your personal diary and professional tool, your access to public
services, and a tool
to foster relationships. Verifable is the nexus where personal meets professional, aligning
individuals and businesses with real, tangible regenerative and sustainable action.
</p>
<a class="story-button" target="_blank" rel="noopener" data-no-after="true" href="https://verifable.app">
<span class="glows">
<span class="spark-container">
<span class="spark"></span>
<span class="spark"></span>
</span>
</span>
<span class="story-button-backdrop"></span>
<span class="text">
Discover Verifable
</span>
</a>
</div>
</div>
</article>
<article id="circomy">
<h2 class="story-header"><span>Circomy</span><span>Pioneering Humane
Finance</span></h2>
<div>
<div class="shadow-parent">
<picture class="colorful-shadow">
<script type="application/ld+json">
{"@context":"https://schema.org",
"@type":"ImageObject",
"author":{"@type":"Person","name":"Tim Huyghe"},
"contentUrl":"https://images.unsplash.com/photo-1524731927607-81d1ceafe263"}
</script>
<source type="image/webp" sizes="(max-width: 768px) 100vw, 50vw" srcset="images/landingpage/eyeofthesea/eyeofthesea_w240.webp 240w,
images/landingpage/eyeofthesea/eyeofthesea_w240.webp 240w,
images/landingpage/eyeofthesea/eyeofthesea_w656.webp 656w,
images/landingpage/eyeofthesea/eyeofthesea_w933.webp 933w,
images/landingpage/eyeofthesea/eyeofthesea_w1167.webp 1167w,
images/landingpage/eyeofthesea/eyeofthesea_w1352.webp 1352w,
images/landingpage/eyeofthesea/eyeofthesea_w1508.webp 1508w,
images/landingpage/eyeofthesea/eyeofthesea_w1658.webp 1658w,
images/landingpage/eyeofthesea/eyeofthesea_w1797.webp 1797w,
images/landingpage/eyeofthesea/eyeofthesea_w1919.webp 1919w,
images/landingpage/eyeofthesea/eyeofthesea_w2043.webp 2043w,
images/landingpage/eyeofthesea/eyeofthesea_w2161.webp 2161w,
images/landingpage/eyeofthesea/eyeofthesea_w2274.webp 2274w,
images/landingpage/eyeofthesea/eyeofthesea_w2382.webp 2382w,
images/landingpage/eyeofthesea/eyeofthesea_w2492.webp 2492w,
images/landingpage/eyeofthesea/eyeofthesea_w2599.webp 2599w,
images/landingpage/eyeofthesea/eyeofthesea_w2698.webp 2698w,
images/landingpage/eyeofthesea/eyeofthesea_w2804.webp 2804w,
images/landingpage/eyeofthesea/eyeofthesea_w2903.webp 2903w,
images/landingpage/eyeofthesea/eyeofthesea_w3005.webp 3005w,
images/landingpage/eyeofthesea/eyeofthesea_w3291.webp 3291w">
<source type="image/jpeg" sizes="(max-width: 768px) 100vw, 50vw" srcset="images/landingpage/eyeofthesea/eyeofthesea_w240.jpg 240w,
images/landingpage/eyeofthesea/eyeofthesea_w656.jpg 656w,
images/landingpage/eyeofthesea/eyeofthesea_w933.jpg 933w,
images/landingpage/eyeofthesea/eyeofthesea_w1167.jpg 1167w,
images/landingpage/eyeofthesea/eyeofthesea_w1352.jpg 1352w,
images/landingpage/eyeofthesea/eyeofthesea_w1508.jpg 1508w,
images/landingpage/eyeofthesea/eyeofthesea_w1658.jpg 1658w,
images/landingpage/eyeofthesea/eyeofthesea_w1797.jpg 1797w,
images/landingpage/eyeofthesea/eyeofthesea_w1919.jpg 1919w,
images/landingpage/eyeofthesea/eyeofthesea_w2043.jpg 2043w,
images/landingpage/eyeofthesea/eyeofthesea_w2161.jpg 2161w,
images/landingpage/eyeofthesea/eyeofthesea_w2274.jpg 2274w,
images/landingpage/eyeofthesea/eyeofthesea_w2382.jpg 2382w,
images/landingpage/eyeofthesea/eyeofthesea_w2492.jpg 2492w,
images/landingpage/eyeofthesea/eyeofthesea_w2599.jpg 2599w,
images/landingpage/eyeofthesea/eyeofthesea_w2698.jpg 2698w,
images/landingpage/eyeofthesea/eyeofthesea_w2804.jpg 2804w,
images/landingpage/eyeofthesea/eyeofthesea_w2903.jpg 2903w,
images/landingpage/eyeofthesea/eyeofthesea_w3005.jpg 3005w,
images/landingpage/eyeofthesea/eyeofthesea_w3291.jpg 3291w">
<img src="images/landingpage/eyeofthesea/eyeofthesea.jpg" loading="lazy" title="A bright, reflective sphere of water between two rocks by sea shore. An Unsplash image by Tim Huyghe." alt="A bright, reflective sphere of water between two rocks by sea shore. An Unsplash image by Tim Huyghe.">
<figcaption>A bright, reflective sphere of water between two rocks by sea shore.</figcaption>
</picture>
<picture class="shadow-image">
<source type="image/webp" sizes="(max-width: 768px) 100vw, 50vw" srcset="images/landingpage/eyeofthesea/eyeofthesea_w240.webp 240w,
images/landingpage/eyeofthesea/eyeofthesea_w656.webp 656w,
images/landingpage/eyeofthesea/eyeofthesea_w933.webp 933w,
images/landingpage/eyeofthesea/eyeofthesea_w1167.webp 1167w,
images/landingpage/eyeofthesea/eyeofthesea_w1352.webp 1352w,
images/landingpage/eyeofthesea/eyeofthesea_w1508.webp 1508w,
images/landingpage/eyeofthesea/eyeofthesea_w1658.webp 1658w,
images/landingpage/eyeofthesea/eyeofthesea_w1797.webp 1797w,
images/landingpage/eyeofthesea/eyeofthesea_w1919.webp 1919w,
images/landingpage/eyeofthesea/eyeofthesea_w2043.webp 2043w,
images/landingpage/eyeofthesea/eyeofthesea_w2161.webp 2161w,
images/landingpage/eyeofthesea/eyeofthesea_w2274.webp 2274w,
images/landingpage/eyeofthesea/eyeofthesea_w2382.webp 2382w,
images/landingpage/eyeofthesea/eyeofthesea_w2492.webp 2492w,
images/landingpage/eyeofthesea/eyeofthesea_w2599.webp 2599w,
images/landingpage/eyeofthesea/eyeofthesea_w2698.webp 2698w,
images/landingpage/eyeofthesea/eyeofthesea_w2804.webp 2804w,
images/landingpage/eyeofthesea/eyeofthesea_w2903.webp 2903w,
images/landingpage/eyeofthesea/eyeofthesea_w3005.webp 3005w,
images/landingpage/eyeofthesea/eyeofthesea_w3291.webp 3291w">
<source type="image/jpeg" sizes="(max-width: 768px) 100vw, 50vw" srcset="images/landingpage/eyeofthesea/eyeofthesea_w240.jpg 240w,
images/landingpage/eyeofthesea/eyeofthesea_w656.jpg 656w,
images/landingpage/eyeofthesea/eyeofthesea_w933.jpg 933w,
images/landingpage/eyeofthesea/eyeofthesea_w1167.jpg 1167w,
images/landingpage/eyeofthesea/eyeofthesea_w1352.jpg 1352w,
images/landingpage/eyeofthesea/eyeofthesea_w1508.jpg 1508w,
images/landingpage/eyeofthesea/eyeofthesea_w1658.jpg 1658w,
images/landingpage/eyeofthesea/eyeofthesea_w1797.jpg 1797w,
images/landingpage/eyeofthesea/eyeofthesea_w1919.jpg 1919w,
images/landingpage/eyeofthesea/eyeofthesea_w2043.jpg 2043w,
images/landingpage/eyeofthesea/eyeofthesea_w2161.jpg 2161w,
images/landingpage/eyeofthesea/eyeofthesea_w2274.jpg 2274w,
images/landingpage/eyeofthesea/eyeofthesea_w2382.jpg 2382w,
images/landingpage/eyeofthesea/eyeofthesea_w2492.jpg 2492w,
images/landingpage/eyeofthesea/eyeofthesea_w2599.jpg 2599w,
images/landingpage/eyeofthesea/eyeofthesea_w2698.jpg 2698w,
images/landingpage/eyeofthesea/eyeofthesea_w2804.jpg 2804w,
images/landingpage/eyeofthesea/eyeofthesea_w2903.jpg 2903w,
images/landingpage/eyeofthesea/eyeofthesea_w3005.jpg 3005w,
images/landingpage/eyeofthesea/eyeofthesea_w3291.jpg 3291w">
<img src="images/landingpage/eyeofthesea/eyeofthesea.jpg" loading="lazy" title="An image to create a soft shadow with right colors (not visible): A bright, reflective sphere of water between two rocks by sea shore. An Unsplash image by Tim Huyghe." alt="An image to create a soft shadow with right colors (not visible): A bright, reflective sphere of water between two rocks by sea shore. An Unsplash image by Tim Huyghe." role="presentation" aria-hidden="true">
</picture>
</div>
<div>
<p>Join us to redefine investment banking for a circular economy. Our upcoming services aim to
bridge the gap from tools such as digital product passports to real projects and circular
business models, turning future building waste into valued commodities today. Moreover, it
enables sustainability reporting to reflect the history of wise decisions made today with a
duty of care for tomorrow's world.
</p>
<p>
With a clear vision, we strategize to craft the data architecture tools needed to reduce
material waste from the outset, preserve and enhance the value of circulating materials, and
transform future waste into valuable assets.</p>
<p>Our digital passports serve as stepping stones
toward a circular economy, managing today's risks to unlock tomorrow's potential. In
essence, both you and we are nurturing assets, not just owning them, aiding the biosphere in
its regeneration.
</p>
<!--
<a class="story-button" target="_blank" rel="noopener" href="#">
<span class="glows">
<span class="spark-container">
<span class="spark"></span>
<span class="spark"></span>
</span>
</span>
<span class="story-button-backdrop"></span>
<span class="text">
Discover Circomy (soon)
</span>
</a>-->
</div>
</div>
</article>
</section>
<section id="contact">
<h2>Interested on our consulting services?</h2>
<p>We also consult in digital product passports, digital identity, artificial intelligence, architectures, security software development and
circular economy strategies.
</p>
</section>
<!--
<section id="insights">
<h2>Latest blog posts</h2>
<ul class="blog-card-container">
<li>
<article class="blog-card">
<a href="#">
<div class="blog-card-image">
<img src="./images/landingpage/verifable.avif" alt="Blog post image" loading="lazy">
</div>
<div class="blog-card-meta">
<h2 class="blog-card-title">The blog post header!</h2>
<time class="published" datetime="2022-10-23">October 23, 2022</time>
<p>This is a short blurb on a blog post that was written.
This is a short blurb on a blog post that was written.
This is a short blurb on a blog post that was written.
This is a short blurb on a blog post that was written.
This is a short blurb on a blog post that was written.
This is a short blurb on a blog post that was written.
</p>
</div>
</a>
</article>
</li>
<li>
<article class="blog-card">
<a href="#">
<div class="blog-card-image">
<img src="./images/landingpage/verifable.avif" alt="Blog post image" loading="lazy">
</div>
<div class="blog-card-meta">
<h2 class="blog-card-title">The blog post header!</h2>
<time class="published" datetime="2022-10-23">October 23, 2022</time>
<p>This is a short blurb on a blog post that was written.
This is a short blurb on a blog post that was written.
This is a short blurb on a blog post that was written.
This is a short blurb on a blog post that was written.
This is a short blurb on a blog post that was written.
This is a short blurb on a blog post that was written.
</p>
</div>
</a>
</article>
</li>
<li>
<article class="blog-card">
<a href="#">
<div class="blog-card-image">
<img src="./images/landingpage/verifable.avif" alt="Blog post image" loading="lazy">
</div>
<div class="blog-card-meta">
<h2 class="blog-card-title">The blog post header!</h2>
<time class="published" datetime="2022-10-23">October 23, 2022</time>
<p>This is a short blurb on a blog post that was written.
This is a short blurb on a blog post that was written.
This is a short blurb on a blog post that was written.
This is a short blurb on a blog post that was written.
This is a short blurb on a blog post that was written.
This is a short blurb on a blog post that was written.
</p>
</div>
</a>
</article>
</li>
<li>
<article class="blog-card">
<a href="#">
<div class="blog-card-image">
<img src="./images/landingpage/verifable.avif" alt="Blog post image" loading="lazy">
</div>
<div class="blog-card-meta">
<h2 class="blog-card-title">The blog post header!</h2>
<time class="published" datetime="2022-10-23">October 23, 2022</time>
<p>This is a short blurb on a blog post that was written.
This is a short blurb on a blog post that was written.
This is a short blurb on a blog post that was written.
This is a short blurb on a blog post that was written.
This is a short blurb on a blog post that was written.
This is a short blurb on a blog post that was written.
</p>
</div>
</a>
</article>
</li>
</ul>
</section>
-->
<a class="back-to-top" href="#top">Back to top</a>
</main>
<!--
<fieldset>
<legend>Theme</legend>
<div>
<label><input type="radio" name="theme" id="light"> Light</label>
<label><input type="radio" name="theme" id="dark" checked> Dark</label>
</div>
</fieldset>
-->
<!-- Footer Section -->
<footer>
<a target="_blank" rel="noopener" aria-label="Lumoin's BlueSky profile (opens in a new tab)" href="https://bsky.app/profile/lumoin.bsky.social">BlueSky</a>
<a target="_blank" rel="noopener" aria-label="Lumoin's LinkedIn profile (opens in a new tab)" href="https://www.linkedin.com/company/lumoin">LinkedIn</a>
<a target="_blank" rel="noopener" aria-label="Lumoin's X profile (opens in a new tab)" href="https://www.x.com/lumoinhq">X</a>
<address>
<a href="mailto:[email protected]">[email protected]</a>
</address>
<p>VAT ID: FI28496474</p>
</footer>
<script type="module">
if ('serviceWorker' in navigator) {
navigator.serviceWorker.register(new URL('service-worker.js', import.meta.url), {
updateViaCache: 'none', type: 'module'
});
}
</script>
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "Organization",
"@id": "https://lumoin.com",
"additionalType": "http://www.productontology.org/doc/Principles_for_Responsible_Investment",
"name": "Lumoin",
"legalName": "Lumoin Oy",
"description": "Humane finance and nurturing prosperity. Journeying to regenerative sustainable finance, circular economies, water, and socio-digital innovation.",
"vatID": "FI28496474",
"url": "https://lumoin.com",
"logo": "https://lumoin.com/images/lumoin-logo-horizontal-gradient.svg",
"contactPoint": {
"@type": "ContactPoint",
"contactType": "customer support",
"email": "[email protected]",
"url": "https://lumoin.com",
"availableLanguage": [
"Finnish",
"Swedish",
"English"
]
},
"sameAs": [
"https://www.twitter.com/lumoinhq",
"https://www.facebook.com/lumoinhq",
"https://www.linkedin.com/company/lumoin",
"https://bsky.app/profile/lumoin.bsky.social",
"https://github.com/lumoin",
"https://www.oneplanetnetwork.org/organisations/lumoin"
]
}
</script>
<script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'8dc72ae828372faf',t:'MTczMDU4MjQxNi4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script><iframe height="1" width="1" style="position: absolute; top: 0px; left: 0px; border: none; visibility: hidden;"></iframe><script defer="" src="https://static.cloudflareinsights.com/beacon.min.js/vcd15cbe7772f49c399c6a5babf22c1241717689176015" integrity="sha512-ZpsOmlRQV6y907TI0dKBHq9Md29nnaEIPlkf84rnaERnq6zvWvPUqr2ft8M1aS28oN72PdrCzSjY4U6VaAw1EQ==" data-cf-beacon="{"rayId":"8dc72ae828372faf","version":"2024.10.4","r":1,"serverTiming":{"name":{"cfExtPri":true,"cfL4":true,"cfSpeedBrain":true,"cfCacheStatus":true}},"token":"1f2a602ebce04eb1b984bbc4c1427edc","b":1}" crossorigin="anonymous"></script>
</body></html>