JourneyLabThe Marketing Intelligence System
Project/
J

Brand · logo, wordmark & engine mark

The three-ball mark (white, black, red) wired as a triangle, the JourneyLab lockup in its three surface tones, and the IronHeart engine wordmark where a bold Σ stands in for the e.

JourneyLabThe Marketing Intelligence System
JourneyLabThe Marketing Intelligence System
JourneyLabThe Marketing Intelligence System
Engine wordmark · bold Σ glyph, inherits weight
Clever planning with the IronHart engine

Marketing · nav & hero

The landing page header, eyebrow, hero headline, body copy, call-to-action buttons and the free-trial reassurance line.

JourneyLabThe Marketing Intelligence System
Sign inStart free
eyebrow · font-display text-xs font-bold uppercase tracking-[0.15em] text-jl-red
The Marketing Intelligence System

Stop sketching funnels. Start solving them.

JourneyLab turns your customer journey into a solvable system. See the conversion rate, CAC, LTV and profit at every step, and price each flow to the penny.

Start freeSee the comparison

Free to start · No credit card · Complements your existing stack

card · rounded-jl-lg border border-jl-border bg-jl-card p-6

The whiteboard

Drag touchpoints onto a grid and connect the flows. The map is the plan, and it carries the numbers with it.

accent row · border-l-4 border-jl-red py-5 pl-5
LTV : CAC

The one number that says if your growth is sustainable. Healthy is 3× or more.

how-it-works · card with red number + black icon
01

Map the journey

02

Set the conversion rate

03

Read the P&L

04

GROW

competitor chip · rounded-jl-sm border bg-white px-3 py-1.5 hover:border-jl-red hover:text-jl-red
FunnelyticsGA4HotjarMixpanel
card · rounded-jl-lg border border-jl-border bg-jl-card p-6

Journey design

We map the funnel with you, stage by stage.

footer · bg-jl-black text-white with white/70 links, white/40 labels
JourneyLabThe Marketing Intelligence System
Product
  • How it works
  • Pricing
  • Compare
Company
  • Tastrics consultancy
  • Report a bug
Account
  • Sign in
  • Start free
© 2026 JourneyLab · a Tastrics product. All rights reserved.

Marketing · pricing cards, testimonials & email capture

The shared plan card (yearly default, no toggle), the testimonial card and the email capture block.

plan card · rounded-jl-lg border bg-jl-card p-6, limits grid bg-jl-panel, check/x matrix
Free

For trying the map on your own funnel.

€0
Journeys
1
Nodes
20
History
7d
  • Feature 1
  • Feature 2
  • Feature 3
Start free
ProCurrent

For operators running growth day to day.

€49 /mo

billed yearly · €69/mo save 40%

Journeys
10
Nodes
500
History
30d
Current plan
Agency

For teams managing many client journeys.

Custom
Journeys
∞
Seats
∞
White label
Yes
Contact sales
testimonial · rounded-jl-lg border bg-jl-card p-6, red metric, bordered figcaption
−38%
CAC in 90 days
“We stopped arguing about which channel won. The map shows the whole journey and the P&L at the same time.”
Growth lead
D2C e-commerce
email capture · rounded-jl-lg border bg-white p-8, focus:border-jl-red input

Get release updates.

Apply for release updates

Auth screens

The shared auth card (BrandBlock above a Card), form fields, error text, and the secondary test-account button.

JourneyLabThe Marketing Intelligence System
Sign in
Continue to your journeys.
Forgot password?

No account? Create one

Form error

Invalid email or password.

Success state

Your password has been updated.

Sign in
auth layout
min-h-screen bg-jl-page · max-w-sm card · space-y-6

App chrome · top bar, sidebar & account menu

The dashboard shell: 64px top bar, 220px sidebar with the org card and nav, and the account dropdown with GDPR actions.

