Style Guide

An overview of Valor interface components.
Colors

Primaries, feedback colors and gray shades

Primary
Primary 2
Primary 3
Typography

Headings, body text, links and other common text elements.

Heading one

Heading two

Heading three

Heading four

Heading five
Heading six
Heading six - small
Large Text
Large Link
Body Text
Body Link
Small Text
Small Link
Tiny Text
Tiny Link
small uppercase text
Icons Social

Dark and light icons for commonly used social networks

Icons Interface

Common interface iconography

Buttons

Custom button styles for actions in forms, dialogs, and more with support for multiple sizes, states, and more.

Forms

Size and state variations for text inputs

Sizes
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Textarea
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Labelled Input
* Here is some input hint text
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Select
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Checkbox
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Radio
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Success Message
This is some text inside of a div block.
Badges

Combine with other components to display metadata

Badge Text
Cards

Structural component for displaying boxed content

Image Cards
Default Style

Some card text

Text Link
Expandable

Toggle element based on the Card for displaying discrete portions of information

Icon Arrangements

Preset arrangements for icons with associated content

  • Icon list item
  • Another item in the list
  • Have a great day
Rich text element

Preset arrangements for icons with associated content

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.

  • Lorem ipsum dolor sit amet, consectetur adipiscing elit.

What’s a Rich Text element?

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

Static and dynamic content editing

Static and dynamic content editing

Static and dynamic content editing

Static and dynamic content editing

A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings

rich text field

  • panel. Voila!
  • panel. Voila!
  • panel. Voila!
  • panel. Voila!

How to customize formatting for each rich text

Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.

What’s a Rich Text element?

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

Static and dynamic content editing

A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings

rich text field

  • panel. Voila!
  • panel. Voila!
  • panel. Voila!
  • panel. Voila!

How to customize formatting for each rich text

Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.

What’s a Rich Text element?

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

Static and dynamic content editing

A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings

rich text field

  • panel. Voila!
  • panel. Voila!
  • panel. Voila!
  • panel. Voila!

How to customize formatting for each rich text

Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.
Desinfectiezuil met dispenser
  • Model 'design'
  • RVS standaard
  • Dispenser met sensor
  • 1000 ml non-alcoholic desinfectiespray
  • Groot icoon om opvallend te zijn
Desinfectiezuil met dispenser
  • Model 'industrial'
  • RVS standaard
  • Robuust
  • Dispenser met sensor
  • Navulbaar met Alco Gel 80%
Alco Gel 80%
  • 80% ethanol
  • FOD-erkend
  • PT1 (handdesinfectie)
Alco Liquid 80% 1l fles
  • 80% ethanol
  • 1000 ml met of zonder spraykop
  • FOD-erkend
  • PT1 (handdesinfectie)
  • PT2 (oppervlakte desinfectie)
Huwa san tr3

Desinfectiemiddel op basis van waterstofperoxide

  • 3% oplossing
  • Geur- en kleurloos
  • 99,99% tegen virussen, bacteriën en schimmels
B-air uvc licht

Indirecte UVC-luchtdesinfectie unit

BpAIR zorgt voor 24-uurs luchtdesinfectie in aanwezigheid van mens en dier en verwijdert bacteriën, virussen en schimmel- en schimmelsporen in de lucht. Deze indirecte UVC-luchtdesinfectie-unit kan worden gebruikt in productiehallen, zorginstellingen, apotheken, openbaar vervoer, winkels en nog veel meer.

B-hybrid uvc licht

Directe en indirecte desinfectie-unit

B-HYBRID zorgt voor 24-uurs luchtdesinfectie in aanwezigheid van mensen en dieren en elimineert bacteriën, virussen en schimmel- en schimmelsporen in de lucht. Alle direct stralende armaturen hebben standaard een dubbele beveiliging met een bewegingssensor en extra veiligheid. Deze directe & indirecte UVC-luchtdesinfectie-unit kan worden gebruikt in productiehallen, zorginstellingen, apotheken, openbaar vervoer, winkels en nog veel meer.

Onze sectoren

Hotels, Restaurants & Frituren

Zorg &
Ziekenhuizen

Scholen

Bedrijven & Industrie

Schepen &
OffShore

Companies in group

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.

Samen met

Companies in group

We work with companies and established businesses to help..

We couldn’t have asked for a better team.

Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

See our work

Sub-service 1

Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

They helped us launch sooner and achieve spectacular results. We are thrilled.
Annabelle Porter, Grillz

Sub-service 3

Maecenas ut eget convallis sodales purus nunc purus, eget placerat convallis id.

  • Fast
  • Efficient
  • Takes 5 hours

Value 1

Accusantium doloremque laudantium, totam rem aperiam, eaque ipsa.

Value 2

Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam

Value 3

Adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Sub-service 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque sit amet nibh non justo suscipit dignissim eget ac tortor. Aenean bibendum orci eu purus facilisis, sit amet tempus sapien faucibus. Integer nisl quam, sodales ut fermentum in, rhoncus at leo. Quisque hendrerit mattis odio, in condimentum lectus ullamcorper at. Duis mollis convallis tellus faucibus sagitti.

  • Fast
  • Efficient
  • Takes 5 hours

Sub-service 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque sit amet nibh non justo suscipit dignissim eget ac tortor. Aenean bibendum orci eu purus facilisis, sit amet tempus sapien faucibus. Integer nisl quam, sodales ut fermentum in, rhoncus at leo. Quisque hendrerit mattis odio, in condimentum lectus ullamcorper at. Duis mollis convallis tellus faucibus sagitti.

  • Fast
  • Efficient
  • Takes 5 hours

A brilliant choice

Valor Services is de one-stop-shop voor professionele reininging in België en Nederland. Onze Valoristen zorgen voor een snelle en vakkundige oplossing. Altijd en met oog voor detail.
Neem contact op
Our History

We’ve come a long way.

Dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam
January, 2019
Awarded, again
Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam
July, 2015
Our new HQ
Tempor incididunt ut labore et dolore magna aliqua.  Ut enim ad minim veniam
August, 2010
We re-branded Hubble
Dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et.
September, 2008
Meet our new CEO
Consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et.

Great perks when you join

  • In amet, cras vestibulum egestas arcu placerat purus, amet et in euismod erat.
  • Donec mollis porttitor bibendum tempor tellus nunc magnis dictumst cras morbi.
  • Dui at vel at id elementum leo eu urna in amet etiam viverra urna diam eget cursus.

Join our growing team

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Driven by our shared passion

  • In amet, cras vestibulum egestas arcu placerat purus, amet et in euismod erat.
  • Donec mollis porttitor bibendum tempor tellus nunc magnis dictumst cras morbi.
  • Dui at vel at id elementum leo eu urna in amet etiam viverra urna diam eget cursus.