Ga naar content

Typography

Headings

Alle headings hebben als tekstkleur Black. Zie hieronder voor de kleuren op andere achtergrondkleuren. Het woord CO₂ komt vrij vaak voor, maak dus ook een stijl aan voor de sub en sup html-elementen. Zie ook deze Codepen: https://codepen.io/bmuller89/pen/bNNXNOg

Display

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Display font family serif

Heading 1 font family serif

Heading 2 font family serif

Heading 3 font family serif

Heading 4 font family serif

Heading 5 font family serif

Heading 6 font family serif

Body

Responsive schalen voor de standaard teksten, op basis van Tailwind breakpoints.

Paragraph leading text

Paragraph base text

Paragraph base text bold (font weight 700)

Paragraph large text

Paragraph large text bold (font weight 700)

Paragraph small text

Paragraph small text bold (font weight 700)

Paragraph extra small text

Paragraph extra small text bold (font weight 700)

Inline text-link

Colors

Kleurenpalet is gebaseerd op de standaard benamingen en schalen van Tailwind, het front-end framework.

Grayscale

White 
#ffffff
100 
#F2F2F2
200 
#E5E5E5
300 
#BAC9D0
400 
#9DB2BC
500 
#808080
600 
#525252
700 
#333333
800 
#262626
900 
#171717
Black 
#000

Red

Default 
#D75D36
400 
#DF8364
600 
#C15431

Purple

Default 
#6876AF

Green

Default 
#318161

Teal

Default 
#367786

Buttons

Solid

Button Button Button Button
Button Button Button Button

Outline

Button Button
Button Button

Text link

Text link
Text link
Text link
Text link

Pills

Case Study

Forms

Base element

Submit

Gravity forms

Oops! We could not locate your form.

Cards

Card (News)

New technology for cyanide removal and emission reduction in the steel industry

17 March 2026

To this technology

Cover (News) featured

Card (Knowledge Hub)

Technical Paper

Hyundai Steel Dangjin Blast Furnace No. 3 Bosh Repair

To this technology
Reference Project

ArcelorMittal Nippon Steel India Greenfield Blast Furnace Nos. 2 & 3

To this technology

Cover (Knowledge Hub)

Technical Paper

Hyundai Steel Dangjin Blast Furnace No. 3 Bosh Repair

Reinoud van Laar

23 March 2026

To this technology

Card Tile

BOF Steelmaking Converters

Custom designs for the longest possible campaigns

To this technology

Gutenberg

Image

core/image

Caption text here
Caption text here
Caption text here

Gallery

core/gallery

Caption text here
Caption text here
Caption text here
Caption text here
Caption text here
Caption text here
Caption text here
Caption text here
Caption text here
Caption text here
Caption text here
Caption text here

Media text

core/media-text block, aligned wide, stacked on mobile, vertically aligned top.

Our mission: competitive plant and process technology

Consequat sed pellentesque facilisis laoreet volutpat. Faucibus justo odio et purus nulla lacinia eu. Varius fringilla nunc interdum blandit adipiscing placerat malesuada ornare. Sed eget risus volutpat integer.

Consequat sed pellentesque facilisis laoreet volutpat. Faucibus justo odio et purus nulla lacinia eu. Varius fringilla nunc interdum blandit adipiscing placerat malesuada ornare. Sed eget risus volutpat integer.

Columns

core/columns sticky variation.

Our
values

Consequat sed pellentesque facilisis laoreet volutpat. Faucibus justo odio et purus nulla lacinia eu.

Passionate

You can reach us day and night and we are dedicated to our work in the global steel industry. We are passionate about our jobs. Consequat sed pellentesque facilisis laoreet volutpat. Faucibus justo odio et purus nulla lacinia eu. Varius fringilla nunc interdum blandit adipiscing placerat malesuada ornare. Sed eget risus volutpat integer.

Creative

We are ready to take up any challenge and will do everything in our ability to solve your problems. We are creative. Consequat sed pellentesque facilisis laoreet volutpat. Faucibus justo odio et purus nulla lacinia eu. Varius fringilla nunc interdum blandit adipiscing placerat malesuada ornare. Sed eget risus volutpat integer.

Adaptable

Consequat sed pellentesque facilisis laoreet volutpat. Faucibus justo odio et purus nulla lacinia eu. Varius fringilla nunc interdum blandit adipiscing placerat malesuada ornare. Sed eget risus volutpat integer. CO₂ savings up to 50% – 80%.

Group

core/group block, aligned content, aligned wide, with background color.

Core Group align none

Consequat sed pellentesque facilisis laoreet volutpat. Faucibus justo odio et purus nulla lacinia eu. Varius fringilla nunc interdum blandit adipiscing placerat malesuada ornare. Sed eget risus volutpat integer.

Core Group align Wide

Consequat sed pellentesque facilisis laoreet volutpat. Faucibus justo odio et purus nulla lacinia eu. Varius fringilla nunc interdum blandit adipiscing placerat malesuada ornare. Sed eget risus volutpat integer.

Has background

has-background sets the block spacing based on var(--spacing-block-y).

has-#{name}-background-color sets the heading and text color based on the background color.

Heading color

Paragraph color

has-black-background-color

Heading color

Paragraph color

has-white-background-color

Heading color

Paragraph color

has-gray-100-background-color

Heading color

Paragraph color

has-gray-200-background-color

Heading color

Paragraph color

has-gray-300-background-color

Heading color

Paragraph color

has-gray-400-background-color

Heading color

Paragraph color

has-gray-500-background-color

Heading color

Paragraph color

has-gray-600-background-color

Heading color

Paragraph color

has-gray-700-background-color

Heading color

Paragraph color

has-gray-800-background-color

Heading color

Paragraph color

has-gray-900-background-color

Heading color

Paragraph color

has-red-default-background-color

Heading color

Paragraph color

has-red-400-background-color

Heading color

Paragraph color

has-red-600-background-color

Heading color

Paragraph color

has-purple-default-background-color

Heading color

Paragraph color

has-green-default-background-color

Heading color

Paragraph color

has-teal-default-background-color