JourneyLabThe Marketing Intelligence System
N
N
Nadali Production
3 journeys
Dashboard
Journeys
Reports
Billing
Settings
Sign out
Nadia de Vries
nadia@tastrics.com
Organisation
NNadali Productionadmin
Settings
Billing
Download my data
Delete my account & data
Sign out

Dashboard · stat cards & funnel cards

Top-level aggregate StatCards, the mini trend stats, and the per-funnel card with its P&L readout, trend strip and three hairline-joined panels.

Journeys
12
In this workspace
Clients
8
Managed accounts
Touchpoints
96
Across all journeys
Net profit
€ 15.091
Sum of all journeys

Acme funnel

Open Journey
Gross profit · per month
€ 19.420
Net profit
€ 15.091
LTV : CAC 3,4×
Customer lifetime value
€ 13,68
Customer acquisition cost
€ 4,02
LTV to CAC
3,40×
Average asset cost
€ 1.900
Capital expenditure
€ 9.600
Operating expenditure per month
€ 2.100
Assets
  • Meta ad€ 420opex · € 900 capex
  • Landing page€ 420opex · € 900 capex
  • Email sequence€ 420opex · € 900 capex
Where you lose money
  • Landing → Email
    2.520 visitors leave
    € 13.680
  • Email → Course
    1.120 visitors leave
    € 8.400
What to fix next
  • 1Raise the landing → email conversion+€ 13.680
  • 2Kill the retargeting campaign+€ 4.100

No journeys yet

Create your first customer journey to see its lifetime value, asset costs and best actions here.

Journeys · categories & list rows

Nested category sections with drag handles and hover actions, the journey list row, and the small inline action buttons.

Acquisition

3
  • Open JourneySpring launch
    Touchpoints
    24
    Flows
    18
    Net profit
    +€ 12.400
  • Open JourneyReferral program
    Touchpoints
    12
    Flows
    9
    Net profit
    € 0
inline action buttons · rounded-jl-sm px-3 py-1.5 text-xs
New categoryCreateCancel

Reports · KPIs, section titles & node cost table

Report KPI cards with a right-half sparkline, the uppercase section title, the tabular node-costs table, and the rank-number action list.

Customer lifetime value (LTV)
€ 13,68
profit per customer
Customer acquisition cost (CAC)
€ 4,02
fully loaded CAC
LTV : CAC
3,40×
healthy is 3×
Payback period
4,1 mo
repay build cost
report section title · font-display text-base font-bold text-jl-text
What to fix next
  • 1+€ 13.680 Raise the landing → email conversion
  • 2+€ 4.100 Kill the retargeting campaign
Where you lose visitors
  • Landing page2.520 visitors leave · € 13.680 lost
  • Email sequence1.120 visitors leave · € 8.400 lost
Node costs · text-xs tabular-nums, hairline rows
TouchpointVisitsCreditOpExCapExNetROI
Landing page2.520€ 9.576€ 210€ 3.200€ 4.4411,38×
Email sequence1.120€ 8.400€ 96€ 900€ 5.2002,10×

Billing & settings · forms & controls

Payment and billing inputs, the theme toggle buttons, the team member row, and the GDPR data & privacy actions.

Card

Default appearance

lightdark

Samira Bakker

samira@tastrics.com

Remove

invite@agency.com

Editor · pending

Revoke
Download my dataDelete my account & data

Compare · marketing page

The SEO comparison page: thick black header rule, red-left category cards, the capability checklist table with status marks, and the bottom-line callout.

Comparison

JourneyLab versus the tools you already use

Mappers

Funnelytics, Lucidchart, Miro.

Analytics

GA4, Hotjar, Mixpanel.

Attribution

HockeyStack and similar.

status mark · bg-jl-green/10 text-jl-green, amber, or panel gray
IncludedPartialMissing
CapabilityJourneyLab
Journey mappingIncluded
AttributionPartial
Session replayMissing

The bottom line. One graph, three jobs, no stack.

Primitives · badges, tooltips, separators, toggles & hotkeys

The remaining shadcn/ui restyled primitives and the editor hotkey box.

badges · rounded-jl-sm px-2 py-0.5 text-xs
Default
Secondary
Outline
Positive
Warning
tooltip · bg-jl-card border shadow-jl-md text-xs
separator · bg-jl-border, h-px or w-px
a
b
toggle · default / sm / lg sizes
hotkeys · kbd rounded-jl-sm border bg-jl-panel px-1.5 py-0.5 text-xs
DelDeleteNNodeEEdgeFFit view
textarea · rounded-jl-md border bg-jl-page focus:border-jl-red

Typography & type scale

Montserrat (display), Roboto (body), Courier New (mono). One strict scale: Tailwind's standard steps only, 12px floor. No 9/10/11/13px sizes anywhere.

scale · text-xs 12 · text-sm 14 · text-base 16 · text-lg 18 · text-xl 20 · text-2xl 24 · text-3xl 30
30pxMarketing sub-headline 900
24pxPage title 900
20pxKPI number 900
18pxCard h3 700
16pxSection header 700
14pxNode label 900
12pxEyebrow / stat label 700
Montserrat
30pxPage title 900
24pxSection h2 700
18pxCard h3 700
14pxNode label 900
12pxStat label 700
Roboto
14pxBody 400
12pxDescription 400
12pxMeta bold 600
Courier New
14pxcode inline 14px
12pxcode block 12px

Menu chrome — headers, eyebrows & spacing

One hierarchy across Dashboard, Journeys, Reports, Billing and Settings. Numbers are tabular and right-aligned; padding is p-6 for standalone cards and p-4 for inner panels.

Page header · h1 + subtitletext-2xl font-black tracking-tight
Dashboard
Your organisation
Section header · h2text-base font-bold
Journey statistics
Eyebrow · card & panel labeltext-xs font-bold uppercase tracking-[0.12em] text-jl-gray
Net profit
Numbers · tabular + right-alignedtabular-nums text-right

Exact output of @/lib/format — the single source of truth for every number in the app. Body font (Roboto), tabular figures.

€ 15.091 fmtMoney
€ 13,68 fmtMoneyPrecise
98.765 fmtInt
2,1% fmtPct
4,8% fmtPctShort
Card padding & spacingp-6 standalone · p-4 inner · space-y-8 page
Standalone card · p-6
Inner panel · p-4
sections space-y-8cards gap-4/5/6eyebrow mb-3/mb-4
Letter-spacing scale · 3 steps0.12em · 0.15em · 0.18em

Every uppercase label maps to one of three tracking values. Display headlines use tracking-tight; the brand tagline is the only 0.04em exception.

0.12emApp eyebrows & labels
0.15emMarketing eyebrows & tables
0.18emFooter headings

Colour tokens

Colour first, then usage. Hues stay put; the paper ramp adapts in dark mode.

Brand & ink
--jl-red
brand
#E30000
--jl-red-accent
hover · pressed
#B80000
--jl-black
outlines · owned · on colour
#141414
Text
--jl-text
foreground
#141414
--jl-graphite
secondary text · soft dark fill
#3D3D3D
--jl-gray
captions
#A0A0A0
Surfaces
--jl-page
app background
#FFFFFF
--jl-panel
panels & wells
#F4F4F6
--jl-card
raised cards
#FFFFFF
--jl-border
hairlines
#E0E0E0
Data
--jl-green
single green · up trend · automated node
#00A848
--jl-blue
flat trend
#0080C0
--jl-amber
attention
#F5A623
Notes (detailed-card)
Same anatomy as a detailed card: a semantic header band (title + icon) and a neutral body. Hues are the brand ramp; blue stays an accent, never a fill.
amber
note · amber
#F5A623
red
note · red
#E30000
green
note · green
#00A848
blue
note · blue
#0080C0
Chart rows (brand ramp)
#E30000
#F5A623
#00A848
#0080C0
one line colour per chart row, off-brand hues removed

