Figma Complete Website UI/UX Design | Mood Board, Wireframe, Webpages and Prototype

Описание: In this video, I'll create a complete team collaboration website in Figma. This includes the wireframe and webpages for the home, about, services, projects, and contact pages. Then, we'll move on to create a working prototype of the entire website design.

Like, share, and subscribe! Thanks for watching!

Text and images used in this project: https://github.com/KT3XS/Team-Collabo...

STYLE GUIDE
------------
Logo
------------
Font - Italiana
Weight - Regular
Size - 32
Line Height - Auto
Letter Spacing - 0%

------------
Header
------------
Font - Bricolage Grotesque
Weight - Regular
Size - 14
Line Height - 20
Letter Spacing - 0%

------------
Heading
------------
Font - Bricolage Grotesque
Weight - Regular
Size - 64
Line Height - 72
Letter Spacing - -0.25px

------------
Sub-Heading
------------
Font - Bricolage Grotesque
Weight - Regular
Size - 57
Line Height - 64
Letter Spacing - -0.25px

------------
Hero Section Body
------------
Font - Inter
Weight - Regular
Size - 20
Line Height - 28
Letter Spacing - 0px

------------
Button 1
------------
Font - Bricolage Grotesque
Weight - Regular
Size - 16
Line Height - 24
Letter Spacing - 0.5px

------------
Button 2
------------
Font - Bricolage Grotesque
Weight - Regular
Size - 12
Line Height - 20
Letter Spacing - 0.5px

------------
Submit Button
------------
Font - Bricolage Grotesque
Weight - Regular
Size - 16
Line Height - 24
Letter Spacing - 0.5px

------------
Body
------------
Font - Inter
Weight - Regular
Size - 18
Line Height - 26
Letter Spacing - -0.25px

------------
Mini Heading
------------
Font - Bricolage Grotesque
Weight - Regular
Size - 24
Line Height - 32
Letter Spacing - 0px

------------
Description
------------
Font - Inter
Weight - Regular
Size - 14
Line Height - 20
Letter Spacing - 0.25px

------------
Title
------------
Font - Inter
Weight - Italic
Size - 16
Line Height - 22
Letter Spacing - -0.25px

------------
Description
------------
Font - Inter
Weight - Regular
Size - 14
Line Height - 20
Letter Spacing - 0.25px

------------
Footer Heading
------------
Font - Bricolage Grotesque
Weight - Regular
Size - 18
Line Height - 24
Letter Spacing - 0.5px

------------
Footer Body
------------
Font - Inter
Weight - Regular
Size - 13
Line Height - 16
Letter Spacing - 0.4px

------------
Footer Logo
------------
Font - Italiana
Weight - Regular
Size - 13
Line Height - 16
Letter Spacing - 0.5px

Color Styles

Background - FFFFFF
Text - 1A2E35
Primary 1 - FF735C
Primary 2 - 385A64
Secondary - FFF0ED
Button hover - E56853
Button hover 2 - 4F7E8C
Pressed - 72B8CC

#tutorial #figma #figma_tutorial #figmacommunity #ui #ux #uiux #uiuxdesign #uiuxdesigner #uidesign #uxdesigner #webdesign #webdesigner #uidesignlearning #wireframe #moodboard #prototype #figmatutorialforbeginners #figmatutorials #figmatutorial #uidesigntutorial #uxdesigntips