Introduction

Welcome

Starter design system v1.0

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.

Read our Tone-of-Voice»

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.

Read more »

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.

Assets Download »

Logotype

Brand

For white background
for dark background

Short logotype

for white
for dark
app icon dark
app icon white

Colors

Brand colors

#be5e5e
#ffcd87

secondry colors

#66a3ff
#ffc15f
#80d592

Neutral colors

#222222
#4e4e4e
#858585
#a8a8a8
#cccccc
#ebebeb

Typography

IBM Plex Sans

Large headlings

Roboto

all Paragraph

Quick wafting zephyrs vex bold Jim.

H1

Quick wafting zephyrs vex bold Jim.

H2

Quick wafting zephyrs vex bold Jim.

H3

Quick wafting zephyrs vex bold Jim.

H4
Quick wafting zephyrs vex bold Jim.
H5
Quick wafting zephyrs vex bold Jim.
H6

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.

Paragraph
Lorem ipsum dolor sit amet
overline
Lorem ipsum dolor sit amet
Block Quote
Lorem ipsum
text link

Buttons & forms

Buttons

Download
Favorite
Call back
Buttons with icon left
Download
Favorite
Call back
Buttons with icon right
Open projectOpen projectOpen project
Buttons outline with text

Forms

Form elements

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Form card white

Form Heading

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Form card dark

Form Heading

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Tone of Voce

Tone of voice our brand

design system from scratch

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.

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.

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.

Assets download

all Assets for download

Files & Assets ready to download

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.

Download Brand Assets
Download PDF Style Guide

React UI-components

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.

Download Developer Assets
DEveloper assets

Figma & Sketch UI-kits

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.

Download Designer Assets
Design assets

Contacts

Just Say hello!

Yuriy Desh
UI design | Mobile & Web Interface design & Animation
Follow me