Buttons

Two sizes (compact h-9, regular h-11). Tones: red primary, neutral secondary, red outline, ghost, plus black, black-outline, white and gray.

Light
Dark
Tones (light)
Tones (dark)
Default
Secondary
Outline
Positive
Warning

Inputs & selects

Text, select, range slider, and focus ring.

Surface card

The generic Card primitive (shadcn/ui restyled).

Net profit
Live recalculation across the board.
15.091
Live
Charting style
Recharts, red primary stroke, numeric axes.

Sparklines

Colour follows trend, not value: up is green (--jl-green), down is red (--jl-red), flat is blue (--jl-blue). A 2px line with a 12% area fill, a thin x-axis with small month ticks straddling it, and a %-change badge (last vs first) in the top-left. No y-axis, no gridlines.

+75,0%
up · green
-42,9%
down · red
0,0%
flat · blue

Sankey (cohort) diagram

The cohort view renders real visitor paths as a Sankey. Readability comes from three channels, not thickness alone: a flow-cutoff slider hides streams below a share of the total, opacity scales with a stream's size (50% floor, 90% ceiling), and clicking a node focuses its streams at 90% while everything else dims to 20%. Red ribbons only.

Meta adLandingReferralSMSEmailDemo callWebinarSale
big stream · ~90%mid stream · ~55%small stream · ~30% (cutoff slider removes below threshold)

Ball nodes — the five looks

The five ink kinds. Green is data-only, not a node kind.

black
120k
black · owned
white
white · non-asset
red
95,7
red · product
white_red
paid
white_red · paid
dotted
dotted · proposed
green
green · automated
S
M
L
XL

Card nodes — all cards

Every card from the prototype, plus the paid and non-asset looks. Sizes S / M / L.

Meta ad
Facebook campaign
0,04 EUR / visit
120.000 entry
Capex 900 EUR
Instagram
Organic profile
0,02 EUR / visit
45.000 entry
~38% engagement
YouTube
Video channel
0,015 EUR / visit
22.000 entry
Retargeting
FB pixel audience
0,018 EUR / visit
~15% return
Landing page
Product A page
0,002 EUR / visit
Capex 3.200 EUR
2.520 visits · 4,8% CVR
4.441 EUR node net
Free guide
PDF download
0,02 EUR / visit
~175 leads · free
Email sequence
7-day welcome
0,003 EUR / visit
Open rate 22% · CTR 3,8%
95,7 avg. visits
95,70 EUR value
Consultation
Discovery call
45 EUR / visit
Book rate 41%
11,5 calls
Webinar
On-demand
0,005 EUR / visit
Attend rate 32%
auto
Course
Advanced masterclass
240 EUR margin
Conv. rate 5,8%
12,8 avg. baskets
4,4 sales
Service
1:1 coaching
180 EUR margin
Conv. rate 3,2%
2,5 sales
paid (white_red)
Ad spend
Paid channel
0,04 EUR / visit
120.000 entry
paid
non-asset (white ext)
Referral
Partner site
0,01 EUR / visit
8.000 entry
sparkline in node (toggle)
Course
Advanced masterclass
240 EUR margin
Conv. rate 5,8%
4,4 sales

Edges, splines & label pills

Bezier port-to-port splines, opaque label pills, connector line, hit area, dashed proposed, and video weight. Every edge starts and stops 5px outside the node surface.

normal edge · 5px port gap
proposed (dashed) · 5px port gap
2,1%
single line
2,1%EUR 0,35
two line
curved spline · 5px port gap
4,8%
curved spline + single-line pill + connector
2,1%EUR 0,35
curved proposed (dashed) + two-line pill + connector
Landing page
Product A page
EUR 0,002 / visit
2.520 visits
EUR 4.441 node net
3,8%
Email sequence
7-day welcome
EUR 0,003 / visit
Open rate 22%
EUR 95,70 value
detailed cards connected · label pill + connector · 5px port gap
2,1%4,8%1,2%
fan-out · one source, three spaced ports, three labeled splines
8,5%
vertical (same column) · side label pill + connector
15%
return loop · forward solid + backward dashed proposed
12%22%
journey chain · three nodes, two labeled edges
video edge (4px + doubled arrowhead) · 5px port gap

Edge routing — systems compared

The same journey (a fan-out, a fan-in, a cross-flow, and a return loop) rendered for every routing system × every view, at scale.

A · Free boundary
React Flow default. Edges touch the node boundary at the nearest point, so the attach point floats with the neighbour's position.
Basic (8 cardinal)
Sparse
42%38%15%3,8%1,2%5%12%8%18%11%7%Meta adInstagramRetargetLandingEmailWebinarCourse
Detailed (cards)
Sparse
42%38%15%3,8%1,2%5%12%8%18%11%7%Meta adFacebook campaignEUR 0,04 / visitInstagramOrganic profileEUR 0,02 / visitRetargetFB pixel~15% returnLandingProduct A pageEUR 0,002 / visit2.520 visitsEmail7-day welcomeEUR 0,003 / visitWebinarOn-demandautoCourseMasterclassEUR 240 margin
Video (8 cardinal, no labels)
Sparse
Meta adInstagramRetargetLandingEmailWebinarCourse
Dense · 4×5 · same system, full width
Basic (8 cardinal)
42%8%31%19%26%14%9%6%22%5%55%18%34%12%28%40%26%51%48%23%37%44%33%58%9%7%11%6%5%8%4%3%5%4%3%15%10%12%MetaInstaGoogleTikTokYouTubeLand ALand BBlogWebinarMagnetEmailSMSRetargetCommFollowupCourseProductUpsellBundleCheckout
Detailed (cards)
42%8%31%19%26%14%9%6%22%5%55%18%34%12%28%40%26%51%48%23%37%44%33%58%9%7%11%6%5%8%4%3%5%4%3%15%10%12%MetaFB campaignEUR 0,04InstaOrganicEUR 0,02GoogleSearch adsEUR 0,05TikTokReach~12% returnYouTubePre-rollEUR 0,03Land AProduct AEUR 0,002Land BProduct BEUR 0,002BlogContent12 min readWebinarOn-demandautoMagnetPDFautoEmail7-dayEUR 0,003SMSNudgeautoRetargetPixel~15% returnCommSlack1.2k membersFollowupAutoautoCourseMasterclassEUR 240ProductSKUEUR 95UpsellAdd-onEUR 40Bundle2-in-1EUR 180CheckoutFinalEUR 320
Video (8 cardinal, no labels)
MetaInstaGoogleTikTokYouTubeLand ALand BBlogWebinarMagnetEmailSMSRetargetCommFollowupCourseProductUpsellBundleCheckout
B · Visible centre handles
One visible dot per side, vertically centred. Predictable anchors, but the dots add noise and fan-outs all leave from one point.
Basic (8 cardinal)
Sparse
42%38%15%3,8%1,2%5%12%8%18%11%7%Meta adInstagramRetargetLandingEmailWebinarCourse
Detailed (cards)
Sparse
42%38%15%3,8%1,2%5%12%8%18%11%7%Meta adFacebook campaignEUR 0,04 / visitInstagramOrganic profileEUR 0,02 / visitRetargetFB pixel~15% returnLandingProduct A pageEUR 0,002 / visit2.520 visitsEmail7-day welcomeEUR 0,003 / visitWebinarOn-demandautoCourseMasterclassEUR 240 margin
Video (8 cardinal, no labels)
Sparse
Meta adInstagramRetargetLandingEmailWebinarCourse
Dense · 4×5 · same system, full width
Basic (8 cardinal)
42%8%31%19%26%14%9%6%22%5%55%18%34%12%28%40%26%51%48%23%37%44%33%58%9%7%11%6%5%8%4%3%5%4%3%15%10%12%MetaInstaGoogleTikTokYouTubeLand ALand BBlogWebinarMagnetEmailSMSRetargetCommFollowupCourseProductUpsellBundleCheckout
Detailed (cards)
42%8%31%19%26%14%9%6%22%5%55%18%34%12%28%40%26%51%48%23%37%44%33%58%9%7%11%6%5%8%4%3%5%4%3%15%10%12%MetaFB campaignEUR 0,04InstaOrganicEUR 0,02GoogleSearch adsEUR 0,05TikTokReach~12% returnYouTubePre-rollEUR 0,03Land AProduct AEUR 0,002Land BProduct BEUR 0,002BlogContent12 min readWebinarOn-demandautoMagnetPDFautoEmail7-dayEUR 0,003SMSNudgeautoRetargetPixel~15% returnCommSlack1.2k membersFollowupAutoautoCourseMasterclassEUR 240ProductSKUEUR 95UpsellAdd-onEUR 40Bundle2-in-1EUR 180CheckoutFinalEUR 320
Video (8 cardinal, no labels)
MetaInstaGoogleTikTokYouTubeLand ALand BBlogWebinarMagnetEmailSMSRetargetCommFollowupCourseProductUpsellBundleCheckout
C · Hidden handles + spaced ports
Three ports per side, invisible until hover/drag. Each edge routes to the port nearest its target, so fan-outs spread and never cross.
Basic (8 cardinal)
Sparse
42%38%15%3,8%1,2%5%12%8%18%11%7%Meta adInstagramRetargetLandingEmailWebinarCourse
Detailed (cards)
Sparse
42%38%15%3,8%1,2%5%12%8%18%11%7%Meta adFacebook campaignEUR 0,04 / visitInstagramOrganic profileEUR 0,02 / visitRetargetFB pixel~15% returnLandingProduct A pageEUR 0,002 / visit2.520 visitsEmail7-day welcomeEUR 0,003 / visitWebinarOn-demandautoCourseMasterclassEUR 240 margin
Video (8 cardinal, no labels)
Sparse
Meta adInstagramRetargetLandingEmailWebinarCourse
Dense · 4×5 · same system, full width
Basic (8 cardinal)
42%8%31%19%26%14%9%6%22%5%55%18%34%12%28%40%26%51%48%23%37%44%33%58%9%7%11%6%5%8%4%3%5%4%3%15%10%12%MetaInstaGoogleTikTokYouTubeLand ALand BBlogWebinarMagnetEmailSMSRetargetCommFollowupCourseProductUpsellBundleCheckout
Detailed (cards)
42%8%31%19%26%14%9%6%22%5%55%18%34%12%28%40%26%51%48%23%37%44%33%58%9%7%11%6%5%8%4%3%5%4%3%15%10%12%MetaFB campaignEUR 0,04InstaOrganicEUR 0,02GoogleSearch adsEUR 0,05TikTokReach~12% returnYouTubePre-rollEUR 0,03Land AProduct AEUR 0,002Land BProduct BEUR 0,002BlogContent12 min readWebinarOn-demandautoMagnetPDFautoEmail7-dayEUR 0,003SMSNudgeautoRetargetPixel~15% returnCommSlack1.2k membersFollowupAutoautoCourseMasterclassEUR 240ProductSKUEUR 95UpsellAdd-onEUR 40Bundle2-in-1EUR 180CheckoutFinalEUR 320
Video (8 cardinal, no labels)
MetaInstaGoogleTikTokYouTubeLand ALand BBlogWebinarMagnetEmailSMSRetargetCommFollowupCourseProductUpsellBundleCheckout
D · Visible spaced ports
Same routing as C but with the three ports drawn, so you can see the anchor points.
Basic (8 cardinal)
Sparse
42%38%15%3,8%1,2%5%12%8%18%11%7%Meta adInstagramRetargetLandingEmailWebinarCourse
Detailed (cards)
Sparse
42%38%15%3,8%1,2%5%12%8%18%11%7%Meta adFacebook campaignEUR 0,04 / visitInstagramOrganic profileEUR 0,02 / visitRetargetFB pixel~15% returnLandingProduct A pageEUR 0,002 / visit2.520 visitsEmail7-day welcomeEUR 0,003 / visitWebinarOn-demandautoCourseMasterclassEUR 240 margin
Video (8 cardinal, no labels)
Sparse
Meta adInstagramRetargetLandingEmailWebinarCourse
Dense · 4×5 · same system, full width
Basic (8 cardinal)
42%8%31%19%26%14%9%6%22%5%55%18%34%12%28%40%26%51%48%23%37%44%33%58%9%7%11%6%5%8%4%3%5%4%3%15%10%12%MetaInstaGoogleTikTokYouTubeLand ALand BBlogWebinarMagnetEmailSMSRetargetCommFollowupCourseProductUpsellBundleCheckout
Detailed (cards)
42%8%31%19%26%14%9%6%22%5%55%18%34%12%28%40%26%51%48%23%37%44%33%58%9%7%11%6%5%8%4%3%5%4%3%15%10%12%MetaFB campaignEUR 0,04InstaOrganicEUR 0,02GoogleSearch adsEUR 0,05TikTokReach~12% returnYouTubePre-rollEUR 0,03Land AProduct AEUR 0,002Land BProduct BEUR 0,002BlogContent12 min readWebinarOn-demandautoMagnetPDFautoEmail7-dayEUR 0,003SMSNudgeautoRetargetPixel~15% returnCommSlack1.2k membersFollowupAutoautoCourseMasterclassEUR 240ProductSKUEUR 95UpsellAdd-onEUR 40Bundle2-in-1EUR 180CheckoutFinalEUR 320
Video (8 cardinal, no labels)
MetaInstaGoogleTikTokYouTubeLand ALand BBlogWebinarMagnetEmailSMSRetargetCommFollowupCourseProductUpsellBundleCheckout

