Consume Media - Current

Chris LaFay: Good morning. There we go. Much better.

Dawn Audano: Has so much I need to do when I get on a call. Dismiss this move that ask Gemini questions.

Chris LaFay: There's. It drives me nuts. For some reason. Closed captions automatically start.

Dawn Audano: It's because of Fireflies.

Chris LaFay: Oh, that's interesting.

Dawn Audano: I don't know why. I don't know why, but it's because of Fireflies. Because if my Fireflies isn't on, it doesn't do it. Like if I accidentally forget it.

Annalynne Talbert: If.

Dawn Audano: It'S like logged out on my browser or whatever, like that's what it is.

Chris LaFay: Interesting because I've googled it relatively recently of like how to like not make Google do captions, but that's annoying. Hi, good morning. Oh, might have the wrong mic selected.

Dawn Audano: You think? Five years post pandemic, we would have all figured out video calls, but like at least four times a week it's an issue.

Chris LaFay: Yes, yes, yes. Can you hear me now? It's still a thing.

Lydia Rosenberg: Yeah.

Chris LaFay: Hey, Lydia. Hi.

Lydia Rosenberg: Good morning.

Annalynne Talbert: Good morning.

Dawn Audano: Annalyn tried to join but she had audio problems. So she's coming.

Lydia Rosenberg: Okay, got it. I know we're a Zoom Zoom house. So sometimes I think switching from Zoom to Google Meet and then teams for someone else, you know, things. Things get funky.

Chris LaFay: We have a client that uses teams that we sent them a Google Meet link and they were like, yeah, we can't click on that. I was like, what do you mean? I was like, meat doesn't work. I was like, how does Google Meet not work? She's like, it just doesn't work on my computer. I'm like, that's not how. I don't think that's how technology works. Like if you have a webcam and a microphone, I'm 98% sure Google Meet will work. Yeah, like, no, it doesn't. Teams works though. I'm like, all right, all right, all right.

Lydia Rosenberg: No, we can't hear you.

Chris LaFay: Nada.

Dawn Audano: I have gotten really good at reading lips though, because of the same conversation I have. I definitely know what can you hear me looks like.

Lydia Rosenberg: Yeah.

Dawn Audano: On somebody's mouth.

Chris LaFay: Yes. So I have a hard stop at 9:30 today. So are you game if we go ahead and get rolling?

Lydia Rosenberg: Yes.

Chris LaFay: Can you hear us, Analyn? Can you hear us at least? Oh, that's fun. Crazy sounds. That's great.

Dawn Audano: Yeah, I hear the crazy sounds.

Chris LaFay: I mean I hear the voices in my head, but I don't think that really matters too much.

Dawn Audano: I hear like a buzzing something noise that was coming from her or I thought was.

Lydia Rosenberg: Oh yeah, now she's Muted now. I don't hear it anymore.

Chris LaFay: I muted her just for kicks and giggles to see if that was it. So there was something. There was something coming through. I did mute you, by the way. So if you do figure something out, you'll unmute yourself. So. Okay.

Lydia Rosenberg: Interesting.

Chris LaFay: Yes.

Lydia Rosenberg: All right. They'll come back. We're. You're recording this, right? So.

Chris LaFay: Yeah, yeah, we're recording. Yeah, absolutely perfect.

Dawn Audano: All of that, in fact.

Chris LaFay: Yeah, exactly. So we'll see what the AI notes have to say about all of that stuff. So we made the vast majority of our changes. There was only about 10% where we took a little bit of creative liberty to solve the same problem, just in a slightly different way. Way. So I'm not going to go over every little detail of, like, we removed the little triangle and stuff. Those things. You can kind of tell.

Lydia Rosenberg: This is.

Dawn Audano: This is the homepage you're reviewing right now, Chris, right?

Chris LaFay: Yes, yes, yes.

Dawn Audano: Okay.

Chris LaFay: Y. 100%. And so went ahead and edit the buttons in this section. You will have the ability to add both secondary and primary buttons. So that will be. That will be an option. When I trusted by there, we did keep the little arrow because we feel like it just adds a little bit of a visual difference between the wall of black text. But we did.

Lydia Rosenberg: I think we.

Chris LaFay: Yeah, go ahead.

Lydia Rosenberg: I think we like the arrow because it kind of is like the play on the play button as well.

Chris LaFay: Exactly. Yes. But we did drop the line and that actually helped us down below because now you actually have a little bit more flexibility without having the line.

