Sandbox
All experiments
All collapsed by default — expand what you want to see.
Option 1 — Independent column stacks (5th card centered)
You've done everything right. And, it's still not translating.
The results are there. The recognition? Not keeping up.
You're navigating something with real stakes — and you want to get it right.
A promotion conversation, a leadership transition, or an opportunity you don't want to miss.
You know your potential. You're not sure the right people do.
You want visibility, influence, and recognition on your own terms.
You're good at your job. You're ready to be known for it.
You're skilled, but the path forward isn't as clear as it should be.
Something feels off, even when things look fine on paper.
There's a version of your career, and your life, that you haven't fully realized. Yet.
Option 2 — Interleaved stacking (global z-order across columns)
You've done everything right. And, it's still not translating.
The results are there. The recognition? Not keeping up.
You're navigating something with real stakes — and you want to get it right.
A promotion conversation, a leadership transition, or an opportunity you don't want to miss.
Something feels off, even when things look fine on paper.
There's a version of your career, and your life, that you haven't fully realized. Yet.
You know your potential. You're not sure the right people do.
You want visibility, influence, and recognition on your own terms.
You're good at your job. You're ready to be known for it.
You're skilled, but the path forward isn't as clear as it should be.
LAB cohort open
🟢 Green — New / PositiveCTA: Button → /the-labCareer by Design — Q2 spots
🟡 Yellow — Urgency / AnnouncementCTA: Button → Book fit callStrengths Review — tertiary
🟢 Green — Soft intro to new offerCTA: Tertiary link → popup / payment✦ Limited time: 2-hour Strengths Review — a focused deep-dive, no program commitment.
Learn more →Informational only
🟡 Yellow — No CTA, just XCTA: Dismissible only🌿 I'm on a short break July 1–10. Booking for new clients opens July 11.
Strengths Review — direct booking
🟢 Green — New offer, price visibleCTA: Button w/ price → payment linkNew: 2-hour Strengths Review session — book directly, dive deep, no strings attached.
Book & pay — ₪800Variant A — Circles (hover to reveal watermark icon)
These are a few of my favorite things
TLV tayelet walks
Matcha (or hot chocolate)
Quality time with my fave people
Improv workshops
Puns
Writing songs, just for fun
Strength workouts
Variant B — Blobs (hover to reveal watermark icon)
These are a few of my favorite things
TLV tayelet walks
Matcha (or hot chocolate)
Quality time with my fave people
Clever microcopy
Improv workshops
Puns
Writing songs, just for fun
Reading books
Strength workouts
Public speaking
CTA Hover Experiments — Each row shows the primary (green) + secondary (outlined) button pair. Hover to see the effect. All transitions are ≤250ms.
A — Scale lift (subtle float up)
B — Glow shadow (colour-matched halo)
C — Background shift (primary darkens, secondary tints)
D — Arrow / icon nudge (text stays, arrow shifts right)
E — Underline sweep (line draws across on hover)
F — Shimmer sweep (light reflection passes through)
G — Combined: scale lift + glow + arrow nudge (recommended starting point ✦)
H — Stardust ✦ (yellow sparkles follow cursor on hover)
Annotation Experiments — Sketch/scribble vibes, all adaptable from a single word to a full sentence. Animations trigger on load. Colors from the design system.
1 — Hand-drawn circle
SVG path draws itself with a slight pencil-texture noise filter. Wobbles slightly. Adds a pen-lift tail at the end.
2a — Digital highlight
Clean geometric block slides in from left. Sharp, modern — like a text editor selection. Yellow or green from our palette.
2b — Human marker highlight
SVG parallelogram with a fractal-noise texture filter + two overlapping passes, drawn left-to-right. Feels like a yellow highlighter swept over the text.
3a — Digital strikethrough
Clean, sharp line slides in from left. Perfect for 'old thinking' / 'what you used to believe' moments.
3b — Sketchy / hand-drawn strikethrough
Two wobbly SVG paths drawn through the text with a noise displacement filter. Double-strike feel — like someone crossed it out with a pen.
4 — Text glow & pulse
The text itself changes — a static glow on load, or a continuous breathing pulse. No background, no marks. Pure typographic emphasis using the design system colors.
Variant A — Rotating arc · Category labels
External move · New role · Internal growth · Leadership
Where are you starting from?
Variant B — Rotating arc · Program names
Make Your Move · Own Your Onboarding · Raise the Bar · Lead Forward
Find your track
Variant C — Orbiting pills · Category labels
Floating category badges orbit a central CTA button
Variant C2 — Orbiting pills · Program names
Program names orbit around a central CTA
Variant D — Cycling word · Category labels
Single word fades in/out — rotating accent arc tracks the active item
What's your starting point?
External move
Variant D2 — Cycling word · Program names
Program names cycle with colour-matched rotating arc
What's your starting point?
Make Your Move