Amplication

Amplication

Commit Changes

Button Component

Commit Changes

Button Component

Default Text

Button

Input Component

Default Text

Button

Input Component

#7950ED

#A787FF

#53DBEE

#15192C

System Colors

Icons

Github Repository Selection

Matanforu/test2

https://github.com/matanforu/test2

Select

Drag us

Wasn't it a little messy?

Wasn't it a little messy?

That's how the design system were

That's how the design system were

Lets get organized

Lets get organized

What was the impact?

WEBSHOP
WEBSHOP

Broken components

Broken components

Fixed all Broken components that didn't work. It helped us to use the components in various screens resolutions and was easy to check responsiveness

Icon library

Icon library

Created a icon library organized alphabetically in order to make the developers life easier by searching their names instead of the category

Organized files and documentation

Organized files and documentation

Uploaded to Icomoon library and created labels for each components

What about the Landing Page?

What about the Landing Page?

Made iconography for the landing page

Inspiration

Github Authorization inspired me with the design of the elements in the rest of the site

Design Process

It took couple of sketches in order to get to the desired shape

Inspirations

Creating a mood board by gathering ideas

Sketches

Provide sketches and directions to reach the desired shape

Result

It is important to choose the right angle, color, and illustration

Iconography

Iconography

illustration made for the features page

Illustration made for the features page

Instant GraphQL

REST API

Identity & Permissions

React Admin UI

Node.js Code Generation

Application Deployment

Open Source

Webhooks Integration

Version Control

GitHub Sync

Instant GraphQL

REST API

Identity & Permissions

React Admin UI

Node.js Code Generation

Application Deployment

Open Source

Webhooks Integration

Version Control

GitHub Sync

To the top

Let's get in touch and /build something together

© 2026 matan. all rights reserved.

Let's get in touch and /build something together

© 2026 matan. all rights reserved.

Let's get in touch and /build something together

© 2026 matan. all rights reserved.

Create a free website with Framer, the website builder loved by startups, designers and agencies.