Lydia Rosenberg: Okay.

Chris LaFay: So we moved the recent projects up here. We made them a little bit wider. We turned them into a scroller as well, too, using kind of the arrows there that you gu guys have moved around kind of the elements of it as well, too. And then this is what we. This is the 10%. So what we didn't like is having just a button floating here on the side with all that dead space. But with the removal of the line, we could actually center all of this up and still keep the. The view work button attached to kind of the content area. We like to keep buttons and content kind of connected together from a usability perspective.

Lydia Rosenberg: Okay.

Chris LaFay: But if you also notice, we're not really going 5050 here on the width. So by going a little making this a little bit wider and this a little bit shorter, we should have the ability where there's not going to be a lot of extra dead space here and have the call to action kind of connected to the content section and Then rinse and repeat down the line. How does that look, you guys?

Lydia Rosenberg: Yeah, I hear you on the button on the, like, being included, so I. I totally feel you on that. I'm not sure I love the title. Being centered. Like, I feel like we every. I don't know, maybe I'm just anchoring it to how I felt with what. What it looked like before. So I want to allow myself maybe some time to process it as well. But I really liked how it was sort of the structure was before, like. Like, even the first V1 that y' all sent to us, that was, like, all kind of less justified, so. So I don't know. I'm telling you, my initial gut is that I don't love it like this, but I also want to leave room for processing and all that. And, Annalyn, we can hear you, so yay.

Annalynne Talbert: Okay, cool. Third time's the charm. Yeah, sometimes you just need to reboot the whole system. So this was. This was kind of like our favorite. Like, this was pretty much perfect last time, except for that ratio of the video. The typography was super strong on this, and I think it was that left aligned, and it just looked so, like, clean and cool, and I just. I. Maybe I missed it. But what was the reasoning of repositioning the title?

Chris LaFay: So we didn't want. So we like all the content to kind of be together. And so from a usability perspective, you're sitting here, you're reading, you're reading, you're reading, and then the button is there. So rather than having the main call to action kind of over here on the opposite side, we want all of the content that's being consumed to kind of be in that. In that row, or not the row, but that column. And so rather than having to see all this stuff here and then jump over here to the right was also kind of an awkward amount of dead space over here as well, too. And so we put all of the content together, and then we moved the right hand column, made it a little bit wider. So this isn't exactly 50 50. It's more like 60, 40, to allow for there to be as little dead space as possible. And so by centering up the title, that gives us the ability to have this kind of content area fairly close to in alignment with one another. Now, obviously, no matter which layout you go with, if there are 10 bullet points under here, there will obviously be dead space just because content sizing.

Lydia Rosenberg: Yeah, yeah, we're gonna. Yeah, I hear you on that. I think we would aim to have no, more like to have four or five bullets max, like maximum. I talked with Leo, sort of like the content that we'd want to put in here and I think that's what we would land on. I mean, is there a world where that the brand awareness tell your story is still left justified and it's just. And then does that automatically move the, the video to be like centered within the width, like the height? Like does that move that video or does that video. You know what I'm saying?

Annalynne Talbert: Or like, like centered, like centered vertically.

Lydia Rosenberg: Yeah, sorry, I don't know what the right words are.

Annalynne Talbert: Yeah, you could do that.

Chris LaFay: Yes, you, you could do that. And also with this section we haven't gotten here yet, but this section, not the, not the actual frame of all of this, but the, the content that lives inside of this frame is going to be extraordinarily flexible. So you will. Actually the way that this will work is you'll drop a, a window block and inside of it you will be able to drop in basic like WordPress block, so a two column block, a video, paragraphs, bullet points, buttons, etc. So you will be able to kind of make this in reality kind of what the content of whatever you want. And so I know I'm going to go over some of these things once we're done going through the homepage. So you're not going to have to memorize all this by any stretch of the imagination.

Lydia Rosenberg: Yeah.

Chris LaFay: But this content section inside of here will be flexible so that you can add in whatever you would like.

Lydia Rosenberg: Okay. Yeah. I mean, I think if it's possible and if anyone agrees with me, if we could like be like in like the middle of like what we had sent you originally and then what you're suggesting in terms of like having the button along with the content but then still have everything less justified. Like if there is like a way to hit that middle ground somehow because I don't know, I'm just still looking at it and like it's not, it's not feeling better as I'm, as I'm looking at it. I think I liked it less justified, a lot more.

