Contact me

e-mail

Check out the website

Design System as a Webguide

Special in this project was that the customer wanted a styleguide available online which was not standard back than. This was my first touchpoint in specing and showing a design system.

Base Value: 16

Scale: 1.25

61px

3.812rem

The quick brown fox jumps over the lazy dog

49px

3.062rem

The quick brown fox jumps over the lazy dog

39px

2.438rem

The quick brown fox jumps over the lazy dog

31px

1.938rem

The quick brown fox jumps over the lazy dog

25px

1.562rem

The quick brown fox jumps over the lazy dog

20px

1.250rem

The quick brown fox jumps over the lazy dog

16px

1.000rem

The quick brown fox jumps over the lazy dog

13px

0.812rem

The quick brown fox jumps over the lazy dog

10px

0.625rem

The quick brown fox jumps over the lazy dog

accessibility for a hospital

In this project I had my first touch-points on accessibility. Accessibility should be the standard which sadly we are not there yet but for a hospital it is essential.

Company: A&B One Digital

Role: Frontend Engineer

Designer: Michael Kamutzki

Tech Stack:

HTML

Scss

TYPO3

Micro Animations

Design System

Tools I used:

Marie-Theres

Get in touch on social media

Contact me

e-mail

Check out the website

Design System as a Webguide

Special in this project was that the customer wanted a styleguide available online which was not standard back than. This was my first touchpoint in specing and showing a design system.

Base Value: 16

Scale: 1.25

61px

3.812rem

The quick brown fox jumps over the lazy dog

49px

3.062rem

The quick brown fox jumps over the lazy dog

39px

2.438rem

The quick brown fox jumps over the lazy dog

31px

1.938rem

The quick brown fox jumps over the lazy dog

25px

1.562rem

The quick brown fox jumps over the lazy dog

20px

1.250rem

The quick brown fox jumps over the lazy dog

16px

1.000rem

The quick brown fox jumps over the lazy dog

13px

0.812rem

The quick brown fox jumps over the lazy dog

10px

0.625rem

The quick brown fox jumps over the lazy dog

accessibility for a hospital

In this project I had my first touch-points on accessibility. Accessibility should be the standard which sadly we are not there yet but for a hospital it is essential.

Company: A&B One Digital

Role: Frontend Engineer

Designer: Michael Kamutzki

Tech Stack:

HTML

Scss

TYPO3

Micro Animations

Design System

Tools I used:

Marie-Theres

Get in touch on social media

Contact me

e-mail

Check out the website

Design System as a Webguide

Special in this project was that the customer wanted a styleguide available online which was not standard back than. This was my first touchpoint in specing and showing a design system.

Base Value: 16

Scale: 1.25

61px

3.812rem

The quick brown fox jumps over the lazy dog

49px

3.062rem

The quick brown fox jumps over the lazy dog

39px

2.438rem

The quick brown fox jumps over the lazy dog

31px

1.938rem

The quick brown fox jumps over the lazy dog

25px

1.562rem

The quick brown fox jumps over the lazy dog

20px

1.250rem

The quick brown fox jumps over the lazy dog

16px

1.000rem

The quick brown fox jumps over the lazy dog

13px

0.812rem

The quick brown fox jumps over the lazy dog

10px

0.625rem

The quick brown fox jumps over the lazy dog

accessibility for a hospital

In this project I had my first touch-points on accessibility. Accessibility should be the standard which sadly we are not there yet but for a hospital it is essential.

Company: A&B One Digital

Role: Frontend Engineer

Designer: Michael Kamutzki

Tech Stack:

HTML

Scss

TYPO3

Micro Animations

Design System

Tools I used: