Ui style guide
Logo
Karpi Studio logo
Typography
Roslindale- 60px - regular

H1 heading

Roslindale - 42px - regular

H2 heading

Roslindale - 32px - regular

H3 heading

Roslindale - 25px - regular

H4 heading

Paragraph. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur tempor est sollicitudin, tristique dolor et, dictum enim.

Questrial-light-16px

y-small-text-18px. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur tempor est sollicitudin, tristique dolor et, dictum enim.

Questrial-light-18px

y-text-20px. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur tempor est sollicitudin, tristique dolor et, dictum enim.

Questrial-light-20px
Text above headings
smaller tag
regular tag
Favicon + webclip
Karpi Studio logoKarpi Studio logo
Background colors
Primary
Secondary
Color swatches
Buttons & LINKS
Primary buttonOutline button
Text link
Secondary button
Text link
Forms & Dropdowns
Thanks, we got your message!

Whilst you await our response why not check out some of our latest blog posts, here’s a few of our favourites 💚:

Free Alternatives to Webflow
How Do I Edit Content In Webflow?
Is Webflow Worth Learning?

Connect with us on social media:

InstagramBehanceDribbleTwitter
Something went wrong while submitting the form.
What level of ROI will I see from working with Karpi Studio?
Do you provide ongoing support for longterm projects?
Global classes
y-horizontal-flex
margin-right-10px
margin-right-15px
margin-right-30px
y-desktop-div
y-mobile-div
bold-text
y-roslindale
webflow
text-center
y-right-aligned-text
CSS class
Size
Size in pixels
mb-0
0px
Removes bottom margin
mb-1
0.25rem
4px
mb-2
0.5rem
8px
mb-2.5
0.625rem
10px
mb-3
0.75rem
12px
mb-3.5
0.875rem
14px
mb-4
1rem
16px
mb-5
1.25rem
20px
mb-6
1.5rem
24px
mb-7
1.75rem
28px
mb-8
2rem
32px
mb-9
2.25rem
36px
mb-10
2.5rem
40px
mb-11
2.75rem
44px
mb-12
3rem
48px
mb-14
3.5rem
56px
mb-16
4rem
64px
mb-20
5rem
80px
mb-24
6rem
96px
mb-28
7rem
112px
mb-32
8rem
128px
mb-36
9rem
144px
mb-40
10rem
160px
margin-bottom-0px
margin-bottom-8px
margin-bottom-10px
margin-bottom-15px
margin-bottom-20px
margin-bottom-24px
margin-bottom-25px
margin-bottom-32px
margin-bottom-35px
margin-bottom-40px
margin-bottom-50px
margin-bottom-60px
margin-bottom-70px
margin-bottom-100px
margin-bottom-120px
margin-bottom-200px

25 Ways your website can make more money 🤑

Get ready to boost your earnings with our handy cheat book! Inside, you'll discover 25 sneaky ways to increase your website's revenue. Tried and true methods only, enter your details below:

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