Chris LaFay: Cool.

Annalynne Talbert: I do agree though, to keep the button with the content. I think in our meeting we were trying to put it on the other side, but everything on the left I think is good.

Chris LaFay: And if we just put, if everything goes on the left, no matter. Unless there isn't like a paragraph here, only a few bullet points, just given the amount of spacing and how tall the header text is, there will just have to be dead space around here. Yeah, that's. And that's fine then that's okay. Y' all understand how spacing. You all understand very well how like sizing inside of boxes work. You live in this space. And so most people that we work with don't and they're saying can we have a mile's worth of text? And then they wonder why the thing on the right hand side looks so tiny. And so as long as you're okay with like there's going to be dead space in this no matter what and so is where that dead space is, we're fine. Our preference is to just have the button connected to the text here so that it all kind of is in alignment.

Lydia Rosenberg: Yeah. So that's totally fair. And I think. Yeah, I think we're in agreement. And, and I think to your point also like the, the text that we would have on the left hand side, we're going to try, we're going to try to keep it like super quick. Like what you even have right now, which I know is a placeholder but like like one to two sentences, like very, very short. Just like get to the point. Here's some more information. Learn more and just get people like what they need. Move on. They don't need to be reading like full on sentences with like commas and semicolons and shit like that. It's too much.

Chris LaFay: Exactly. Yes. Went ahead and made the updates here to the testimonial pods. And so we have this here with a little bit of translucency there. We went ahead and added the frequently asked question kind of slam out sliders, but accordions as well too. Yeah, cta. And then we also edited up the footer. Now we did align the, the Pac man up to the edge here because getting it to go over the edge would probably cause some issues when. When the website responds down mobile. We didn't want that hanging over the side would be possible. Yes. But is it worth eight hours of development time to get every single break point right for this element? I don't think it was. So there' use of time to do more complex stuff with the other stuff that we have planned. So that is where we stand with the homepage. Does that all feel pretty good to you guys? Other than that, the, the product pods.

Annalynne Talbert: Yeah, I was gonna say last week we came and I think like right before I jumped back in that area where we have, we want to have like a branded animation from our stuff and we still need to work on choosing what we want to do on our end for that. That's just. Okay, cool. And so we'll just give you that asset when we have it like animated and ready.

Chris LaFay: Yes, that all sounds good. Wonderful.

Lydia Rosenberg: And then Chris, for the trusted buy section, are we able to do either one of the two things that we, we had asked for, which is either having those be scrolling so we can show more logos or having it be two rows?

Chris LaFay: Yeah, so we'll probably go the two row route here. And this also will be a simple block. So this will just be a column layout with grayscale logos. And so by doing that, that gives you the ability to put whatever you want in there effectively. So the answer to that is yes.

Annalynne Talbert: Okay.

Lydia Rosenberg: And then could you talk us through just real quick the removal because you, you mentioned it and I think Annalyn hadn't hopped on yet the removal of the line divider between like the difference and most video agencies because you mentioned that it just, it's going to make it easier for subsequent blocks. I just want to just ask your, your story.

Chris LaFay: Yeah, this was so the reason I mentioned that was so that it would allow you to have a center lined headline with that line there. It didn't feel, it didn't feel as right with the line there being kind of butted up against the text but without it having the option to have center line text with headlines. Which this will actually be a really good segue into the block library stuff. Being able to then do kind of a center line hero section and whatnot works out better without the line being super long like it was before. So just it's a very small little tweak, a little small change, but I feel like it'll work out better long term.

Lydia Rosenberg: Okay, great. I just want to have the, your reasoning and all that captured so that when someone else asks where it went, we have the answer. So thank you.

Chris LaFay: Yeah. Any other questions on the homepage.

Lydia Rosenberg: For the. Sorry, can we go back up to the top real quick? Sorry. I know you. We just went through some things a little quickly. We don't know. I don't think we loved the. Of the navigation bar, the green highlight like the green box highlight over like how it's highlighted over home right now. I think we just wanted to just, just change color so that like if we're on home it's white. If we're on products, products is white, etc. Analyn remind me is, is that correct or. Yeah, okay.

Annalynne Talbert: Yeah. And I think it was. Yeah, yeah. We just want the type to change colors whenever it's on that page.

Lydia Rosenberg: Yeah. So, like, on the homepage it would be white, et cetera. And then. Excuse me, Chris, you mentioned getting rid of the triangles up there as well. As you're kind of like hovering. Is there a way to have. I don't know, is there a way, like, to where if you hover, like, if we're on the homepage and we hover over products, does products turn white as we hover? Like, it's some sort of reaction. I'm trying to remember what it was before or like, I know it was the box. Right. But then I think also the triangle was kind of reacting as well. So I just want to make sure if we're getting rid of the box, we're getting rid of the triangle, that there's still some sort of, like, response of, oh, I'm hovering over products.

Chris LaFay: Yes. I'm assuming that that would just also be white as well. Because really, with. With the color scheme that we have here, if we're not going to use a box to showcase. If we're not going to use a box to showcase active or hover, and we're not going to use the triangle to showcase either as well, the only option we really have is to color it white because we can't really go gray or other darker colors.

Lydia Rosenberg: Yeah, yeah, I'm totally fine with that.

Chris LaFay: So the only really thing that we have here would just be to. To hover it white, basically.

Lydia Rosenberg: Okay.

Annalynne Talbert: Are we still doing our buttons when they turn like that neon green color?

Chris LaFay: Yes. Yeah. There.

Annalynne Talbert: That was cool.

Chris LaFay: Yeah, I'm just kind of in the visual mode at the moment. I'm kind of the editing mode and. Perfect.

Lydia Rosenberg: Cool.

Chris LaFay: Yes.

Annalynne Talbert: Okay.

Lydia Rosenberg: Okay, great.

Chris LaFay: So basically all of your buttons. Your buttons will. Basically you'll have the option of doing dark buttons, primary buttons, or light buttons, and they all will be structurally the same. They will have the same kind of border, kind of.

Lydia Rosenberg: Yeah.

Chris LaFay: Stuff with it. The same letter spacing, the whole nine yards. You'll just have the option to go light, dark or green. And so all of them will then hover over to the yellow.

Lydia Rosenberg: Perfect.

Dawn Audano: Awesome.

Lydia Rosenberg: Love that. Sorry, I had one more question. This is all also looking really great, so thank you, Chris. By the way, if we haven't already said that before, we just, like, launched into feedback, but this is really wonderful. So thank you for everyone. And obviously, I know you're in edit mode, but we would be able to have that sort of like, pinned navigation bar as you scroll, correct?

Chris LaFay: Yeah, that. Yes. And that. Yeah, that. That's something that we do by Default. We forgot to toggle it on inside of Figma last time.

Lydia Rosenberg: Perfect. All good. No.

Chris LaFay: Yep.

Lydia Rosenberg: And does it. And I know that Landon will ask, what does it have? Will it have that sort of effect where it's sort of like a blur? I don't know what the right effect is. Analyn. Where it's not like, it's not like.

Chris LaFay: It'll either be. It'll either. Sorry, I canceled my screen share on accident. It'll either be translucent black or it'll be. It'll have a CSS property that will blur. This is Chris not knowing coding as well as I once used to, but I believe there are simple properties that allow you to basically say to blur whatever is underneath. But I'm not 100% sure. What I basically don't want to do is load up a lot of these like, script libraries to make one single element instead of just simple translucency to blur the background. Because that's a lot of overhead of scripts to just do one tiny little thing. So it'll either be like an 80% opacity sort of thing, or it'll also be blurred. It'll be. That makes sense.

Lydia Rosenberg: Yeah. Yeah. I just want. I'm trying to put on my hats of the various people who are not on the call right now and make asking this thing the. The one last thing I wanted to ask about is our most recent project section. I'm trying to. Because this is, this is definitely like a lot more than like, this is more aligned with what we were looking for for sure. I kind of like, I see what we're doing here where we're like, really like putting the, like, focus on a singular video and then obviously, like, we can do the scrolling. I guess I'm. I'm curious if there is a reason or just if it's a stylistic choice. Like, because we really like, honestly, like, we really like how it is on our website and it's basically showing three full ones at the same time.

Annalynne Talbert: I think they might be cropped on the edges like a hard crop.

Lydia Rosenberg: When they're, I mean, I'm looking at it right now, they're not okay. But like, I, I, I, I. I'm sure, like part of it is like, you know, showcase that there's more. So like you, like, in order to you kind of seeing part of one, you're getting them interested. Scrolling to the right. I'm not saying that it's a hard no on this. I'm just curious if there was like, reasoning behind it or if it is possible to do just like, essentially like what we have on our current website, if that's what the team wants to do.

