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

Comment ça fonctionne

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.

Comment ça fonctionne

Notre logiciel aide à augmenter votre productivité en optimisant l'allocation de vos ressources efficacement. Avec des recommandations rapide, notre système fournit rapidement un équilibre harmonieux entre l'excellence opérationnelle et la fabrication durable.

Un système conçu pour les planificateurs

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.

Planification intégrée

Dans un marché du travail tendu, la sous-utilisation des ressources constitue une perte pour tous. Avec Kaster, vous pouvez vous assurer que vos horaires de production et de main-d'œuvre qualifiée sont bien intégrés et alignés pour réduire les heures supplémentaires, augmenter la satisfaction au travail et utiliser au mieux tous les actifs de production.

Efficacité des actifs

Notre plateforme identifie les goulots d'étranglement et les ressources inutilisées, vous permettant ainsi d'allouer les actifs plus efficacement. Découvrez une nouvelle norme en matière d’excellence opérationnelle avec une utilisation optimisée des actifs.