Container-1280
Figma to Webflow Design System
Welcome to the website. If you're here, you're likely looking to find random words. Random Word Generator is the perfect tool to help you do this.
Colour Palette (Solid)
#EA5820
primary-color
#EAA520
secondary-color
#141414
primary-accent
#9D9D9D
secondary-accent
#000000
default-dark
#ffffff
default-white
Colour Palette (Gradient)
#EA5820
#EAA520
primary-gradient
#EA6920
#7920EA
secondary-gradient
#323232
#626262
accent-gradient
h1 heading
64px/72px | 4em /4.5em
h2 heading
48px/56px | 3em/3.5em
h3 heading
24px/32px | 1.5em/2em
h4 heading
20px/28px | 1.25em/1.625em
h5 heading
18px/26px | 1.13em/1.63em
h6 heading
16px/24px | 1em/1.5em
It was a weird concept. Why would I really need to generate a random paragraph?
Paragraph Large
24px/32px | 1.5em/ 2em
Paragraph Large Mobile
20px/28px | 1.25em/ 1.75em
It was a weird concept. Why would I really need to generate a random paragraph?
Paragraph Medium
20px/28px | 1.25em/1.75em
Paragraph Medium Mobile
18px/26px | 1.125em/ 1.625em
It was a weird concept. Why would I really need to generate a random paragraph?
Paragraph Regular
18px/26px | 1.125em/ 1.625em
Paragraph Regular Mobile
16px/24px | 1em/1.5em
It was a weird concept. Why would I really need to generate a random paragraph?
Paragraph Small
16px/24px | 1em/1.5em
Spacing
Margin Bottom/
Right Default
Right Default
margin-bottom-8
margin-bottom-16
margin-bottom-24
margin-bottom-32
margin-bottom-40
margin-bottom-48
margin-bottom-56
margin-bottom-64
margin-bottom-72
margin-bottom-80
Spacing
12 Grid Columns
Container-1064
Container-848
Accordion
Default template accordion
Dropdown Label
Dropdown Label
Dropdown Label
Dropdown Label
Dropdown Label
Pop up
Default template for Pop up
Padding Sections
padding-section-t80-b240
padding-section-128
padding-section-120
padding-section-80