Text helpers
This is underlined text.
This is none underlined text.
This is hovered underlined text.
This is font roboto regular text.
This is font roboto bold text.
This is font bariol regular text.
This is font bariol bold text.
This is font bariol bold text.
This text is aligned to left.
This text is centered on mobile.
This text is centered on tablet.
This is blue text.
This is some text inside of a div block.
text grey class
text greyer class
text info class
text info class
This is uppercase text.
This is text default.
This is text red.
This is text-xs class block.
This is text-s class block.
This is text-m class block.
This is text-l class block.
This is text-xl class.
This is text-22 class.
This is text-xxl class.
This is text-xxxl class
This is text-xxxxl class
This is text-36 class
This is line normal.
This is line height 1.
This is line height 2.
This is line height 3.
This is line height 4.
This is some text inside of a div block.
This is text-max-xl class
This is text-max-s class
This is text-max-m class
center on desktop
Buttons
gradient Button
ButtonButton block
get started
Padding helpers
class pb-3 -> padding bottom= 16px
class pb-3 -> padding bottom= 16px
class pb-4 -> padding bottom= 24px
class pb-6 -> padding bottom= 48px
class p-6 -> padding = 48px
class py-2 -> padding = 8px 0
class py-6 -> padding = 48px 0
class pl-2 -> padding left = 8px
class pl-3 -> padding left = 16px
class pl-5 -> padding left = 32px
class pl-6 -> padding left = 48px
class pr-1 -> padding right = 4px
class pr-2 -> padding right = 8px
class pr-3 -> padding right = 16px
class pr-5 -> padding right = 32px
class pr-6 -> padding right = 48px
class pt-1 -> padding top = 4px
class pt-2 -> padding top = 8px
class pt-3 -> padding top = 16px
class pt-4 -> padding top = 24px
class pt-5 -> padding top = 32px
class pt-6 -> padding top = 48px
class px-0 -> padding left,right 0px
Margins helpers
class mt-0 - margin top = 0
class mt-1 - margin top = 4px
class mt-2 - margin top = 8px
class mt-3 - margin top = 16px
class mt-4 - margin top = 24px
class mt-5 - margin top = 32px
class mt-6 - margin top = 48px
class mt-7 - margin top = 80px
class mt-sm-5 - margin top = 32px below 768px
class mb-0- margin bottom = 0
class mb-1- margin bottom = 4px
class mb-2 - margin bottom = 8px
class mb-3 - margin bottom = 16px
class mb-4 - margin bottom = 24px
class mb-5 - margin bottom = 32px
class mb-6 - margin bottom = 48px
class mb-7 - margin bottom = 80px
class mb-lg-0 - margin bottom above tablet 0
class mr-0 - margin right = 0
class mr-3 - margin right = 16px
class ml-5 - margin left = 32px
class mx-auto - margin left, right auto
class mt-auto - margin top auto
Display helpers
Trigger
form Modal trigger
Accordion

How long will it take to get my MVP online?

There is no rule for an exact time frame in which you can produce an MVP. We do it smartly. You describe the idea, what problems you solve, your expectations, and functionality of the solution. Our part is, to establish what design and features your MVP actually needs.. Now you can do the proof-of-concept and get enough investors’ audience. The goal is to manufacture your minimum viable product within 3-4 months.

How long will it take to get my MVP online?

There is no rule for an exact time frame in which you can produce an MVP. We do it smartly. You describe the idea, what problems you solve, your expectations, and functionality of the solution. Our part is, to establish what design and features your MVP actually needs.. Now you can do the proof-of-concept and get enough investors’ audience. The goal is to manufacture your minimum viable product within 3-4 months.
Tooltip
some tooltip trigger
borders
transform