@media (min-width: 992px) and (max-width: 1440px) { .swiper-slide { width: 800px; height: 410px; } } @media (max-width: 991px) { .swiper-slide { width: 582px; height: 300px; } } @media (max-width: 568px) { .swiper-slide { width: 270px; height: 140px; } } @media (min-width: 1441px) { .swiper-slide { width: 1230px; height: 630px; } }
H1
H1
H1
H2
H2
Uppercase
Uppercase
Plain text
Plain text
Plain text
Plain text large
Text white
Text black
Text qestion
Centered
Button TextButton TextButton TextButton TextButton TextButton Text
Align center

Heading

Heading

Heading

Client-First — Artycoders Edition

Style Guide

Client-First Artycoders Edition is a set of instructions and strategies created by Artycoders powered by Finsweet to help you build Webflow websites.

container-small
container-large
section-padding-medium

HTML Heading Tags

HTML tags define default Heading styles.

H1

Sample text helps you understand how real text may look. Sample text is being used as a placeholder.

H2

Sample text helps you understand how real text may look on your website. Sample text is being used as a placeholder for real text that is normally present.

H3

Sample text helps you understand how real text may look on your website. Sample text is being used as a placeholder for real text that is normally present.

All paragraphs

Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look on your website. Sample text is being used as a placeholder for real text.

Text with Heading Styles

Heading classes when typography style doesn't match the default HTML tag.

text-style-h2
This is some text inside of a div block.

Text Classes

Text classes when typography style doesn't match the default HTML tag.

Paragraphs

paragraph-small

Sample text is being used as a placeholder for real text that is normally present on your website. Sample text helps you understand how real text may look on your website.

paragraph-xsmall

Sample text is being used as a placeholder for real text that is normally present on your website. Sample text helps you understand how real text may look on your website.

Descriptions

description-large

Sample text is being used as a placeholder for real text that is normally present.

description

Sample text is being used as a placeholder for real text that is normally present on your website.

description-small

Sample text is being used as a placeholder for real text that is normally present on your website. Sample text helps you understand how real text may look on your website.

Unique classes

LARGE-text

Sample text is being used as a placeholder for real text that is normally present on your website.