Now for the testimonial section. 1
Let's actually copy the card from the wireframe and make eddits on it. 2
That should theoretically save us time. 3
To change the styles you have to click unlink. 4
So they're not linked to that wireframe kit styles. 5
♫ 6
♫ 7
♫ 8
♫ 9
Let's find some profile photos for testimonials. 10
♫ 11
♫ 12
♫ 13
One thing you should never do, is share designs with your client that has repeated dummy photos like 14
this. 15
This doesn't look very nice and sort of ruins they impact your design can make when sharing it with 16
the client. Even with the names, it doesn't really take much time to come up with some random names. 17
But the visual flair is way more impressive. 18
Looks real and can be appreciated better. 19
There are some plugins that you could use for Figma, that can create dummy content. 20
This one that I'm currently trying is called. Content Reel and it can actually do a pretty good job with 21
creating dummy names. Inside the Resources page, I have put the link where you can find all the available 22
Figma plugins. So you can go through that and find some different plugins that's going to help 23
you sort of speed up your workflow. 24
Similarly what I like to do with dummy paragraphs, is to use different text, instead of just having the 25
same exact thing repeated. You see in the wireframes we didn't bother about that, because it's wireframes 26
they are supposed to look bland. But in designs, we want things to look as real as possible. 27
Alright. 28
Looking swell. 29
I'm gonna do the same thing with the footer, copy it from the wireframe and style it right there. 30
As I mentioned before, I want to use this dark style footer. 31
Lets try using our dark blue. 32
It's OK. But I'm going to desaturate it a little. 33
So, it has less blue in it. 34
I'd like it to be a bit more subtle. More towards black or grey. 35
Luckily we know how to fine tune colors, don't we? 36
You can refresh your memory by watching fine tuning lesson. In the color section one more time. 37
I've been teaching you a lot of concepts in this course, so it's natural for them to slip out of your 38
mind. 39
Going back to those lessons when you need it, is a great way to solidify your knowledge. 40
We can remove some of the blue from the color, by decreasing the saturation. Change the drop down to 41
HSB which is Hue saturation and Brightness. That makes the 2nd box to be saturation. And 42
the percentage value, you just decrease it. 43
It's still the same Hue. 44
And this new color still fits well within our palette. 45
♫ 46
♫ 47
♫ 48
♫ 49
♫ 50
Just playing around with colors and sizes here. 51
I like footer links to be faded and small. 52
♫ 53
♫ 54
♫ 55
And that's it. 56
Let's have a look at it in the presentation mode. 57
So, our home pages is done and looking pretty slick. 58
We have two more pages left. 59
The blog grid and the blog post page. And we'll get to that in the upcoming videos.