Grid Article Box

Headline and lead visibility

Headline and lead:

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Cras justo odio, dapibus ac…

Headline only:

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Character limit

No limit:

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Cras justo odio, dapibus ac…

40 character limit:

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Lorem ipsum dolor sit amet, consectetur…

Praesent commodo cursus magna, vel…

20 character limit:

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Lorem ipsum dolor…

Praesent commodo…

Headline and lead font size

14px headline, 12px lead:

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Cras justo odio, dapibus ac…

18px headline, 14px lead:

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Cras justo odio, dapibus ac…

24px headline, 16px lead:

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Cras justo odio, dapibus ac…

Custom color styling

Example 1: Red

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Cras justo odio, dapibus ac…

Example 2: Green

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Cras justo odio, dapibus ac…

Example 2: Blue

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Cras justo odio, dapibus ac…

Headline text transformation

None

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Praesent commodo cursus magna, vel scelerisque nisl…

Uppercase

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Praesent commodo cursus magna, vel scelerisque nisl…

Lowercase

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Praesent commodo cursus magna, vel scelerisque nisl…

Capitalize

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Praesent commodo cursus magna, vel scelerisque nisl…

Aspect ratio

2:1

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Cras justo odio, dapibus ac…

16:9 (widescreen tv)

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Cras justo odio, dapibus ac…

4:3 (tv)

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Cras justo odio, dapibus ac…

1:1

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Cras justo odio, dapibus ac…

2:3

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Cras justo odio, dapibus ac…

1:2

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Cras justo odio, dapibus ac…

Bloc

Contact
Bloc AS
Hasleveien 15B
0571 Oslo
Norway

E-mail: contact@bloc.net
Powered by: Bloc