Webflow Style Guide

Placeholder text

Heading

Heading

Heading

Heading

Heading
Heading

Colors

Template Colors

Secondary 1
#e8fafa

Secondary 2
#21CED0
Secondary 3
#63dcde
Secondary 4
#e7f2ff
Secondary 5
#2186CF
Secondary 6
#2BBFC6
Secondary 7
#DE7D70
Secondary 8
#54E9EB
Secondary 9
#202C65
Secondary 10
#E584F5

Neutral Colors

Neutral 800
#202C65
Neutral 700
##515a86
Neutral 600
#6F7F96
Neutral 500
#828B99
Neutral 400
#D5D9E0
Neutral 300
#F3F5F8
Neutral 200
#F8FEFF
Neutral 100
#FFFFFF

Typography

Theme Styles

How it works

Rich Text

Heading H1 - Aa Bb Cc Dd

Heading 1 - 48px/3 rem
Heading 2 - 40
px/2.5rem

Heading H2 - Aa Bb Cc Dd

Heading H3 - Aa Bb Cc Dd

Heading 3 - 32
px/2rem

Heading H4 - Aa Bb Cc Dd

Heading 4 - 28px/1.75rem
Heading H5 - Aa Bb Cc Dd
Heading 5 - 24px/1.5rem
Heading H6 - Aa Bb Cc Dd
Heading 6 - 20px/1.25rem

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus.

Paragraph Small - 18px/1.em

Lorem ipsum
enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Paragraph Default - 20px/1.667em

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Paragraph Large - 24px/1.583em

Bold - Lorem ipsum dolor sit amet

Bold Text

Italic - Lorem ipsum dolor sit amet

Italic Text
“Nisi quis eleifend quam adipiscing vitae aliquet bibendum enim facilisis gravida neque velit euismod in pellentesque massa placerat.”
Block Quote
  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  • Lorem ipsum dolor sit amet, consectetur.
  • Lorem ipsum dolor sit amet, consectetur adipiscing.
Bullet List
  1. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  2. Lorem ipsum dolor sit amet, consectetur.
  3. Lorem ipsum dolor sit amet, consectetur adipiscing.
Numbered List
Odio facilisis mauris sit amet massa vitae tortor.
Figure and Figure Caption

Icon Fonts

Line Icons Rounded

Line Icons Square

Filled Icons

Social Media Icons

Icons

Buttons

Button Primary - Small
Small
Button Primary - Default
Default
Button Primary - Large
Large
Button Secondary - Small
Small
Default
Button Secondary - Default
Large
Button Secondary - Large

Cards

Card default

Lorem ipsum dolor sit amet, sectetur adipiscing elit at sem ipsum dolor  ibendum arcu viverra ultrices ac viverra iculu orci duis et pellent.

Card default

Lorem ipsum dolor sit amet, sectetur adipiscing elit at sem ipsum dolor  ibendum arcu viverra ultrices ac viverra iculu orci duis et pellent.

How it works

Our AI-driven operations planning platform helps ramp up your productivity by optimizing your resource allocation.  With waste-reducing measures recommendations, our  system quickly provides a harmonious balance between operational excellence and sustainable manufacturing.

A system built for planners

Our system is engineered for planners navigating volatile manufacturing landscapes. With real-time access, they can swiftly adapt to disruptions and reoptimize plans on the fly. By automating this process, they can on doing their best work, right away.

Integrated Planning

In a tight labour market, under utilized resource is a loss on every side. With Kaster, you can make sure your production and skilled labor schedules are well integrated and are aligned to reduce overtime, increase job satisfaction and makes the best use of all production assets.

Asset efficiency

Our platform identifies bottlenecks and idle resources, enabling you to allocate assets more effectively. Experience a new standard in operational excellence with optimized asset utilization.