Chris LaFay: So the thought here was that when you have three that are completely 100% visible, a lot of times the arrows are missed. They just kind of look like pods. You scroll down the page and so the thought here was to showcase movement in some way, shape or form to scrolling and by. And by highlighting one at a time and forcing kind of people to focus in on that.

Lydia Rosenberg: Yeah.

Chris LaFay: Does it matter? No. We could just make these three pods that are all exactly the same size and put arrows. We would actually probably put the arrows down below in that case.

Lydia Rosenberg: Yeah.

Chris LaFay: Because we don't want to break the. We don't want like that mobile responsiveness issue of having stuff kind of over the edges with the arrows. And so this just promotes scrolling a little bit better, in our opinion. And so.

Lydia Rosenberg: Yeah, I hear. I do hear you. I'm not saying you're wrong by any means. I think I'm just. I really. Yeah. Okay. Is that something that we can. With some of these things? Could we do like one more like quick internal regroup on some of these decisions and get final things? I know we're trying to finalize this, but is that okay?

Chris LaFay: So. Yeah. So the way that. So the way this will work is the. The two blocks that we made larger changes to were this one and this one. And so we have one round of block library qa and all the blocks that I'm about to show you, you've seen iterations of them already in the past. And so we have one round of QA on those blocks. So what we will need today is just approval of this homepage layout as it is, is solid, barring the slight tweaks to this in slight tweaks to this so that we have approval that all of this is solid and good to go.

Lydia Rosenberg: Okay.

Chris LaFay: And then now we'll.

Lydia Rosenberg: Yeah, yeah. And again, we can have that by end of day today. Again, I just want to make sure that we're. We get the powers that be full sign off and we can absolutely get it today. It's just. I just want to make sure we have until end of day, if that's possible.

Chris LaFay: No, that's perfectly fine.

Annalynne Talbert: Thank you.

Chris LaFay: And then this will be the piece. So this is what will then enter into the actual. The round of QA on. Actually on all the blocks. And so the blocks here we have like the homepage here, which has, you know, both these buttons as options. And then down here we have our Project section scroller. So we'll do QA on. We'll do one more round of QA as a part of this on. The problem with massive art boards is they're hard to find things.

Lydia Rosenberg: I'm sure Annalyn knows that struggle.

Chris LaFay: So we'll do a round of QA on this as well as this as well, which will obviously edit the homepage. We want to make sure that we're basically locking in the homepage layout.

Lydia Rosenberg: Got it. Makes sense.

Chris LaFay: So let's actually dive into some of the blocks here. So what you're going to see is a lot of different options. Now, we're not necessarily going to code out every single option, and I'll explain why here in a second for each of them, but we've taken the block library that we had listed out over here, and we basically found ways to give you guys a lot of options within each of these so that you have as much flexibility as humanly possible. That's the goal. So starting over here with the small Hero section, this is a block that you will have a lot of flexibility with. So you'll be able to add background images, background videos, and then inside of it, you'll then be able to add in whatever text you want. So a header, one, a paragraph, multiple buttons, multiple paragraphs, if you so desire. I don't recommend it, but you could. So we're not. We're basically what we. Let me actually back up a step. We know that you guys are very artistic. You guys can create a lot of graphics. We don't have a budget to create a ton of different graphics for you guys. So we wanted to create a system so that as you guys create different graphics, you could then embed them very easily into the site. So rather than spending a lot of time and building less things, but then being more artful, we wanted to build you more things that you could then inject your art into.

Lydia Rosenberg: Makes sense.

Chris LaFay: Yep. So this is one Hero section that has a lot of different options. And again, you'll be able to upload background images and choose with that background image. Do you want to align to the bottom right hand corner, the top left hand corner, whatever that happens to be.

Lydia Rosenberg: Okay.

Chris LaFay: Then we have our large Hero section, which will also have the ability to have a video, an image, a solid color. And then the difference here is this will just take up the full height of the screen and the text will be aligned to the bottom left hand corner. And within the content, you'll have the ability to drop in headers, paragraphs, buttons, whatever you would like within WordPress. Then we have our simple left and right content sections here. Nothing too crazy that's happening. This will be a basic two column block with your headings, different paragraph sizes, buttons. This will be extraordinarily flexible. You can drop a YouTube embed or a Vimeo embed here if you so desire, or an animated gif if you'd like.

