The Mystic Method / Design record
Source code
The plane has landed button is still taking way too long to come in. It should come in as soon as the fire is mostly put out. and then I’m wondering if there’s still any delay before you’re starting the water animation just make sure to start that as soon as the button is pressed and also make sure to preload it so that it’s available as soon as they press that button.
The plane has landed button is taking a little too long to come in. The water animation should start immediately when the direct flight button is pressed. Have the buttons transition out a little more quickly when one is tapped. And have the just scroll text animate in a little more quickly
I liked it better when the buttons animated off-screen. So bring back the previous animation you had where the buttons animated out and then the which path question faded out. Otherwise, this is starting to look Pretty good.
I'm wondering if it's possible that you're fading in the water scene too slowly, because it seems like it's taking a while for the fire at the top to go out now. And can you also extend the animation a little bit after the fire's been put out?
Also, make the just scroll animation come in a little bit more quickly when the button is clicked.
And then when I scroll back up, after clicking the direct flight, the direct flight button is visible briefly before it fades into the two buttons. So try resetting that when it scrolls out of screen, so it's already in the right position when you scroll back to it. And I think maybe it's just the new water animation that's not putting out the fire as effectively as before so please revisit this. Getting really close.
So when the water comes down, two issues. Number one, there's a little bit of a jump. So I don't know if you were fading that before in a way that you're not now, but if you can do anything to reduce the jump. And then the other is that the flames at the bottom aren’t going out now.
And then when you scroll, the flames animation should have a fade transition rather than just jumping.
There's also a little bit of jumpiness in the stuff at the bottom of the top section coming back in when scrolling back to the top.
Make the just scroll text fade away a little bit more elegantly when scrolling . And then if I scroll down, when I scroll back to the top, reset that view with the two buttons. And if I clicked the direct flight and the water comes down and I scroll anyway, but then I come back up, reset the view in that scenario as well, please.
And right now, there's two issues. One is if I scroll in that scenario, after clicking the direct flight, it should transition back to the flames video. It was doing that before, but it's not now. And the other issue is that when the water falls, there's still the double "the" in the water putting out the fire sequence.
I've refreshed a bunch of times, but I'm not seeing the update. I still see double the... And the scroll writing still looks the same, but the animation is looping more smoothly. So I think I am seeing an update, but I'm just not seeing those other things changed.
When the just scroll text animates in, first of all, it's a little bit crazy. There's a lot of flicker on it. If you could minimize the motion just a little bit, that'd be ideal. And then also, I want to keep it looping at the end. So either keep it looping or just animate it for a little bit longer. And then the other thing is that I want to make sure that you're updating the screen reader experience. If you haven't yet, make sure you write a new experience for that that's fun and engaging.
In the Mystic Method on mobile, the word "the" is doubled. It's like two "the"s on top of each other. I also want to see if you can loop it more seamlessly.
And then when we scroll, I do want you to scroll the fire scene up a little bit, just a little bit, so that when we zoom in, we zoom in more on the logs at the bottom of the logo.
It shouldn't be cut off on the sides. You need to re-render the video to make it fill the full width of the screen. Don't cut it off at the bottom either. Just make it fill up the whole frame, but just make sure there's good space reserves down below for the text and the buttons.
The fire image is cropped on the sides it shouldn’t appear cropped anywhere even on the bottom there should be something even if just ground to create a fully immersive scene . Don’t show the try the mystic method tab initially just have it come in after scrolling away from the header if they choose to. Break the which path line more evenly. And I hate the just scroll text. Can you render it with your video engine then place is as a transparent png sequence to make it look real smooth and nice.
I want to change the design of the initial screen. So scale down the mystic method a little bit so that it just doesn't actually take up as much of the frame. And that there's space below it.
And what I want to do below it is have the question, "Which path do you want to take?" And then two buttons. "The scenic route" is the first button. "The direct flight" is the second button. If they tap the first one, the scenic route, what I want you to do is have both buttons just slide off screen and the text fades away. And then we get this animation of writing the words in the air, just scroll, and they're written as if someone's writing in the sky with flames.
Let's just see what you can come up with to try and make that look good. And then as soon as you start scrolling, just have it fade out so that we can enjoy the rest of the animation. And then if they tap the direct flight, what I want you to do is create another... Video that's going to exactly map to the Mystic Method burning letters video. But what I want it to be is basically water just gets poured all over this fire and it immediately gets put out. And then the buttons fly out again and the text fades out.
New button appears that says... The plane has landed. And then when you tap that, it just takes you the same place that the Try the Mystic Method Now button... Would take you just right to the end of the experience, so you can start going through the form. And so I think that second animation of the Mystic Method with it being poured out... Maybe you can fade it in really quickly over the existing animation so that there's not a jump. But this is a lot, so let's see how you do with it, and then I'll let you know if there's refinements to make.
The clouds stopped moving as soon as I tapped that continue button, so please don't have that happen.
The word "synthesizing" is not reading in those loading screens, so make it yellow and give it a blending mode so it looks interesting against the background.
It's still jumping when I press the continue button.
There's just so much jumpiness also going between screens. How can you clean that up? Please see what you can do.
So the screen now flashes when I push the continue button. And that spinning circle is a little bit off. It doesn't do a perfect spin.
Make sure the Try the Mystic Method Now tab at the top transitions out gracefully at the end instead of just disappearing. So when I get to the card with the question, it should just slide up, quickly slide up and out of frame. And then when I come back to this screen at the end, the background just jumps in. It would be ideal if the background could fade in again like it does when you scroll to it if you load the page here. And then one other thing is when I tap Continue, there's no feedback for a second. So either see why there's a delay or just put a tiny spinner on that button, maybe over on the... Right edge once it's tapped, or just give it a tapped state, or give it a tapped state and just add a little spinner, like something kind of subtle just to let the user know that it was pressed and something is happening.
I don't really like that button moving. Let's just... Let's actually see what happens if we replace... Money and relationship, swap the position of those two, because then maybe there's a chance that it won't break. But keep the animation in place just in case it does.
The way that the buttons are moving down at the bottom now is even worse than it was before. It's just gotten more jumpy. It looks terrible. Please make it look like a smooth, quick transition. There should be no jumpiness, and it should happen just as fast as it takes for the check mark to... Animate in.
This is looking better, but make the arrow jiggle more, like a rotation-type jiggle. And make the featured project text come... Down a tiny bit.
Also, when you select anything in the second row at the bottom of the page, it pushes... My spirituality to the third row. I think this would be okay if you could animate that change. That would look pretty cool. So you'd have to animate the button moving down, the size of the modal changing. I think that's it, in addition to what's already animating inside of the button when it gets selected.
I'm still not seeing the text on that button animate properly. And I've checked in the Lovable app, and I've published and looked at it on mobile Safari, and it still doesn't animate right.
Change My relationships to A relationship.
Change my business to money. And then in the question, change business goal to money-related goal. And then change my career to work.
And then for the spirituality one, instead of saying, "If the sky were the limit," say, "If anything were possible."
I'm not seeing a change to the text on that tab at the top, and I'm not seeing the arrow jiggle.
What's an area of your life where you want more? Say that in the end instead of where aren't you fully satisfied. And make it bigger. Not as big as it was before. Kind of split the difference between here and where it was previously.
And the text in the button still isn't animating correctly. The new thing, I think, just... I can't really tell what's happening, but there's something where something just appears. Maybe it's that they're not happening at the same time. So I think that's the issue. When one transitions in, the next line should transition out at the same time. And then shake the down arrow, jiggle it every 10 seconds. Whenever it comes back to try the Mystic Method now.
What's an area of your life where you'd like to dream bigger is too big? Just scale that down a little bit. Yeah, scale it down to more of like a subhead size. And then where we have the featured project text... Above Catch a Current, I'd asked you to make it smaller originally because it was too big on desktop, but now it's too small on mobile. So I want it bigger on mobile and just better fit in that space where it's contained.
Let's actually change the text at the end to, "Where aren't you fully satisfied?" My personal life, my career, my relationships, my spirituality. And then I think when we ask them about a goal they'd be excited to accomplish in the next month, we should preface those questions with, "If the sky were the limit."
Change the from in the email to The Mystic instead of The Mystic Method. Just make it from The Mystic at the end. And then where we have the card at the bottom of the home screen, instead of asking... What you would like to apply the Mystic Method to, ask, "What's an area of your life where you'd like to dream bigger?" Actually, just make that the headline. We don't need "Try the Mystic Method." So make that the same size as "Try the Mystic Method." "What's an area of your life where you'd like to dream bigger?" And then remove the secondary copy. That's it.
And then at the top, where we have "Try the Mystic Method now," every few seconds, swap it out with "Dream bigger." And the way I want you to have it transition is "Try the Mystic Method now" slides up, "Dream bigger" fades and slides in. Make it a nice... Tasty transition. And then every few seconds, just swap out "Try the Mystic Method now" with a different phrase.
Things like, "You are unlimited." and, "Don't stop believin'"
Just have those three phrases transition through. Every five seconds, transition to one of those phrases, and then back to, "Try the Mystic Method now," and then back to one of those phrases. On and on, and just loop that.
And then in the practice flow where we have that loader drawing on screen, I want you to find just really short quotes to put in those screens, typeset nicely and pretty small. Things like, "If the path before you is clear, you're probably on somebody else's." Carl Jung. "Follow your bliss." Joseph Campbell. "Be the change you wish to see in the world." Gandhi. "I'm not afraid. I was born to do this." Joan of Arc. Correct these quotes. Just make sure they're correct. I know Gandhi didn't say exactly that phrase, but that's okay.
And then the Maya Angelou quote about there's no greater agony than holding your story inside of you or something like that. I don't remember how many loading screens we have, so just find some nice ones to put in those screens. And what would be cool is if they were done in a color that overlapped the loader with a blending mode that interacted in an interesting way with the loader.
I'm still seeing the movement between frames in the trail sequence, whereas the Mystic Method animation is really smooth. Is it possible it's at a lower frame rate? And if so, can you increase the frame rate so it just looks smoother throughout? And then another thing is, I think you can lose some of the darkness. The darken layer is a little bit too dark.
This is almost there, but not quite. First of all, the visuals, the images are a little bit too compressed, so reduce some of the compression. The other thing is that I'm seeing the sequence is a little jumpy, so it should look like a video. And then at the end, I don't want you to just fade to a still image. I want it to feel like a... sequence with camera movement the whole way through.
Aesthetically, it's close, but here's what I want. I want it to look more like a mountain trail. And then when you get to the lake, first we pan up to see the lake, and it's almost like we're looking down on this beautiful lake from a lookout point at the end of this trail. And then we slowly pan up, and maybe we end with looking at the sky. And I want the sequence to be moving. The whole time you're scrolling, I want there to be movement in this scene. So maybe at the end, as it fades out, we're just continuing to pan up into the sky.
And then the scroll text is getting a little bit lost, so just make it more bold.
Maybe if I try putting just a little faint rounded rectangle shape around it. Also, on the trail, go a little bit longer in the beginning, just a tiny bit longer where we're looking down at the trail. And really only start to pan up as we get to the end of it and can see the lake down below.
Make sure that we're seeing movement in the scenery, like leaves and bushes should be blowing. Not like there's a massive gale, but just that there's some wind moving through the air. And then when we see the lake, the lake should be moving. Make sure you don't transition to a still frame at the end.
Oh, yeah. This looks great. Now for the mountain trail part, I want to do something a little bit different. What I want you to do is have it look like we're following a trail of dirt with greenery on either side of the trail. And we start out by looking down at the trail, and as you scroll, we move forward as the camera pans up, and it's like we're walking forward on this trail to reach this clearing that opens up, and then it's like this mountain vista that looks out over this beautiful lake. And then it just sort of pauses there for the end of the sequence while the quote finishes animating in, or while the quote, like the quote should finish animating in right as we land on this beautiful scene, and we look up. And this lake is full view, framed by mountains in this beautiful scene. And the quote should basically be over the center of the lake, is how I'm envisioning it framed.
I'm attaching a visual reference of sort of loosely how I could imagine the lake looking. And one other thing is for the scroll label in the first frame, just make it a little bit smaller, but make it more bold so it stands out more against the frame.
This is looking awesome. However, there's a little gap at the bottom, little black gap where we can see the background below the animation. So just make sure that it fills the full frame. On every browser. And I mean the full frame vertically.
Because the horizontal crop looks great now.
This is looking pretty cool, except I'm looking at it on mobile and the words are cut off on the sides, so I'm basically just seeing the middle of the phrase. So just check, I don't know, maybe the wrong image is appearing on mobile. I'm not really sure what's going on, but just to give it to you more clearly, on mobile, I'm seeing the, and then on the next line, YST, and then on the next line, ETH. So please just fix the positioning or the scaling. And again, maybe it's just loading the desktop video on mobile.
This is fucking dope. I love it. But what I want you to do is stack the Mystic Method, making each word full screen or full width so that this visual fills the full frame more. And then whatever parts of the frame are not filled with the words, I want them to be filled by flames, by drifting sparks. Or by the logs at the bottom. So on the bottom, because there probably will be some space, so at the bottom, we should see logs. At the top, we should see just drifting little pieces of fire like you have. And make sure that the... loop is as smooth as possible. I love this direction though, so maintain this direction, but just change the layout like that so it basically feels more full frame. And I think it can feel like... It's sort of angled back, so if the mystic method is stacked, the can be a little bit smaller than mystic, mystic can be a little bit smaller than method. Kind of like the way you have it right now. Hopefully that makes sense. But just taller. And bigger and more full frame.
And when we scroll, instead of moving it up in frame, just scroll into the image and have it keep scrolling up. I mean, keep scaling up for as long as we're scrolling until it's faded out. Completely, and it shouldn't fade out completely until right as the trail visual starts to animate into place.
I do want you to finish the email stuff. So do that. And I also want to create a new major version of this site. And the only thing I want to change first is I want you to try a new version of the header, where it's basically the Mystic Method almost full screen in these 3D block letters that look like they're on fire. So the words themselves are burning. And then just have the same kind of sequence where what happens now, like with the scroll where it fades and you see the subtle flames over the William Blake quote. So keep all that kind of aspect the same. But just change the visual. I want it to look like the words, "The Mystic Method," are just in a big bonfire, like they are burning, and the words take up most of the screen. It should be a rendered video. It should look photorealistic and just amazingly beautiful. And it should just be an evocative and powerful image. And then, so you'll remove the logo that's sitting on top of it right now, and the whole thing will just be this rendered video with the Mystic Method just burning in flames. It should be these thick letters that look like maybe they could look like they're made out of wood, and it's wood that's burning, but- Use your imagination and just come up with something that looks amazing.
33 / October 21, 2026 / home_004
give the tase of kumara card a bit more transparency and add a subtle and tasteful drop shadow under teh player. Homescreen is still not always scrolling the first time
34 / October 21, 2026 / home_004
the logo still has a weird things going on on the bottom curve of the C and on the top branches of the Y. When clicking the Try the Mystic Method button and on a dark section can you have it not flash so brightly? need to add some kind of quick fadeout to the dark section
35 / October 21, 2026 / home_004
can you try cleaning up the mystic method logo in the intro. Some of the lines are a little sloppy and have small issues. Also scale it down on desktop and tablet. Also, give the Try the Mystic Method Now tab a blending mode so it isn't so strong and looks interesting against the different backgrounds. But not something so extreme as difference, and it still needs to be visible on white backgrounds. Make the word methodology yellow. Reduce the space slightly between the was created by line and the Tesla designer line. Reduce the space slightly after the turned mystic line even though the y will overlap. Just make sure the line with the y is on top. and move the AND HAS BEEN TAUGHT line up slightly to even out the space between the lines below and above it. Reduce the size of Featured project wherever necesary likely on mobile and maybe desktop because it doesn't have enough space where I'm looking at it. you don't need an addition checkbox in the practice flow when selecting the other option. Other is already selected. make the loading animation between sections in the practice more expressive and creative. check the grammer rendering on the second screen of the flow when seecting relationship and my son this is how the first sentence reads its gramatically awkward: You don’t have to wait until you become more deeply connected and open up to each other more to begin feeling so happy and self-assured. There are acrtually a few awkard points in this paragraph so see what else you can do You don’t have to wait until you become more deeply connected and open up to each other more to begin feeling so happy and self-assured. At the end of this experience, you’ll receive a guided meditation to help you embody that feeling of being so happy and self-assured today, which is the first step towards being more deeply connected and opening up to each other more. and it also just seems repetitive so change the second mention of the goal to somethig like "to achieve your goal." seems like you can also mention the selected person more like in this sentence: The Mystic Method can help you become more deeply connected and open up to each other more. Let’s find your path there. "You just did step one of The Mystic Method." bold this sentence. I think also need to incorporate the selected person into the sentence that follows that one.
Remove Free · Live · Starts Monday, October 26
And change the headline to
Join the next Mystic Method workshop, Monday Oct 26 for free
Get a free 5-minute guided meditation when you sign up, to help you embody the feeling of being so happy and self-assured today. <- this sentence is awkward. just make the grammar better phrases won't always drop in verbatim.
Congratulations. You’re already on your way toward being more deeply connected and opening up to each other more.
looking at this again I realize that it may just be specific to this flow when its about a person that we need to reference the person throughout otherwise it seems unnatural. On the screen with the meditation, it's allowing me to scroll up too much on the frame with Take a Dip. also open it in a new window when clicked
36 / October 21, 2026 / home_004
the What is Kumara link isn't working. Also, on that page, when we scroll up, make sure to lock Also from The Mystic Method in a nice position above the graphic for Take a Dip (scaling the text down if necessary), locking the card in the middle of the screen And add a small amount of transparency on the A Taste of Kumara card. When clicking Try The Mystic Method now and jumping to the end, add a nice animation to bring in the elements in that frame. Maybe have the background fade in, and then the card pops in from the bottom, like it does when scrolling to it, but a little slower. Add a tiny bit of space under The Mystic Method to? to make it even with the space above that text block. Also, I'm seeing a feet symbol instead of an apostrophe on the first page of the practice flow, so please check for this throughout and make sure the correct symbol is being used. When they select relationship, insert a new screen before getting to the what is a chance screen, where we ask who the relationship is with, and then have a bunch of options as pills that they can select. Do a nice animation when they select one, like on the start page, and have a continue button so they don't autoadvance when selecting a pill in case they want to change their mind. Options: Myself, My Partner, My Son, My Daughter, My Mother, My Father, A Colleague, A Friend, Other. If they select other, find a graceful way to reveal a text field where they can enter something, and click a small checkbox, and be able to edit it if they need to. Then on the next screen you can ask, What is a change you'd be excited to see in your relationship with _____ etc… make the loading animation in the practice flow more beautiful and creative, like an artist made it, like byork designed it. On the What you want to feel is available to you right now screen, can you incorporate the goal into the first sentence of the body copy? and then at the end after today, which is the first step towards [their goal] Can you also make sure all the dynamic text is loaded on every page before displaying the page. Show the loading animation until then. Can you animate the screens between each other and the backgrounds in more nicely in that flow? Add a tiny bit of space between the copy and the text fields in this flow. Just a tiny amount. on the last page, where we say can apply it to any problem you're working on, this should be any challenge you're navigating. After submitting the email don't show the You're in text briefly. Just gracefully transition to the next screen.
37 / October 21, 2026 / home_004
in the desktop and mobile layout, reduce the size of the text lines: The Mystic Method is a design thinking… and That will help… and Featured project. Also, add a persistent header that says "Try The Mystic Method now" it should be a tab that comes down from the top, but not be too intrusive. And when tapped, it should jump you to the bottom. On the pills on the Try the mystic method card, they're not changing size now when tapped. They already have the size to accomodate the check which I don't like. I liked it when they scaled to fit when tapped. Also use this color for the pink: ED248E throughout and this for the yellow: F4EC4B throughout. When hitting back from the practice page, return them to the bottom of the homescreen instead of jumping to the top and when doing that, as well as when the button at the top is tapped, don't show the scroll just instantly move there, and then hide that button once you're at the bottom. For relationships, make the line: What is a change you'd be excited to experience in a relationship over the next month? Make the loading graphic in the practice flow more visually beautiful. Something enjoyable to look at. After the frame where we describe what we want to feel, insert a new frame that tells them that what they want to feel is available to them right now, and at the end of this experience they'll receive a guided meditation that will help them embody this. And then describe the meditation in the bullet on the signup page from this perspective, that it will help them embody the feelings of what they want today. Then continue to the last question. On the last question position it more to ask them to describe any progress they've already made towards this goal, and where they are right now so their answer gets more of a positive spin. On the final frame saying we'll also feel seems weird. Just say how The Mystic Method can help them achieve this goal. but incorporating what their goal was. in the secondary copy, change "completed" to "did." Then change "The next 4 steps" to "Steps 2—5" and that at the end add, so that you feel and insert the feeling. We need to fix the grammer on the screen after entering their email because for me it reads "Congratulations. You’re already on your way to feel closer…"
change: Set aside an hour each day, October 26–30, to work toward [inser goal] to just "Set aside an hour each day, October 26–30, to work toward your goal" change Details about the other calls will arrive in your email. to Details about other calls will arrive in your email.
Change the text on the button for the meditation to: Get the 5-minute guided meditation. Then change the body copy on the meditation page to: "What you want to feel is available to you right now. Use this meditation daily to embody it—and it will become yours."
38 / October 20, 2026 / home_004
Keep the "What is Design Thinking" badge on screen longer. I'm still seeing the issue where it doesn't start scrolling right away every time, so just see if there's anything else you notice. And keep that badge on screen. "Through the Mystic Method was created by a former Tesla designer" slide. And then have it animate out at the same time as that text goes away.
And then when I tap the buttons down below, the animation's really nice, but it never seems to work the first time. So see if you can figure out what's going on and why. It might be that it's not working the first time I tap on one of those buttons. And then change my well-being to my spirituality.
And then if they select that, the question could be, "Where would you like to be a month from now in regards to your spirituality?"
The word "impact" on the paint splats screen is not reading very well, so let's find another color for that word that's going to be brighter. I guess it could be yellow.
I want to word it more like putting their goal first. So, for example, I put "land five private clients." So I want it to be more along the lines of, "If you had five private clients today, how would you feel?"
And then for the screen where we ask them about where they are right now, I think a better way to word it is, "Describe where you are right now in relationship to..." and then whatever the outcome is that they described.
And then on the final page, change the secondary copy under the first headline to, "You just completed step one of the Mystic Method." "The next 4 steps will help you find your own intuitive path towards..." And then insert the outcome they shared making sure it flows correct grammatically.
In instances where, let's say, they either entered gibberish or you just can't find a way to make it make sense grammatically, in any of the instances, just make it be more generic.
39 / October 20, 2026 / home_004
When I did the tap to speak, it didn't show my whole phrase. It just showed the first word, and then it showed "tidying up," and the other words I spoke never showed up. So see what's going on there. See what you can fix. And then the other thing is, for the screen reader experience, I love the angle that you went with. I haven't been able to listen to it yet. I haven't shared it with my friend yet for his feedback. But another thing I want to incorporate... Is for you to say something about how... Basically just allude to the four elements, fire, earth... Wind, and water. And then you could also mention something about how those who aren't using screen readers might never realize the role that the four elements are playing in this page. And then you could also mention something on the screen with the paint strokes. About creativity as the fifth element.
40 / October 20, 2026 / home_004
Okay, this is awesome. What I want to do now is rework the section at the bottom of the screen, which right now says "Take five." Instead of an email sign up, what I want to do is turn that into an opportunity to... Try the Mystic Method now. And I want to basically invite them to try out the Mystic Method so that they can apply it to a specific goal or challenge or problem they're navigating in their life right now. And to make it really simple, to start, what I want to do is just have them select. So we can just have some pills with different things that it can work for. And maybe we come up with five. And they're like something in my personal life, a business goal, a relationship. Why don't you come up with five things? And when they select one, maybe then they see some feedback, which would maybe replace some of the existing copy on screen.
That speaks to what the Mystic Method can do to help them in this specific area, and it'll be an adaptation of the same kind of concept, which is about how the Mystic Method will help you get clear. On.
What you want, and then identify the intuitive action, the intuitive path towards it, maybe. You can try and come up with something, and then we'll workshop it together. But that's the idea. So the idea is they select one, they see how the Mystic Method helps with that particular thing. We should make sure we're tying this language
Back to the concept of design thinking, which is what this page and the approach is all about now. And then once they've selected something, there's a continue button, and the continue button is in a disabled state until they've selected something. And then when they tap it, we'll go to that, I think it's under practice, that page where we walk them through the method. But I want you to update the first page now to speak more specifically to the thing that they selected.
41 / October 20, 2026 / home_004
To come up with a new visual for the trail, just something that looks way more beautiful and inspiring, a mountain trail that just winds over this beautiful and serene landscape seen from above. I want you to keep the timing and... The movement, the same as what it is right now, but I just want to get a different visual that's more beautiful and uplifting and inspiring. And then when that "What is Design Thinking" badge comes in, just make the animation in... A little bit slower.
42 / October 20, 2026 / home_004
Okay. So the wind animation, it's pretty cool. But what I want you to do is have it occur while the words are animating into place. So that those two things are occurring together, and then as the wind finishes sweeping through, the last word animates into place. And then I really want you to make these words- Just fill the full frame nicely. It should look kind of like a poster design. And in order to do that, you can make different words, different sizes. And as they transition in, it should feel kind of like a puzzle. Sort of coming together with all these pieces fitting into place. And use your best judgment to determine what should be what size. And we can also use two different typefaces if you want to explore some parts. In this serif font and other parts in a sans-serif. Think about it as an act of communication. It should feel kind of like a poster.
Add support for reduced-motion preferences so the wind gust, falling words, and card transitions remain comfortable for visitors who disable motion.
Move the label, "Drag me away when you're done," in the modal. That is not necessary.
And then a couple text edits inside of the modal. Change "A dream you keep putting off" to "Your dreams." And then after that, make the next part in a new paragraph. Remove "Less guessing, less stuck." And then change the last sentence... to be a new paragraph. And let's have it say, "Your creativity is your greatest asset for solving your biggest problems.”
43 / October 19, 2026 / home_004
Make sure that the road starts animating as soon as it's visible even a little bit. Right now, it appears as the flames are fading out. But it's static until it's reached a certain level of opacity. So as soon as we see that first frame, have it moving. And then I also want the Mystic Method is a new type of creative agency. To come in a little bit sooner. And then let's change to copy to “The Mystic Method is a modern spin on the concept of an ad agency.” And then... In the next frame, let's say “Where we empower, equip, and support you in doing your best work.” And initialize we and make empower, equip, and support Each a different color. And then, under Take 5, let's change the copy in the subtext to “Learn the Mystic Method for free, and get a 5-minute guided relaxation meditation delivered to your inbox.”
44 / October 19, 2026 / home_004
After the flames fade out, have it go directly into the trail animation without that gap of light in between. And then add a screen over. That sequence to darken it. And I'm not seeing the paint animation at all.
If it would reduce file size to re-render all the frames in the trail video with the darkness embedded into the frame so that there's less information, and it would achieve the same look as putting a dark screen over the animation then do it that way. Just don’t make it too dark. I just want it a bit darker so the text reads better.
45 / October 19, 2026 / home_004
So few things. Number one, on the desktop layout, the Mystic Method logo is way too big, so please scale it down. And then when we scroll out of the flames, there's another smoke animation that's coming in, and I recognize it from an earlier rev. It's too much going on, so just remove that and just keep the flame. The initial flame animation on screen, but just ghost it back as you have it. And then the trail animation is cool. But it's a little bit jumpy, so I don't know if you removed frames. But add more frames and the animation should be slower. And I actually want to zoom up more so we see more of the landscape. And then for the paint, splats, again, just fill the whole fucking frame. I don't want to see any white anywhere. And I don't want it to look like paint's being thrown down. I want it to just look like brushstrokes are being stroked all over the canvas until the whole thing is completely full. Similar to what you have now. It's pretty close, so don't change it too drastically. In terms of the colors you're using and the aesthetic, but just the way it fills the whole canvas and the way that the strokes appear. And then lastly, I don't really like the blue sky at the end. Let's make it look like a blue sky over a prairie, where you see a little bit of the prairie down at the bottom, but the scene is mostly sky, and you just see clouds floating through the sky over the horizon. And the horizon line, again, is right down at the bottom. Of the screen so that you're mostly seeing sky, and have it loop seamlessly, please.
46 / October 19, 2026 / home_004
So the animation of the trail is cool, but it's just too fast. What I want to do is turn it into an image sprite, so make the... animation itself, like the video file, into a series of JPEGs, compressed JPEGs, so it doesn't take up a huge amount of file size, and it should look exactly like the video does, but just using a series of JPEGs. And then as you scroll, that's what should control the advancing of those video frames forward or backwards, so that when you scroll backwards, it goes backwards on the trail. And then these brushstrokes are pretty cool. Keep the thicker brushstrokes the whole time. Don't do the thinner ones at the end. Just do those thick strokes, but use more colors and just have it fill in the frame. Fully. No edges.
On the final frame, where take five transitions in, I want to fade the background to just a beautiful blue sky with a looping animation of clouds drifting through it. And that should just fade in at the end when we get to that very last frame.
47 / October 19, 2026 / home_004
This is looking better now. For the trail, let's try something where we're looking a little more down and where we're a little bit closer to the trail. And then in the paint splat section, don't animate the text in. Just have it on screen. Without any drop shadow, so that it basically gets revealed as the paint splats fall down. And biased towards darker colors, so that the white text is revealed more clearly. And I want the entire frame filled up. With paint, and I want it to look more like brush strokes or paint being thrown, like Jackson Pollock style, than seeing paint poured. And actually, I want to change something that I just said previously. Keep the animation, keep the movement that you have on where we empower you to do your best work, but just remove the fade in, so... It's already fully visible, except that you won't see it initially because it'll be white on white, but then it'll become visible as the paint splats down, and it will be moving, and then keep how it goes off screen when you keep scrolling and just- And for the trail, I'm imagining more like a mountain trail, like a trail in Nepal or something like that.
48 / October 19, 2026 / home_004
No, this still isn't right. So for the trail, I don't want to be so close. I want it to be more like an aerial view where I am like... It's almost like I'm in a drone looking down on a trail from... Maybe 10 or 20 feet overhead, and it's just this beautiful mountain trail. And actually, make the Mystic Method as a new type of creative agency text bigger. Make it big enough that the Mystic Method- Okay ... fills almost the full width of the screen with some margin on the sides. And then the other words can just break however they break. And then when we get to the paint frame, it should start totally white, and we should just see paint falling on the canvas. And so a variety of paint shapes have just filled that whole frame.
49 / October 19, 2026 / home_004
So this is looking pretty good. I want to try something different. After what is once proved was once only imagined slides up and out, instead of that white section sliding up, let's try having the fire layer fade to white. So the white basically just fades in over the fire. And then have Mystic Method as a new type of creative agency. Fade in. Basically with the same treatment as the William Blake quote. And then as you scroll, it drifts upwards, just like the William Blake quote. And then as it transitions out, where we get mystical transitions in, and when that line transitions in, the background changes in a subtle way. Let's actually try a visual of rain, like a looping image of rain filling the background, and where we get mystical shows up on top of that. And then where we get mystical drifts upwards, just like the other lines do as you scroll, same speed as the William Blake quote. And then as it transitions out, then the screen fades back to white, and that featured project card transitions in, just like it does right now. The only thing is, the animation on that is still a little... Jumpy, so see if you can fix that issue. And then when the Take Five card comes in, it should be vertically centered in the middle of the screen. Just make sure it is. And then add a little bit of movement on the featured project card when I scroll. Have it lock into place for one scroll, and then on the subsequent scrolls, instead of holding it completely still, have it move. At least just a little bit.
50 / October 19, 2026 / home_004
For the William Blake quote, the timing of when it comes in is perfect, but just position it a little bit lower when it comes in, so it animates through the middle of the screen instead of first becoming visible in the middle of the viewport. Have it first become visible a little bit lower, and then slide upward as you scroll. And have the timing be a little bit more extended so that it stays on screen and does that gradual drift for a couple more swipes, so that we get closer to the white part coming in. Let me know if that doesn't make sense. So basically, you're shifting down the starting point of the William Blake quote, keeping the timing of when it first comes in the same, but then the vertical drift happens over a slightly longer period of time. It continues so that there's not such a long period after the quote leaves, where you're just looking at flames before that next section comes in. The William Blake quote should animate out almost right before the next section comes in. And then, the way that featured project animates up is just a little bit jumpy. So see if there's something that's happening with the timing that's causing that. Maybe just don't adjust the speed, because when the Mystic Method is a new type of creative agency, when that whole section slides up, it looks really nice. It slides in nicely. But then when the currents card moves up, it's a little jumpy. So maybe try that same transition that you have, but just without altering the speed, because maybe it's altering the speed that's causing it to get jumpy. And then remove the featured project text initially, and only fade that in as the catch a current card animates into its final resting position. And then when you swipe up from the featured project section, have that card fade, have the text featured project just fade out, but have the card both fade and scale back, like 70%, while the take five card comes in on top of it. And for the take five card, we need to give it the same sort of treatment as the featured project card. So same dimensions, same corner radius.
51 / October 19, 2026 / home_004
I don’t like the water animation. I wanted something from higher overhead and showing some of the surrounding parts of the body of water but it’s a small enough body of water than we can be overhead seeing all of it and still seeing some gentle moment. And then the Also from The Mystic Method text should only be visible after we scroll into the next section. And have the taste of Kumara card slide slower than the other stuff, and fade out instead of needing to reach the top of the screen.
Under the player put the text What is Kumara? Linking it to whatiskumara.com
And then have the dip in a lake card fade in more slowly when it scrolls into place.
There’s a couple too many scrolls on the William Blake quote and there’s too much of a gap of scrolling over flames before the next section comes in.
When the currents card comes in on the home screen you don’t need to slow the scroll of that element but have it lock in place for two scrolls before move on.
The mystic method logo isn’t scaling properly. It jumps to a very large size as I scroll. This only happens the first time and then it works smoothly when I try again, so maybe this can help you troubleshoot
On the Take a Dip in the lake card, add the url below the text styled like on the currents card
Change back to the fire to mysticmethod.com
52 / October 7, 2026 / home_001
I want to start a new page, and it's going to become the homepage for the Mystic Method. And the other things we've created, we'll find ways to link to them from the homepage. But right now, what I want to do is start working on the idea for this new homepage. And what I want to do is really capture the essence of the Mystic Method. And so I just have this vision to start where maybe it's a fun logo, Mystic Method, and I'm imagining kind of swirly type, and it's written at sort of an angle. And then there's an indicator below that to scroll. And what could be cool is if some smoke was animating in the backgrounds. If there's a way to render a video loop of some animating smoke and then put that in the background, that would be really cool. And it would be cool if it was happening on top of just a whole bunch of different colors, and that those colors are sort of blurring and animating, interacting with each other in strange ways as the clouds go over them. If there's any way to generate a looping video of something like that, I don't know if you have that capability, but that would be really fucking cool. And then the logo is just evocative of wizards, wizardry. I'm thinking of Harry Potter, and that should kind of be a little bit of the feel of this first screen. It should feel magical. And then it's pointing down, and you just kind of see the top of a cloud. And as you scroll, the clouds animate through the frame to reveal the question, what is creativity? Just floating in the middle of a bunch of clouds. So let's start with that. Okay.
53 / October 8, 2026 / home_002
So this is a good start, I guess, but I want to do something kind of interesting. I want to preserve a record of this site as we work on it, and so I want to store versions, and the way I want to organize them is by calling them home underscore and then a three-digit version number. And so what I want you to do is make this one home001, and then at the very bottom of the design, I want you to add a differently formatted section. And what I want you to do in that section is include the exact text of the prompts that I used to create this page. And it should look kind of distinctly different from the page itself, and again, just be all the way at the bottom. And then what I want you to do after that is make this the default landing page, and I'm just going to give you a couple of updates to make to this design before publishing it there. There meaning as the default index for mysticmethod.com. But I want you to publish this version exactly as it is right now as home_001, and you can just change the existing file name so that we don't also have /home, or just do whatever makes the most sense on your end. And then the existing home page, I just want that to become a secondary page, which we can call-- Just call it /5 for now, the number five. And so what I want you to do here is remove the pause button. I never asked for that. I don't think the background is how I described it. The smoke should be going up and off of the letters. So see if you can pull that off somehow. I don't know how you would achieve that, but this smoke effect looks really nice. Maybe it could just be animating up over the letters, and then you apply a gradient mask to the bottom, and then the top just goes off screen. But I want Mystic Method, the logo, to be more vertically centered on the page. And this looks a little bit cheesy with the stars, and I think it's a little too-- I don't know. It looks a little bit like chocolate, and I want it to look more like maybe something that someone drew with charcoal. That being said, I do like the shape that you've come up with. So maintain the shape and just try it with a different style that looks more like chalk. And then put the word "the" small on top of it, maybe over the M, maybe kind of sitting on the top right arc, inner arc of the M. Don't have the text "Scroll into the unknown." That sounds stupid, and just have a down arrow like you have, but maybe make it a little bit bigger. You could have just the word "scroll," actually. And then when I scroll, I want the clouds to move in layers. As I scroll up, it should be multiple layers of clouds. And then when I get into the next section, there should be no hard line. Right now there's a hard line at the bottom of the clouds. So I should see the cloud shape on the bottom too, and that should also be moving in layers as I move into that next section, "What is creativity?" And again, I want you to also explore different background effects in that initial screen. I think I was hoping for something more drastic and striking, more colorful, more creative, more evocative. But I want you to do rendered video. I don't want it to be some cheesy scripted CSS animation. So please make it look cool.
54 / October 8, 2026 / home_002
Can you please add the prompts to a subpage and add a link at the very bottom called “Prompts” then capture every update prompt on this page going forward formatted how you have them. Then add a graphic at the bottom of the page above that with a big stylized 5, in a clearly clickable card that links to /5 also I only want you to save an update in a new version when I tell you to. With the prompts indicate the associates page version with a link to that page if it isn’t the latest.
55 / October 8, 2026 / home_003
This is way too crazy now, but it’s fun so I don’t want to lose that, but I want to tone the intro down at least a little bit. Let’s try keeping the background similar to what it is now just make it loop smoothly and reduce motion somewhat then change the foreground animation. Can you somehow make it look like smoke is coming off of the words in the logo? One technique could be applying a feathered mask to the smoke.
And then when we scroll, instead of What is creativity, present the word “Creativity” then an invitation to now scroll to the right And as we scroll, the screen will spell out “is a process” one word at a time. I think probably keep it following the downward scroll.
And as we scroll through these words, have the screen transform from clouds to colorful shards of stained glass, moving from right to left reversing this animation if we go backwards. Have the words appear and disappear as if they’re moving through layers of stained glass.
Then if we keep scrolling, the shards shoot off in all different direction as an animation fades in of a lightning storm at night seen through a window and over this scene rendered full frame and hi res looping video, place an inspiring quote about creativity or inspiration from a leading thinker. And have some kind of interesting animation occurring with the text.
And I like how you did the block for 5. Do something similar under that, and instead of 5 do K and this will link to whatiskumara.com use a treatment that complements the style of the box for 5, and contrasts from it.
And the prompts page looks good. Let keep updating it including with this prompt and let’s start a new version of the design with this prompt, preserving the current home as 002.
56 / October 19, 2026 / home_004
I hate this new direction. Create a new version in the prompts and change this label to version history then inside make the first page you see start with an index that lists each version with its date link to the prompt which we’ll call source code and link to the design
Now for the new one I want to see the mystic method logo but have it look like it was cut out of glass and then fill the screen with flames like we’re looking at a fireplace that’s burning with the glass logo floating in the middle of the flames.
Then as you scroll have the flames scale up towards the viewer and fade to black while the William Blake quote gracefully fade animates in.
There should be smoke continuously drifting through the screen when this quote is up and the fire should be a rendered video sequence with seamless looping. Then keep the sections below the quote the same for now.
57 / October 19, 2026 / home_004
This looks awesome. When we get to the William Blake quote, fade the fire back just a little bit more. Not too much, just a little bit. And then in the initial frame, make Mystic Method bigger. And this glass isn't really working, so just do it with a flat color. Where it looks maybe kind of like the words have been cut out, but I want it to be semi-transparent in a way where it interacts in an interesting way with the flames as they move through it, like the way Photoshop blending modes might work. So see if you can do something with that that looks cool. And also, I think I said to- Make Mystic Method bigger so it fills the frame a little bit more.
And then at the bottom, instead of what we have right now, the box with the five and the box with the K, when we get to that section, I want the header to say, "Mystic Method." Is a new type of creative agency. Where we get mystical. And make that just... Feel fun somehow. And I'm imagining big words, nice serif font. And then... Below that, a little bit smaller, projects we're currently working on. And then right now, I just want to feature the app Currents, which is at catchacurrent.com
You designed it. So see if you can reference that site and just make a... Rectangular card. Actually, make the card the same dimension as the current card, because I like the dimensions of those, and have it be... Actually, let's do this. Let's have it be just the whole thing is filled with a looping rendered video of a river. Animating from overhead, and it's running from the top to the bottom of the frame. It's running through the frame that way. And then I just want to find an interesting way of inviting a click. Actually, no, let's put the text on it of what it is, and the text should be pretty minimal and simple. It could be a sans-serif font towards the middle of that shape, and it should say, "Currents is a productivity app that helps you attain enlightenment." And then that's clearly clickable. So do it like that, please.
58 / October 19, 2026 / home_004
There’s a black box around the logo when I scroll. So whatever method you’re using isn’t working. I should not see a black box. And then... Stay a couple more scrolls on the William Blake quote. And then put some space above where we get mystical. And make it pink. And then add an email sign-up at the bottom. This looks awesome, by the way. Let’s add an email sign-up for them to get a free five-minute guided... Relaxation sent to their email. And maybe think of a creative way to do that, that is in alignment with the rest of the page. But most of all, make sure to fix that. Mystic Method logo issue.
59 / October 19, 2026 / home_004
As you scroll through the William Blake section, have some gradual movement on the type, like some really gentle, gradual movement until we get to the end and it blurs and fades out, which is nice. And this email thing looks good. Are you able to rig up something so that maybe we integrate it with Kit? Actually, that might be the best bet. Or if I want you to, are you able to do all the email sequencing? And then also, I want to see some interesting interaction between the Mystic Method logo and the flames, just like when you put on either the screen or multiply blending mode in Photoshop. Or even the difference blending mode. That could look really cool if we’re able to do that, the difference blending mode.
60 / October 19, 2026 / home_004
Okay, on the relax page, under A Taste of Kumara, that headline is good. But then let's say, just press play and close your eyes. That's it for that sentence. And then instead of more from the Mystic Method... Say other Mystic Method projects and make it pink. And then remove where it says projects we're currently working on. See if you can get take a dip in the lake to fit on one line. Or actually, this would be better if you broke it after A, so it's take A on one line and then dip in the lake on its own line.
And then on the home screen, this difference effect looks really cool, but it goes away as soon as I scroll. I assume it has to do with that blending mode going away once the opacity of that graphic starts fading. So see if there's any way to... Maintain that effect even as it fades out, because that'd be really cool. And if you can't do that, let me know, and I'll propose another treatment. When we swipe into Mystic Method as a new type of creative agency on the homepage, have that come in a little bit more slowly and then lock in place when the white part hits the top of the browser, just for a swipe or two. And then change projects we're currently working on to featured projects. And then doing voice-to-text, so if anything has grammatical errors, make sure it makes sense.
61 / October 19, 2026 / home_004
The scroll text doesn't seem to be going away. That should fade out as soon as the user has done a couple of scrolls. I want to have the William Blake quote fade in a little bit sooner. And then also just shift it down in frame overall. Keep its movement the same, but just shift the whole thing down a little bit. And then there's something weird happening right now when I get to the bottom of that section. I think it's because I asked you to slow down the scroll. On that next section? But there's a gap between the fire layer and then the layer that has Mystic Method as a new type of creative agency. So just make sure to have it... I think you just need to shift it up, because that way it'll come in a tiny bit sooner too. But you'll feel better. And then I'd ask you to pause it once that white section, that Mystic Method is a new type of creative agency is on, hits the top. Just pause it there for a swipe or two. And looking at this section now, there's a little bit too much space at the top of it above Mystic Method. And featured projects should be singular. It's just one featured project.
And then on the relax screen, let's put the Taste of Kumara card with the player more centered on screen, and then fill the background with... With just a relaxing lake, just a looping water image, a different one from the one on the card, but just a really nice calm image, and that should fill the whole background. But then you see a little bit of a card peeking up from down below. And instead of other Mystic Method projects, it says, "Also from the Mystic Method." And there needs to be some space between that and the card, because right now, other Mystic Method projects is sitting right on top of that card. So that could be a little bit lower than it is now overall. We just need a little bit of the card peeking out from the bottom so they know there's something else to scroll to. And then obviously the text on top of it. And you can have that at full opacity and maybe have it white in this case because it's going to be over some water. And then as you scroll up to that section, just fade the water from the previous section out. And then also the text that says, "Also from the Mystic Method," fade that from white to pink as the water in the background fades out. And then just position both of those things nicely on screen. I think the way it lands right now is okay, but it's just that the headline needs to be... Moved a little further away from the box.
62 / October 19, 2026 / home_004
Give the William Blake quote just a little bit more movement as it moves through screen. Just have it have little more vertical travel. Not a ton, just a little bit more as I'm scrolling. And then... "Mystic method is a new type of creative agency." When that section comes in, I'd wanted you to slow it down, which is what it was doing previously, but there was that issue of the gap. So now you've fixed the issue with the gap. But that section is moving in at regular speed, and I want it to come in slower. I want to have a little less space above "Mystic method." And then I want it to lock in at the top for a scroll or two before we... Continue. And then check the rotation on that card for Catch a Current because... It feels like it's doing something weird, but I'm not sure exactly what's going on there. I might just be seeing something, but just check it out.
And the relax page isn't right at all. So the water should be full bleed from the top to the bottom. And this is a nice graphic, but it's not looping seamlessly. And also... I'd like to see something from higher overhead. So maybe a little more like we're looking down on a large calm body of water. And we can see a little bit of the shape of the body of water around it, but we're mostly seeing water. And so that fills the full frame. But then at the bottom, you see, let's say just the top of a card peeking in. And so it's clear there's something else down there. And since that card will also have water on it, let's, while it's in that initial position, have it be maybe lightened slightly. And then after you start scrolling, that's when the text also from the Mystic Method appears over it as that section swipes into place, and the water fades out like it's doing right now. Except one thing I want to make sure of is that we don't have a- ... hard line swiping in under the water. It should just be that card sliding up with the text above it fading in, and then the backgrounds just gracefully transitioning into each other. And then capitalize "the" in "The Mystic Method." I mean the "T" in "the." And then put "The Mystic Method" on its own line. So "Also from" is on one line, and then "The Mystic Method" is on another line. This is voice-to-text, so clean it up if necessary.
63 / October 19, 2026 / home_004
On the home screen, when you start scrolling, let's have the Mystic Method logo scale up as all the other transitions are happening. Give the William Blake logo a little more travel. And then make it animate off-screen right before the white section starts to come in. And now we need a little bit more padding above Mystic Method in that section. That's gotten a little too tight now. And when it slides in, it's being really choppy, so... If there's no way to have it come in more slowly and not be choppy, just go back to regular speed on that. Still having it pause for about a swipe when it gets to the top. It's pausing for four swipes right now. It should only be one.
And then on the relax page, I'm not seeing the background water animation at all on the home screen. And I wanted the Taste of Kumara card to be more vertically centered in screen. And then for the... Take a dip in the lake card, when it's in that initial position, we shouldn't see the animation. That shouldn't be there yet. It should just be a lighter version of that card. Maybe pick a color and just make it solid. That color and lighter so that it's light enough to stand out against the background that will be behind it when you fix whatever issue is preventing that from showing up.
And then after those couple of scrolls, where Mystic Method is a new type of creative agency comes in, and it just pauses for a beat. From that point, for the next scrolls, make featured project and the graphic below it slide up to the middle of the screen while those two lines stay in place where they stopped when they got parked at the top, and just have them fade out as that. Featured project text and the graphic below it slide in. And by the time those things reach their position mid-screen, those other things should be completely faded out. And then just have the rest of the animation as normal when we get to the... When we keep scrolling and get to the Take Five card.
64 / October 19, 2026 / home_004
Change "Where we get mystical" to "Where we empower you to do your best work." And then when the Catch a Current card comes in... Make the featured project text the same size as where we get Mystical and the same type treatment, but make it pink. And then when that card swipes in with Catch a Current, it's just a little bit choppy still. So see what you can do to smooth out how that comes in. And I also think never have it be completely still. So give it some drift, kind of like the quote, so it comes up, it hits a point a little bit lower than where it's currently landing, and as you scroll, it just slowly drifts until that next card comes in. And then it transitions out like it's doing. And then after the word relaxation on that card, add the word meditation. So it reads, "…free 5-minute guided relaxation meditation," and change the word five to the number 5. And then don't have an extra scroll or an extra section for version history at the bottom. Just have that be in frame when the Take Five card animates into place in the middle of the screen.
65 / October 19, 2026 / home_004
Bring the featured project label up so that it sits more vertically centered. Just so there's more space, just so there's closer to equal space above and below it. When that Currents card first transitions in, have it be fixed in place. And then as the Currents card slides up, further, just have it fade out. And then the style of the text on that card change. But I didn't want it to change. I liked how that was previously. So go back to the earlier iteration you had of how the text was treated on that card, please. And then where we have the rain falling behind where we empower you to do your best work- What I want to do is actually have that be an animation of all sorts of colors of paint being thrown down on a canvas, like Jackson Pollock style, and it's just an animation of all these splashes of paint being thrown.
66 / October 19, 2026 / home_004
Was the text on the Currents card... I feel like it was left-aligned in an earlier rev. So just look back and whatever the text formatting was in the first... ...rev of when that card appeared, that's the formatting I want to go with. And then the frame with the paint splashing, this is pretty cool. It's the right idea, but I want to go... Just more full of paint. I don't want to see the edges of the canvas either. I just want paint to be filling the whole screen, very colorful, and it shouldn't be faded back at all. And then the... Text should be white so that it's reversed out on the paint. And maybe we only see the text get revealed as the paint goes down and eventually fills the entire frame. And then once it's filled the whole frame... Then we don't need to loop it. We can just end it there. And then fade it out as you scroll up further. Or scroll down like we have now. And then unitalicize the text where we empower you to do your best work, and only italicize the words "we" and "you." And then put the word "the" in front of Mystic Method in "The Mystic Method is a new type of creative agency."
The fire animation seems to stop when I scroll back up sometimes, so just see if you can fix that. Make sure it just always starts over again whenever I scroll back to it. And then, behind the Mystic Method is a new type of creative agency. I want to have a background that... Just looks like dirt. Like you're on a hiking trail. Let's have it be an animation of you're panning over a hiking trail, almost like we are looking down from a drone that's looking over a hiking trail. That's just moving along the trail as you swipe until we transition into the paint part of the scene.
67 / October 19, 2026 / home_004
I'm not seeing any animation in the paint splat thing. And it shouldn't be such a close-up on paint. It should just be paint filling the screen, like splattering like a rendered video of paint splats filling the screen in the same style as what you had. Previously, but just more full, just filling up the screen more. And then I'm not seeing it animate over a trail like I asked for the dirt frame. Originally, I just asked for dirt, and then I had the idea of having it look like we're moving over a dirt trail from above. So that's what I want it to look like as we swipe through that section. And get the Mystic Method on one line. And then on the Currents card, I do want you to left-align the text. Still vertically centered, but just brought over more to the left of the card. And then bring the URL a little bit closer to the text. Just a little bit. And left-align the whole, all the text on that card.
68 / October 19, 2026 / home_004
So the visual of the paint looks amazing. I love how it looks. The animation in. It should be- Rendered video. The brushstrokes filling up the screen. Right now, it looks like you're just masking the image in. And also make we and you. Pink. And then when the featured product card comes in, have it slide in over the paint as the paint transitions out. And as the quote slides up. So basically, it's coming in screen while where we empower you to do your best work is going off screen. Versus right now, there's more of a gap there.
69 / October 19, 2026 / home_004
The animation is much cooler now, but I don't like how it transitions to a JPEG at the end. I just want you to have it fill in all the way. And at about the point where it transitions into the JPEG, a little bit before that, just have it speed up a bunch. And then do the same thing where you turn it into a sprite sequence, so that dragging up and down affects which direction the animation is going in.
And the end frame looks really nice now. But make version history white and remove the underline. And then in take five, turn five into a digit.
And make the color on the "Send it to me" button pink.
70 / October 19, 2026 / home_004
Brush strokes are coming in too fast now. They previously started coming in slower, which was better. So they should start slow and speed up. And then keep the William Blake quote on screen just a second or two longer. So that it transitions out as the flames fade out. And then as we get to the end of the paint strokes animation, just fade in a slight screen over that as well to darken it about the same amount that you darkened the trail image. And then for the Send It To Me button, make it, "Send it to me now, please!"
71 / October 20, 2026 / home_004
(Elliott) I want to change the text. The Mystic Method is a new approach to productivity to "The Mystic Method is a design thinking methodology," and I want you to treat design thinking methodology in an interesting way. Like maybe giving it some color or something. Just those words, design thinking methodology, and making sure they're still going to show up on that background. And maybe darken the background just a touch more. And then when we get to the next frame... Where we have blending business best practices, and mysticism. I want to instead change that to, "That will help increase your:" So that's the first part, and then I want to have three words pop up below that as the paint animation continues, and they're going to be
Creativity
Productivity
&
Impact
72 / October 20, 2026 / home_004
(Elliott) This is pretty good, but bring Creativity, Productivity, and Impact closer. Don't have so much space between that and the "That will help increase your" line. And then I want to make "design thinking methodology" stand out more. Maybe just try making them bold, just those words. Let's actually try the same treatment that we have on the following frame, where "design thinking methodology" animates in one at a time underneath "The Mystic Method is a," so that it follows that same rhythm.
73 / October 20, 2026 / home_004
(Elliott) Okay. I like the way that you did the Mystic Method is a design thinking methodology. Put a period at the end, and then format the next frame in the same way, and change "That" to "It." So no more colon, and then creativity, productivity, and impact become part of the same sentence block. But color them and style them the same way that you did design thinking methodology.
74 / October 20, 2026 / home_004
(Elliott) There's a bug where the word "and" is on screen before the rest of the words animate in, and the commas are also there too. So just make sure that those come in at the right time. And then I want to add a frame before we get to the featured project. And so after the frame with the paint, when those words swipe off, instead of bringing in... Currents right away, I want to just on a plain white background, have the words, "The Mystic Method was developed by a former Tesla designer (turned Mystic), creative leader of over 25 years, and has been taught at the Stanford d.school." And then under that, just have a little badge that says, "What is design thinking?" And when you tap that- In a creative way
Bring a rectangular box into frame, into the screen with a compelling definition on it. And then make it easily closable. And then when you swipe up from there, then bring in the current frame as you are currently and continue with the rest of the screen
75 / October 20, 2026 / home_004
(Elliott) For the Mystic Method frame, something weird is happening with the D, first of all, in method. The top part is getting cut off or something. But I want those words to just fill more of the screen. I want the whole screen to be just almost filled with those words. And then, "What is design thinking?" Just make it a little bit smaller and less prominent. It should be like a small badge. And then I want you to just... Have it feel more like wind is blowing the words into place from the top to the bottom. I think the way you have it is actually pretty good, but I also want to incorporate a visual that looks like wind is blowing, and maybe it's a rendered video. Playing in the background, that just looks like a huge gust of wind moving through the frame from left to right as those words come in. And it starts out completely white, and then you see this huge gust of wind blow through with all the words. Think of like... The Wizard of Oz. And then after the words are in place, the gust finishes blowing through, and then it returns to just pure white again with all the words there and the "What is Design Thinking?" badge down at the bottom. And then...
Then something weird is happening with that "What is Design Thinking" badge, is once I have tapped it once and closed the modal, it doesn't seem to be coming back up again. So just check what's going on there. And then also make sure it has a nice transition when it closes, whether I tap the close icon or whether I swipe it away.
76 / October 20, 2026 / home_004
(Elliott) Okay, this is pretty cool. One little issue. When the word "impact" animates in, the period is already in place between before... When the word animates into its final resting position, which looks strange. And then on the frame with the "Mystic Method was developed by a..." I want to make the text in that frame fill more of the whole screen, and I want it to just feel more interesting, more of an interesting type treatment. Maybe just using color. For certain phrases. So just make it seem more interesting somehow. And then make "What is design thinking?" smaller. I just want that to be a smaller badge. And then I like the little thing that you slide in. But what I want to do is define it in a way that makes it clear that it's applicable to me, whoever I am. It should sound like- Basically a skill that most of us were never taught, but that can help us really achieve any of our goals. And you're kind of getting at that, but see if you can say that... Without using those exact words, but help people see the connection to their own life, basically. And then see if you can make this card that comes in... When I tap on it and hold, that I can move it, drag it, and then swipe it off screen. And then make sure you have the same animation as when it comes in, if I click the close icon, but just that animation in reverse. One idea actually that would be cool would be if this frame, when you animate into this frame, if it looks like the wind is blowing all the words into place. So the words are kind of blowing in and fit in their place, like land in their place, and then as you swipe out of this frame, they all blow away in the other direction. Maybe they all blow in from the left, and then they blow out to the right as you keep scrolling.
77 / October 20, 2026 / home_004
(Elliott) No, we're still not there. I just want it to be a really nice design that feels really well organized and everything fits together perfectly. And I literally want it to feel like a block, so all the words just come together and form this perfect rectangle. It should look like a poster that I would want to hang on my wall. With really beautiful typography. You can have some words or phrases be all caps if that's what makes them fit well. But I just really want it to look really beautiful in terms of how all the words and phrases- Mm-hmm ... fit together. And change developed to created. Mm-hmm.
78 / October 20, 2026 / home_004
(Elliott) Let's try making method all caps in the Mystic method was created by Frame to see if that makes it sit more evenly because the H and the D are extending higher than the M, and it makes it look unbalanced.
Make "What is design thinking?" pop up at the same time as "Design thinking methodology." At the same time as those words animate in.
Change “It” to “That” on the frame with the brushstrokes
And add a little bit more drift on the words, or maybe that whole phrase drifts up in frame slightly as we scroll in addition to the existing drift you have on the words. So start it out sitting slightly below center, and then have it drift to be slightly above center. Just a slight movement.
79 / October 20, 2026 / home_004
(Elliott) Make the "What is Design Thinking" badge pop up a tad later, like when the word "thinking" is animating in. And then for the sequence where the words blow in... I want you to turn that into a sprite sequence like the others, so that the timing of it follows the scroll. And I want to see a tiny bit more travel. In the words, when they're moving through screen, I'm still not seeing much movement. And we also need a tiny bit of space between method and the line after it to feel balanced with the rest of the screen.
80 / October 20, 2026 / home_004
(Elliott) There's still an issue where the Mystic method isn't always animating when I scroll. So there's a handful of times where I scroll down, I see the scroller moving, but I'm still on that initial view, and I just come in and out of it. Or I don't come in and out of it, I scroll up and down and it stays there, and then eventually it starts animating.
And actually, put the design thinking badge, the entrance of it, back to where you had it before when it comes in with the word design. I realize that's actually better.
In the Mystic Method was created phrase, bring the mystic and method closer together. The mystic is sitting a little bit to the right, so bring that to the left a little bit more. Reduce a little bit of the space between was created by a former and Tesla designer. So that space matches more the spacing above was created. Bring creative leader, that line up a little bit to close the space between it and the line above it. Even though the Y in Mystic will overlap that line, that's okay. Remove the period after D-School and just make that last line fit the full width more evenly. And then add some more drift when it's in its static position, because I'm not really seeing the movement.
81 / October 20, 2026 / home_004
Make the What is Design Thinking badge a tiny bit bigger and make the background opaque instead of semi-transparent, and then remove the pink outline. And then make the words "Design Thinking Methodology" animate in just a tad faster. And then keep the phrase on screen just a tad longer. And you also need to center the What is Design Thinking button. It's popping up a little bit to the right. And then whatever you do with... The phrase on that screen, match the timing on the next screen with creativity, productivity, and impact. Lastly, there's a flash that happens when you transition out of that screen and into the screen where the words blow in. So see what you can do to fix that. And also, the word method is still not upright. So fix that. And also unitalicize designer and D school. And then remove the comma after years and make 25 years fit the full width of the screen. Make the word of in creative leader of over lowercase. Make the word a lowercase and the word by lowercase, and was created by a. And let's see how that looks.
82 / October 20, 2026 / home_004
This is looking better, but just a couple of things. I feel like it could fill the frame just a little bit better, just try tweaking some of the white space a little bit more. For example, the mystic can come a little bit closer to method. The D is getting cut off, the right side of the top stem is getting cut off. I don't like the way the ears dips down into the line below it. Otherwise, this is starting to look pretty nice. So just see how you can make it fill out the frame a little bit better. And just make the white space feel more balanced overall. And then take the "What is Design Thinking" button and bring it into the section where we say, "The Mystic Method is a design thinking methodology." Just while we're in that section, have that button. Just floating at the bottom. It can just fade in as soon as that phrase appears, and then fade out as soon as the phrase goes away.
83 / October 20, 2026 / home_004
I want you to try a new approach. I want you to research poster design typography and try an approach to that frame that just uses really interesting typography that looks like a designed poster. Some of it could be hand-drawn. It could be different typefaces mixed together. And so I think it's getting there, but it's still not quite there yet. So I think do some research, look at some posters, some graphic design posters, emphasizing posters with nice typography, and then see what you can come up with, especially referencing like... Swiss design. And just other forms of poster art that leverage- Compelling, captivating, and engaging typography that are focused on communicating meaningful concepts.
84 / October 20, 2026 / home_004
I'm having another issue that's shown up repeatedly, which is that it doesn't always scroll out of the initial section. I start scrolling and it just stays on the flames. So see what you can do to fix that. And I'm actually liking this better. But I don't know, maybe Swiss design was the wrong reference. I like some of the more bold typography choices. Remove a brief origin story number 01. This is looking better, but I want it to feel more like a cohesive block, so all the words fit together into a really nice block shape. So see what you can do about... See if you can find anything related to the issue I'm seeing with it not scrolling from the top section. And then take another stab at the poster art. And have some subtle drift on the scroll once it all clicks into place and I keep scrolling. Maybe it just moves in subtle ways for a few scrolls until it all blows away again.
85 / October 19, 2026 / home_004
I think the Mystic Method is line is wrong. Let's go with "The Mystic Method is a new approach to productivity."
And then in the paint strokes frame, let's say "Blending business best practices and mysticism."
Remove the icon in the Take Five frame at the end, and then you can just make the container of that whole thing a little bit shorter, just collapse it a little bit closer to the contents. And make sure it stays vertically centered in screen. And then for the pink on the button, I want it to be more of a solid pink.
(Elliott) That sounds like a really good conversion. Is there any chance that these stats are wrong? Maybe we just ended up developing a really effective webpage, which is always possible. Anyway, I want to start working on the page for them to come to. To prepare for the session, and it should be a generic page, like "Prepare for a Mystic Method session." Should make them feel kind of excited about it, so maybe advertise it. A little bit, like what the Mystic Method is. Start with a logo, and then under that say, "The Mystic Method is a simple five-step process for finding your way through any obstacle in your life or business." Something like that. And then maybe a call-out for next call. And then lists tomorrow, 10:00 a.m. PST, and then have a section for... Join the call, and then a button. But until I tell you to make it available, which is going to be about 10 minutes before the call, have it when you tap on it, it opens a modal. Saying, "Check back on this page closer to the call for this link to become available." Something like that. And the main thing I wanted this page to do is get them excited about it, get them excited about what it is.
And also capture something from them. Oh, and I want to tell them logistically what to do, so they should have five sheets of paper to write on. They could also write in a journal, or they can do it on their computer. But it's better if it's actually going to engage physical writing. By the way, I want you to tell me updated stats. That was for you, not for the page, obviously. I'm doing speech-to-text, so make sure you're parsing my text appropriately. So I want to tell them to have five sheets of paper to write with, or they could do it in a journal, or they can do it on their computer, but... Writing by hand is better because it's more conducive to learning. And then I want them to... Have an area of their life, and ideally a specific challenge, problem, or goal that they want to work towards. And then under that, I want to have an optional section and just have it be optional, share your goal. Share this with the Mystic so he can help. Or don't say the, share this with Mystic so he can, to best help him prepare for the call. And then capture, like we do on the first page of the practice flow, what area of life their problem is in or their challenge is in. Maybe we also ask whether it's a challenge or a goal. And then there's an open form field where they can- Write more detail. And it's just a multi-line text field. And all three of these fields are optional. They can enter as much or as little as they want. The most important thing is that they clarify something for themselves. We're burning it. And they can also add their name. Let's say that they can include their name and just make it clear that their name is also optional. It's only if they want me to know who they are on the call. And then let's have a little button where if they want to, they can expand and answer more questions, but I don't want to make anyone feel like they have to. And if they expand that, then what are some interesting things we could ask them? Just come up with three kind of generic-ish questions to better understand people that you think will be valuable for helping me shape the call. Also interesting. In terms of better understanding who we're attracting and to help me understand what kinds of... I'm not sure, but just come up with something and then we'll riff on it if we need to change it.
And then I think that's it for the page. Obviously, you need to submit for those fields. And then, if there's three instructions and that was the second one, so number one is to have five sheets, number two is... Clarify the goal or challenge you're bringing to the call.
Then maybe number three is just like, "Come with an open mind, ready to learn something new." And you'd say like, "Have a good meal beforehand, be rested, and be ready to learn." I don't know, something like that. Just take all of this and do your... Do your best and put this under /callprep.