Styleguide


Colors design tokens

Neutral

0
50
100
200
300
400
600
800
900

Primary

500
700
900

Secondary

50
100
300
600
800

Palette 1

Text 1

Text 2

Text 1

contrast 1 contrast 2



surface 2
Bekijk formulier elementen
Selecteer een optie

Palette 2

Text 1

Text 2

Text 1

contrast 1 contrast 2



surface 2
Bekijk formulier elementen
Selecteer een optie

Palette 3

Text 1

Text 2

Text 1

contrast 1 contrast 2



surface 2
Bekijk formulier elementen
Selecteer een optie

Palette 4

Text 1

Text 2

Text 1

contrast 1 contrast 2



surface 2
Bekijk formulier elementen
Selecteer een optie

Fonts:

--ff

Inter

--ff-neuton

Neuton

--ff-scale

Scale Condensed Medium

This is heading 1

This is heading 2

This is heading 3

This is heading 4

This is intro

This is body-1

This is body-2

This is body-3

This is body-4

Scoped text

Amet aspernatur dolores esse laborum maxime obcaecati quis quos similique veniam voluptatum. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Deleniti ducimus ea eius, harum ipsa nihil odio pariatur provident ratione reprehenderit voluptas voluptatibus! Lorem ipsum dolor sit amet, consectetur adipisicing.

Consectetur adipisicing elit. Animi asperiores assumenda beatae delectus, doloremque ducimus ea eveniet facilis fuga harum id in iste iure laudantium maxime nam perspiciatis provident quasi quod reiciendis reprehenderit sint, sunt tempora vero vitae accusantium aliquid distinctio.

Scoped unordered list

  • Consectetur elit.
  • Dignissimos explicabo ipsam maiores nemo non nulla odio pariatur.
  • Accusantium blanditiis cupiditate
    • Consectetur elit.
    • Dignissimos explicabo ipsam maiores nemo non nulla odio pariatur.
    • Accusantium blanditiis cupiditate
  • Lorem ipsum dolor sit amet
  • Quia sapiente ut voluptatem

Scoped ordered list

  1. Accusantium blanditiis cupiditate
  2. Quia sapiente ut voluptatem
    1. Accusantium blanditiis cupiditate
    2. Dignissimos explicabo ipsam maiores nemo non nulla odio pariatur.
    3. Lorem ipsum dolor sit amet
  3. Explicabo ipsam maiores nemo non nulla odio pariatur.
    1. Consectetur elit.
    2. Lorem ipsum dolor sit amet
    3. Quia sapiente ut voluptatem
  4. Lorem ipsum dolor sit amet
  5. Accusantium blanditiis cupiditate

Checklist

  • Lorem ipsum dolor sit amet
  • Consectetur elit
  • Accusantium blanditiis cupiditate
  • Dignissimos explicabo ipsam maiores nemo non nulla odio pariatur
  • Quia sapiente ut voluptatem
  • Consectetur elit.
  • Blanditiis cupiditate
  • Explicabo pariatur
  • Sapiente ut voluptatem
  • Accusantium blanditiis cupiditate

Buttons

Icon buttons

SVG Icons

  • arrow-down
  • arrow-left
  • arrow-right
  • arrow-up
  • check-circle
  • check
  • chevron-down
  • chevron-left
  • chevron-right
  • chevron-up
  • clock
  • close
  • download
  • education
  • employment
  • error
  • external
  • hamburger
  • location
  • logo
  • logoEmblem
  • mail
  • minus
  • phone
  • placeholder-image
  • plus
  • search
  • warning
  • world

Tags

Styleguide Kickstarter FeijenMetaaltechniek https://feijenmetaaltechniek.nl

Contact tile

Person cards / Employees

Jan Feijen
Frank Feijen
Rik Feijen
John Feijen
Nellie Feijen
Ad van Daal
Stefan van Dijk
Loek Smits
Ties Heesakkers
Jordi Swinkels
Christianne Luyben
Ellen de Vries
Rianne Kersten - van Gompel
Marika Kanters

Specialty cards / Specialties

Buislasersnijden
1/11

Buislasersnijden

Lasersnijden
2/11

Lasersnijden

Watersnijden
3/11

Watersnijden

Verspanen
4/11

Draaien en frezen

Lassen
5/11

(Robot)lassen

Ontbramen
6/11

Ontbramen, afronden, finishen

Kanten
7/11

Kanten

Oppervlaktebehandeling
8/11

Oppervlaktebehandelingen

Montage
9/11

Montage

Metaal transport
10/11

Transport

Totaalproductie
11/11

Totaalproductie

Cards

1/11
Buislasersnijden

Maatwerk en flexibiliteit. Ideaal voor het snel en nauwkeurig lasersnijden van diverse profielvormen.

2/11
Lasersnijden

Precisie en snelheid in het snijden van platen van diverse materialen. Maximale capaciteit, minimaal materiaalverlies.

3/11
Watersnijden

Flexibel snijden van vrijwel elk materiaal. Hoogwaardige afwerking zonder vervorming.

4/11
Draaien en frezen

Nauwkeurige bewerking van verschillende materialen. Van kleine aantallen tot grote series.

5/11
(Robot)lassen

Snel en efficiënt lassen. Met de hand of met behulp van geavanceerde robottechnologie voor seriewerk.

6/11
Ontbramen, afronden, finishen

Het verwijderen van bramen en scherpe randen voor een veilige, esthetische en functionele afwerking van het product.

7/11
Kanten

Nauwkeurig kanten van producten in diverse formaten en materialen. Met 10 kantbanken hebben we de juiste machine voor elk product.

8/11
Oppervlaktebehandelingen

Perfecte samenwerking met vaste partners voor de perfecte afwerking van je product.

9/11
Montage

Samenstellen van gemaakte halffabricaten inclusief eventuele inkooponderdelen en andere benodigde producten.

10/11
Transport

Dankzij onze eigen transportdienst staan wij garant voor een razendsnelle en correcte levering.

11/11
Totaalproductie

Neem contact met ons op

Neem contact op

Sandra van Zeeuw

Bedrijfsleider