Custom work or Figma files? Reach out to us at arinistudiobd@gmail.com | Browse all Templates
Marketfolio
Styleguide
Text styles
Display — 88px/96px
Display
H1 — 72px/80px
Heading 1
H2 — 64px/72px
Heading 2
H3 — 48px/56px
Heading 3
H4 — 40px/48px
Heading 4
H5 — 32px/40px — Semibold
Heading 5
H5 — 32px/48px — MEdium
Heading 5
H6 — 24px/36px — MEdium
Heading 6
H6 — 24px/36px — Regular
Heading 6
P1 — 24px/32px
Paragraph 1
P2 — 20px/24px
Paragraph 2
P3 — 20px/28px
Paragraph 3
P3 — 20px/28px
Paragraph 3
P4 — 16px/24px — Semibold
Paragraph 4
P4 — 16px/24px — Medium
Paragraph 4
P4 — 16px/24px — Regular
Paragraph 4
P4 — 16px/24px
Paragraph 4
Link — 20px/28px — Large
Link — 20px/28px — Medium
Link — 16px/24px — Small
Button — 28px/40px — Large
Button — 16px/24px — Small
Book an Appointment
Tagline — 16px/24px
Book an Appointment
Tagline — 16px/24px
Let’s Make differences together
Figure — 24px/36px
“Let’s Make differences together”
Colors
Text
primary-black
secondary-medium-gray
secondary-gray
links
primary-white
Icon
decorative
primary
disable-on-white
disable-on-white
white
Background
black
gainsboro
gray-whisper
light-blue
white
Border
blue
raisin-black
gainsboro
soft-blue
Buttons
primary
secondary
outline
Buttons
Primary Large
Primary Normal
Primary Small
Secondary
Outline Large
Outline
Link Button
Only Icon
Inputs
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Dropdown
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
