Join or log in to watch this lesson.
When you join Flowmingo you'll get access to every current & future course, lesson & project, for life.
Hero Content
In this lesson we use the tab component to build out the yearly & monthly pricing tables.
Project Setup
[TITLE v.one] Project Setup
The Header
[TITLE v.one] The Header
The Hero Section
[TITLE v.one] The Hero
The Logo Grid Section
[TITLE v.one] The Logo Grid
The Features Section
[TITLE v.one] The Features Section
The Examples Section
[TITLE v.one] The Examples Section
CTA Card
[TITLE v.one] CTA Card
The Footer
[TITLE v.one] The Footer
The Pricing Page
[TITLE v.one] Pricing
Colors
Primary 1
#000000
Primary 2
#8a8f98
Brand
#feb800
Headings
#FFFFFF
Border
#777777
Nav Links
#cdcdcd
Purple
#b186ff
Gold
#feb800
Green
#05d577
Blue
#3ca7ff
Typography
Font Family
Sofia ProFont Alternative
MontserratJumbo Heading
Size
100px / 72 / 60 / 48
Weight
900
Line Height
1.1
Letter Spacing
-2px
Color
#FFFFFF
H1
Size
80px / 72 / 60 / 48
Weight
900
Line Height
1.1
Letter Spacing
-2px
Color
#FFFFFF
H2
Size
60px / 48 / 36 / 36
Weight
900
Line Height
1.1
Letter Spacing
-2px
Color
#FFFFFF
H3
Size
28px / 28 / 28 / 24
Weight
700
Line Height
1.1
Letter Spacing
-1px
Color
#FFFFFF
Text Large
Size
25px / 25 / 22 / 20
Weight
500
Line Height
32px / 32 / 28 / 24
Color
#8a8f98
Default Text
Size
18px
Weight
500
Line Height
22px
Color
#8a8f98