Style Guide

Client-First Version 1.0 + Beyond

Text Fonts

text-font-1
Beyond’s sparkly website? Objectively amazing, exquisite, and fire!

text-font-2
Joyful Trixia, Figma queen, is weaving the brand checklist with poise, awe, and zing!

text-font-3
Amazingly few discotheques provide jukeboxes.

HTML Heading Tags

H1
Sample text is being used as a placeholder.

H2
Sample text is being used as a placeholder as real text.

H3
Sample text helps you understand how real text may look on your website.

H4
Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look.

H5
Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look on your website. Sample text is being used as a placeholder for real text.

H6
Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look on your website. Sample text is being used as a placeholder for real text that is normally present.

Heading Classes

heading-huge

heading-xxlarge

heading-xlarge

heading-large

heading-medium

heading-small

heading-xsmall

heading-xxsmall

SubHeading Classes

subheading-large

subheading-medium

subheading-small

Other HTML Tags

All Paragraphs
Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look on your website. Sample text is being used as a placeholder for real text.

All Links

All Quotes
Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look on your website. Sample text is being used as a placeholder for real text.

Text Classes

text-size-large
Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look on your website. Sample text is being used as a placeholder for real text.

text-size-medium
Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look on your website. Sample text is being used as a placeholder for real text.

text-size-regular
Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look on your website. Sample text is being used as a placeholder for real text.

text-size-small
Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look on your website. Sample text is being used as a placeholder for real text.

text-size-tiny
Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look on your website. Sample text is being used as a placeholder for real text.

text-style-strikethrough

text-style-italic

text-style-muted

text-style-allcaps

text-style-nowrap

text-style-link

text-style-quote
Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look on your website. Sample text is being used as a placeholder for real text.

text-style-2lines
Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look on your website. Sample text is being used as a placeholder for real text.

text-style-3lines
Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look on your website. Sample text is being used as a placeholder for real text.dolor sit amet,

Text Weights

text-weight-xbold

text-weight-bold

text-weight-semibold

text-weight-medium

text-weight-normal

text-weight-light

Text Alignments

text-align-left

text-align-center

text-align-right

Text Colors

text-color-white

text-color-grey

text-color-black

text-color-green

text-color-blue

Rich Text

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Sample link text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look on your website. Sample text is being used as a placeholder for real text.

The rich text element allows you to create and format headings
The rich text element allows you to create and format headings
The rich text element allows you to create and format headings

This is a link

Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look on your website. Sample text is being used as a placeholder for real text.

This is a placeholder image.

Color Palette

Primary

Secondary

Text Color

Background1

Background2

Others

White

Black

Cool Grey 1

Cool Grey 2

Cool Grey 3

Cool Grey 4

Cool Grey 5

Cool Grey 6

State Error

State Warning

State Success

State Informational

Backgrounds

Patterns

Buttons

button button-secondary button-text

button text

All Text Links

Icons Sizes

Icons 1x1 Sizes

Social Media Icons

share Icons

*copy js library and function at the footer code

Beyond Easter Egg

Dynamic Year
*Check JS at the Site FOoter Code

Webflow Elements

List

Sample text is being used as a placeholder for real text that is normally present.
Sample text is being used as a placeholder for real text that is normally present.
Sample text is being used as a placeholder for real text that is normally present.

Form

Thank you! Your submission has been received!

Oops! Something went wrong while submitting the form.

Customer testimonials

“We’re pleased to have renewed our agreement with Intoware. WorkfloPlus has become an integral part of what we do. It’s a very easy to use platform that ensures we’re tracking deliveries and monitoring customer satisfaction at all times.”

Joe Maycock

Ahrend UK Ltd, Logistics Director

Read case study

“Finding efficiencies while maintaining and improving quality and sustainability across all areas of aviation is at the heart of what we do at DARTeC, and the WorkfloPlus technology enables us to achieve this.

Dr Ip-Shing Fan

DARTeC, Senior Lecturer in Enterprise Systems

Read case study

“Since this is now an official part of our evaluation process, and more seamless than pen to paper, the number of completed failure reports has increased 60% vs last year. Additionally, our sales team reports that the software has greatly aided their efforts in closing jobs.”

David Crowther

Sales Representative

Read case study

"Using paper-based checks was something very ingrained into the processes here, and even highly experienced staff can sometimes miss something, so WorkfloPlus seemed a great starting point for our desire to change and modernise the way we work."

Read case study

"It’s opened up our eyes to different ways of working. There’s a lot of the older generation in Welsh Water, so WorkfloPlus will help us get their input into the future."

Cerys Middle

Dwr Cymru Welsh Water

Read case study

"WorkfloPlus allows us to show the engravings on individual parts and of course you can enlarge the photo for even finer detail. It also means that lots of the many smaller checks are never missed, like checking the paint film build next to the cap, it’s easy to forget unless you have digital instructions to follow."

Mike Wise

Rimstock Ltd

Read case study