Lydia Rosenberg: Okay.

Chris LaFay: Then we have what is our, what we're calling the video call out, which is basically the window. You'll be able to drop a window anywhere and inside of the window will be completely flexible. So you. This is basically a two column block with a heading at the top, a paragraph, a bulleted list and a video embed there. So you'll be able to do whatever you would like to within the window and you will not be required to stack them on top of one another.

Lydia Rosenberg: But we could if we wanted to. So if we wanted to have that same effect like on one of our, I don't know, just another product page or something like that, we could do that. Correct? Okay.

Chris LaFay: Yep. There will basically be a grouping thing that you'll put. You'll put in place first. It'll be kind of like a, like a collapsible container, if you will. And then inside of that collapsible nature, you'll drop in window one window, two window, three window. And then because they're inside that collapsible grouping, they will all slide up together. Don't have to worry about memorizing any of these things right now. I'm just trying to give you like a taste of what the flexibility, what the options are.

Lydia Rosenberg: Yeah, no, I like this.

Chris LaFay: So now we have our larger called action. And this is where some of the artistic flexibility comes in. This will also be a simple like container that you can put a two column block in. You could put a header block in. You could do whatever you want to inside of it. It'll just be a solid color background here for you. But there's going to be an image upload section that will either align to the bottom right or the bottom left of the block. So Claude just did a really simple thing here. You would basically just upload a transparent PNG file and tell it do you want it to align on the bottom left or the bottom right and it will then stick there. So obviously you have to use discretion in terms of if you have, if you have text over here on the side, you would want to make sure that you aligned it to the bottom left so that it overlays the image. But this allows you guys to add different texture effects across the site without having to do any sort of crazy development. These are kind of the simple texture things that we're thinking about here.

Lydia Rosenberg: Here.

Chris LaFay: Does that make sense?

Lydia Rosenberg: Yes.

Annalynne Talbert: Yeah. Are those hearts animal? Like, is that an animating element?

Chris LaFay: You could, you could make it an animated gif. Like there, there's no, nothing stopping you from making like uploading like an animated GIF to these as long as they have a transparent background, obviously.

Annalynne Talbert: Okay, so we.

Lydia Rosenberg: So basically, and yeah, Analyn, we could design whatever we want for each. Any, any section like this and then just. And it could be overlaid on top of the content. Is that correct, Chris?

Chris LaFay: Yes.

Annalynne Talbert: That's cool. I like that.

Lydia Rosenberg: Yeah, yeah.

Chris LaFay: So those are going to be our large call to actions. And you will have the ability to change the background colors and things like that. So like, you could even do something along these lines where if you had little soft gradients that you wanted, or if you wanted to pull the little like, you know, the circle overlay. Yeah, like, or if you wanted to do something center aligned, you could then add a background image to it where your little icons and stuff are kind of pushed off to the side, leaving space in the middle. So, and please ignore the buttons here. This wasn't one of the older elements, one of the first elements that Claude designed. We just didn't update it with the updated buttons. So then we have our thin CTA here. So this is kind of be like those inline ones that kind of span across. And again, you'll have the ability to change background colors, text colors, the whole nine yards. We have our Frequently Asked Questions. This will be your Frequently Asked Questions block over here where you'll just add as many questions and answers as you'd like and they'll animate up and down. And then we have a couple different versions of the icon pods. And these will be a custom block. So what I say by that is you will have the ability ignore the headline section here. Let's just look at this right here is there will be a block where you basically fill out a form and every row in that form you'll have the ability to upload a PNG icon, type in a header text and type in descriptive text. And then you'll select do you want it to be one column, two columns, three columns, four, and would you like it to align to the left or would you like them to be pods? And then all of this just magically clicks in together.

Annalynne Talbert: Cool.

Chris LaFay: So that way for these things that apply, add A little bit of a. More of a layout element to it. We like to control the code of that so that they just work and then we can control sizings very well so that everything kind of stays in alignment with one another. That makes sense, relatively speaking, without seeing what the back end looks like. Does that make sense?

Lydia Rosenberg: It does, it does.

Chris LaFay: And I know we're going over a lot of things really quickly here.

Lydia Rosenberg: I know, I know you got a hard stop, but we appreciate you. So. Yeah.

