Drop Caps

These are the various drop cap styles available for Celestial.

Roeum dolor sit amet, consectetur adipiscing elit. Sed dictum quam quis orci posuere eget tempor leo consectetur. Donec eget nibh ante. Proin eu pulvinar sapien. Donec sit amet augue nisi. Sed sit amet vulputate justo. Nullam accumsan lectus in libero sagittis sollicitudin ullamcorper velit lobortis. Donec sit amet tortor magna. Pellentesque odio purus, ornare vitae sollicitudin vitae, lacinia varius massa.

Using Drop Caps as a List

Using dropcaps as a list can give a more customized look to a manually created list of items you want to stand out on a page. Normally this will look better if you have two lines of text per list item.

1

Getting Fancy with a Custom List Style: Lorem ipsum dolor sit amet, consectetur adipiscing elit. In dignissim orci viverra orci adipiscing in sagittis neque faucibus. Nullam eu lectus neque. Vestibulum consequat nisi nisl. Maecenas tellus metus, fringilla a aliquet id, elementum nec ipsum.

2

Getting Fancy with a Custom List Style: Lorem ipsum dolor sit amet, consectetur adipiscing elit. In dignissim orci viverra orci adipiscing in sagittis neque faucibus. Nullam eu lectus neque. Vestibulum consequat nisi nisl. Maecenas tellus metus, fringilla a aliquet id, elementum nec ipsum.


Using Drop Caps as a Horizontal List

This method of using the dropcaps in a list style is laid out with the use of in-line columns (in this case, a 3-column layout) for a horizontal concept.

1

Span 4

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s.

2

Span 4

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s.

3

Span 4

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s.

Using Drop Caps the Standard Way

In most cases, using dropcaps that standard way is to stylize the first letter of a page or paragraph…generally the first sentence of a page or post.

T

his is an example of using a dropcap for the first letter of a sentence. In dignissim orci viverra orci adipiscing in sagittis neque faucibus. Nullam eu lectus neque. Vestibulum consequat nisi nisl. Maecenas tellus metus, fringilla a aliquet id, elementum nec ipsum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent laoreet eleifend imperdiet. Donec convallis condimentum orci id lobortis. Etiam vestibulum dapibus suscipit. Nullam vel elit eget mauris mattis semper a non elit. Vivamus in erat vitae ligula lobortis elementum. Praesent semper commodo massa, vitae molestie mi auctor sed. Duis ac libero id justo suscipit consequat eu in risus.

Available Drop Cap Colours

These are the available colours, but you can easily create new ones or edit an existing colour.

1

Span 4

Lorem Ipsum is simply dummy text of the printing and typesetting industry. This is used as page filler when creating mockups of design and layout.

2

Span 4

Lorem Ipsum is simply dummy text of the printing and typesetting industry. This is used as page filler when creating mockups of design and layout.

3

Span 4

Lorem Ipsum is simply dummy text of the printing and typesetting industry. This is used as page filler when creating mockups of design and layout.

4

Span 4

Lorem Ipsum is simply dummy text of the printing and typesetting industry. This is used as page filler when creating mockups of design and layout.

5

Span 4

Lorem Ipsum is simply dummy text of the printing and typesetting industry. This is used as page filler when creating mockups of design and layout.

Leave a reply

required