Typography

colors

  • #62beca

    @color-primo-light-blue

  • #071e3f

    @color-primo-dark

  • #46a4ca

    @color-primo-blue

  • #6d829e

    @color-primo-gray

  • #e3f1f7

    @color-primo-lighter-blue

General typography

I am a Big Title

I am heading h1

I am heading h2

I am heading h3

I am heading h4

I am heading h5
I am heading h6
I am an anchor. Hover me and click to see other styles.

I am an paragraph. This below me are my fellow paragraphs, from an ancient Rome.

At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident, similique sunt in culpa qui officia deserunt mollitia animi, id est laborum et dolorum fuga. Et harum quidem rerum facilis est et expedita distinctio.

Aenean varius odio in nisl pellentesque varius. Fusce augue ante, tristique a lacus ut, finibus convallis dui. Cras sapien erat, gravida sit amet accumsan ac, molestie non purus. Donec condimentum, ligula et varius cursus, ligula enim auctor augue, sit amet commodo justo tellus a diam.

  • I am Unordered list
  • I am Unordered list
  • I am Unordered list
  1. I am Ordered list
  2. I am Ordered list
  3. I am Ordered list
  • I am Unordered list
  • I am Unordered list
  • I am Unordered list

DIN Condensed

  • Bold
  • ABCDEFGHIJKLMNOPQRSTUVWXYZ
  • abcdefghijklmnopqrstuvwxyz
  • 1234567890@#$%^&*()?
  • θωερτψυιοπασδφγηςκ
    λζχξωβνμ€άέήίϊΐόύϋΰώ
  • АБВГДЂЕЖЗИЈКЛЉ
    МНЊОПРСТЋУФХЦЧЏШ
  • Aenean varius odio in nisl pellentesque varius. Fusce augue ante,
    tristique a lacus ut, finibus convallis dui. Cras sapien erat, gravida
    sit amet accumsan ac, molestie non purus. Donec condimentum, ligula et
    varius cursus, ligula enim auctor augue, sit amet commodo justo tellus a diam.

Poppins

  • Regular
  • ABCDEFGHIJKLMNOPQRSTUVWXYZ
  • abcdefghijklmnopqrstuvwxyz
  • 1234567890@#$%^&*()?
  • Semi-bold
  • ABCDEFGHIJKLMNOPQRSTUVWXYZ
  • abcdefghijklmnopqrstuvwxyz
  • 1234567890@#$%^&*()?
  • Bold
  • ABCDEFGHIJKLMNOPQRSTUVWXYZ
  • abcdefghijklmnopqrstuvwxyz 1234567890@#$%^&*()?

Buttons

  • Slider

Promo Labels

Sale New! Hot Best Deal Special Sale 50%

Product page

€125.00 Regular Price €190.00 You save 34%

CMS pages

Lorem ipsum blockquote

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Mixins

Primary ButtonAdd to CartAdd to Cart LightTitle 40pxTitle 84pxHeading 44pxHeading 24pxHeading 18px
.button-primary().button-add-to-cart().button-add-to-cart-light().big-title().big-title-desktop().h1-like-desktop().h2-like-desktop().h3-like-desktop()
Heading 14pxHeading 40pxHeading 18pxHeading 18pxHeading 10px
.h4-like-desktop().h1-like().h2-like().h3-like().h4-like()
Font IconFont IconHeader BlockNewsletter BlockDiscount BlockMarquee desktopMarquee mobile
.account-login().minicart ().info-block-header().newsletter().discount-code().marquee().marquee-mobile()
Rotate element infiniteSlider button homepagePromo labelsAdd to wishlistQty selector PDPBlockquoteOwl buttonsOwl buttons
.rotate().slider-button().promo-label().add-to-wishlist().custom-qty().blockquote().owl-prev().owl-next()
Checkout checkbox generalCheckout checkbox agreementAmasty layered navigation checkbox
.custom-checkbox-checkout().custom-checkbox-checkout-agreement().custom-checkbox-amasty-layered-navigation()