Chris LaFay: So basically for the blog postcards here, we basically took the, the case study card or the project section and just kind of shrunk them down. We'll put the, the blog post name in the header section. We'll pull the excerpt in instead versus what we're doing for the project cards. And then obviously the read post will be the call to action. So whenever we have a grid of posts, that's basically what it'll look like.

Annalynne Talbert: Cool.

Lydia Rosenberg: And Chris and I may and tell me if I'm getting off base here, but like, could we have it to where like when you go to like read post, it highlights that lime green color. Like.

Chris LaFay: Yes. Yeah, it'll be the same hover as this one. We're not in view mode, but the, the hover state for this was the, the dark. This color over here. So when you hover over this, it'll be the. It'll be the exact same thing. We're actually gonna take the same code for the projects and just replicate that for the blog posts.

Lydia Rosenberg: Okay. So if we want it to be. All right. Okay, we'll get back to you on the, on the featured project section because. Yeah, I think we just got it. We got to decide what we want to do with that one. Okay. But cool.

Chris LaFay: Whatever we decide to do here, we will then copy for the blog post, basically. So, like the structure of them is going to be very similar. Obviously things like video type will not exist. It'll be replaced with excerpt. But whatever we decide for this layout, from a consistency standpoint, we'll also use up top here. Just smaller, different widths and structure, different like ratios and things. But there will be consistency between these two elements.

Lydia Rosenberg: Okay, cool.

Chris LaFay: That is the 20 minute version of the block library. Did anything major stand out?

Lydia Rosenberg: No, I mean, nothing major stood out right now, but can't guarantee that we won't have questions.

Chris LaFay: Yeah, no, that's perfectly fine. So what I'm going to do is Don will send over the link to this block library section and if you guys want to drop comments on this, that would be great. Ignore all of the stuff over here on the kind of. On the far right hand side. Those just kind of are like individual elements. So if you want to leave comments directly on kind of this middle column here.

Annalynne Talbert: Okay.

Lydia Rosenberg: And then are you. And are you able to send us the. Are we going to be able to look at the updated homepage as well?

Chris LaFay: Yes, we're going to move. We're going to move the other art boards inside the homepage, mock up over to a different page so that there's no confusion. And then. Yes. So you'll have access to view this one here. We'll move all the other ones to the archive.

Lydia Rosenberg: And for the home page, like you said, like, we're going like, like the blocks. Like if we're leaving feedback on, like the featured projects block, like that should really be more on the block QA rather than the home. Like the homepage is more things that are specific to the homepage, like structure, like order of sections, like footer.

Chris LaFay: Yeah.

Lydia Rosenberg: Nab, like that kind of stuff. Is that correct?

Chris LaFay: Yeah. So the. Yeah. So the homepage here we're basically going to be done with in terms of its layout and its structure. The only two things that we should be really doing QA on are the where to go. This product piece here and the. Wasn't the hero section, it was the project project down here. So, yeah, all your comments for this round should be left in this art board here. And then we should have approval on just the overarching layout of this homepage. That's what we're looking for with this is approval for that.

Lydia Rosenberg: Okay, but if we have feedback, we can we leave feedback here. Like if there's something like again, like.

Annalynne Talbert: I mean, like any typography stuff.

Chris LaFay: Stuff.

Lydia Rosenberg: Yeah, like any in terms of type.

Chris LaFay: So leave the. So leave your feedback here on at the block level. So this will. What we're looking to do is we're looking to kind of lock in the homepage layout today because we only have one round of QA on the general art style and art direction that we're going. And it seems like the art direction that we have is solid and good to go. And so the only feedback that I, from what I'm hearing that we're going to have is basically on this block here and this one here.

Lydia Rosenberg: Got it. But like the things like getting rid of like the green hover on the nav bar, like, like that kind of stuff. Okay, that should be in the block section.

Chris LaFay: Yes, go ahead and leave that in the block section. I don't think the nav bar is in here. I think that's one of the only. The block. The footer. Yeah, the. I'll. I'll drop the nav bar in here because I know you had a couple comments on that.

Lydia Rosenberg: Okay, great.

Annalynne Talbert: Okay, thank you.

Lydia Rosenberg: I know we went over. Thank you, Chris. We appreciate it.

Annalynne Talbert: Thank you so much.

Lydia Rosenberg: Thanks.

Chris LaFay: I'll catch you guys a little bit later.

Lydia Rosenberg: Okay. Bye. Have a great day.

Chris LaFay: You too.