WorkfloPlus is an integral part of our Digital growth strategy as we continue to broaden our use of technology and digitise our business processes.

Richard Smith

Pirie & Smith, Business Lead Unit

Read case study

"There is a constant need to provide evidence to both internal and external regulators regarding quality, health and safety and environmental controls. Having the ability to track and report on the development of a process was not possible with our old paper processes."

Dwr Cymru Welsh Water

Read case study

“By working smarter, not harder and ensuring we get it right first time is the remit of this WorkfloPlus and HMT project, enabling frontline efficiencies of up to 70 per cent and significant track safety improvements."

Chloe Denham

Central Railway Systems Alliance

Read case study

“We justified WorkfloPlus on how much it would cost to hire someone to collate compliance data, before an individual employee would track the rate of production and what assemblers had built. By automating this work it simply pales in comparison to what we’d pay an operator to complete the same work, plus we wouldn’t get the information as quickly.”

Miles Carrio

Carrio Cabling Corporation

Read case study

“After bringing WorkfloPlus into our business, we estimate a saving of around £8m over 5 years in better stock management & improved visibility which helps decision making.”

George Jamieson

BP, Shipping Project Superintendent

Read case study

Splide styles

“Finding efficiencies while maintaining and improving quality and sustainability across all areas of aviation is at the heart of what we do at DARTeC, and the WorkfloPlus technology enables us to achieve this.

Dr Ip-Shing Fan

DARTeC, Senior Lecturer in Enterprise Systems

Read the full story

Resources

View all

Intoware

Style Guide

H1Sample text is being used as a placeholder.

H2Sample text is being used as a placeholder as real text.

H3Sample text helps you understand how real text may look on your website.

H4Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look.

H5Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look on your website. Sample text is being used as a placeholder for real text.

H6Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look on your website. Sample text is being used as a placeholder for real text that is normally present.

heading-huge

heading-xxlarge

heading-xlarge

heading-large

heading-medium

heading-small

heading-xsmall

heading-xxsmall

subheading-large

subheading-medium

subheading-small

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

List

Form

Customer testimonials

“Finding efficiencies while maintaining and improving quality and sustainability across all areas of aviation is at the heart of what we do at DARTeC, and the WorkfloPlus technology enables us to achieve this.

Resources

Revolutionising Health and Safety with Digital Transformation

MEPCA - April 2024

Intoware Welcomes John Higgs

Digital Transformation Bytes: Episode 8

When it comes to Continuous Improvement – don’t forget your people!

3 Reasons Why Humans are Critical to Digitalisation

WorkfloPlus Empowers Operational Unity

Enhancing Traceability in Manufacturing

Enabling Digital Transformation in Manufacturing

Ahrend UK Ltd renews digital automation deal

Rail Professional Q&A - March 2024

Intoware are excited to be hitting the road again

Discover the Future of Aviation MRO Inspections with WorkfloPlus

Digital Transformation Bytes: Episode 7

Upskilling Workforces Through Digital Work Instructions

Digital Transformation Bytes: Episode 6

Revolutionising Field Service Operations

Digital Transformation Bytes: Episode 5

Servitization and Digital Transformation: Why the two must go hand-in-hand

Digital Transformation Bytes: Episode 4

What's next for Digital Transformation Bytes?

Meet the Team - Elenor Gordon

Make Perfect Mince Pies Every Time

2024 and beyond

The Crucial Role of Data Security in a Connected World

Digital Transformation Bytes: Episode 3

Empowering Sustainable Practices with Digital Work Instructions

Intoware takes the show on the road

Digital Transformation Bytes: Episode 2

Digital Transformation Bytes: Episode 1

Intoware Launches Digital Transformation Bytes Podcast

Rail Case Study Video

Intoware celebrates inaugural RealWear certification status

Digital Transformation for Field Service Engineers: A Path to Servitization

At the heart of digital transformation is compliance

Solving the Skills Shortage Crisis

What is WorkfloPlus?

How can Digital Work Instructions Help Manufacturers?

Your 10-Step Plan to Transform a Workforce into Connected Workers

Intoware dials up expert connection with ‘Live Phonebook’ functionality

Taking the first steps on your digital transformation journey

Digitalisation: The Key to Compliance

Product Launch: RealWear Navigator Z1

Centranz WorkfloPlus Case Study

DARTeC Aviation MRO WorkfloPlus Case Study

WorkfloPlus

Leaders in STEM Podcast with Brad

Meet the Team - Brad Flook

Dŵr Cymru Welsh Water WorkfloPlus Case Study

Intoware helps digital aviation processes to take off at Cranfield University

WorkfloPlus on RealWear Technology

H1
Sample text is being used as a placeholder.

H2
Sample text is being used as a placeholder as real text.

H3
Sample text helps you understand how real text may look on your website.

H4
Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look.

H5
Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look on your website. Sample text is being used as a placeholder for real text.

H6
Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look on your website. Sample text is being used as a placeholder for real text that is normally present.