Figma Complete Website UI/UX Design | Mood Board, Wireframe, Webpages and Prototype скачать в хорошем качестве

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