Ghost nodes & proposed edges

Advisor suggestions render as real nodes with a dashed outline.

Webinar
suggested
ghost ball
Bundle
suggested
180 EUR margin
Conv. rate 3,2%
2,5 sales
ghost card
+2,1%

Legend

Top-left board legend, same for basic and detailed.

Legend
black · owned
white · non-asset
red · product
white_red · paid
dotted · proposed
green · automated

Sidebar stats

Net profit, margin, multiplier, and the highest-leverage edge.

Net profit
15.091
Margin
52,5%
Multiplier
2,11x
Where to improve
Landing → Email13.680/pt EUR
Highest leverage edge

Sidebar navigation

Project card and nav items.

N
Nadali Production
3 journeys
Dashboard
Journeys
Clients
Reports
Settings

Toolbar & view switch

Canvas tools, layout segmented control, and sparkline toggle.

Layout:
12 touchpoints24 flows

Node panel

Properties, offset sliders, and editable economics / attribution / flows.

Landing page
Properties
Offset
Economics
Capex3.200 EUR
Visit cost0,002 EUR
Expected visits2.520
Value to go13,68 EUR
Attribution
MethodRemoval effect
Credit9.576 EUR
Node net4.441 EUR
Outgoing flows
Email sequence3,8%
EUR 0,02/click
Free guide8,5%
Retargeting15%
Return loop

Studio timeline & keyframe editor

Camera / Nodes / Edges tracks, keyframe diamonds, scrub bar.

00:02.40
CAMERA
NODES
EDGES

Minimap

Bottom-right, dot grid preview.