Begoniav2.0style guide home
Press Enter to copy its CSS to the clipboard.

Typography

Font families

Click a card to copy its CSS.

Get the fonts

Headings

Open Sans

A free, open-source family on Google Fonts. Regular and Semibold are the two weights Begonia uses.

Italic asides

Roboto

Light Italic is used for quoted content and asides. Free on Google Fonts.

OPEN SANS

Open Sans was designed with an upright stress, open forms and a neutral, yet friendly appearance. It was optimized for print, web, and mobile interfaces, and has excellent legibility characteristics in its letterforms.

Open SansRegular

A peep at some distant orb has power to raise and purify our thoughts like a strain of sacred music, or a noble picture, or a passage from the grander poets. It always does one good.

Open SansSemibold

A peep at some distant orb has power to raise and purify our thoughts like a strain of sacred music, or a noble picture, or a passage from the grander poets. It always does one good.

MOSK

Mosk Font is a sans-serif typeface family designed by Russian type designer Maria Doreuli. The fonts come in six weights–light, regular, medium, bold, black and extra black–each with matching italics. Mosk Typeface was inspired by the classic grotesque typefaces of the late 19th and early 20th centuries but has a more contemporary feel.

MoskLight

A peep at some distant orb has power to raise and purify our thoughts like a strain of sacred music, or a noble picture, or a passage from the grander poets. It always does one good.

MoskMedium

A peep at some distant orb has power to raise and purify our thoughts like a strain of sacred music, or a noble picture, or a passage from the grander poets. It always does one good.

MoskThin

A peep at some distant orb has power to raise and purify our thoughts like a strain of sacred music, or a noble picture, or a passage from the grander poets. It always does one good.

MoskSemi Bold

A peep at some distant orb has power to raise and purify our thoughts like a strain of sacred music, or a noble picture, or a passage from the grander poets. It always does one good.

Font sizes

Click a card to copy its CSS.

Headings

Heading 1 / h1

This is an example

This is an example

Heading 2 / h2

This is an example

This is an example

Heading 3 / h3

This is an example

This is an example

Heading 4 / h4

This is an example

This is an example

Heading 5 / h5

This is an example

This is an example

Content

Subtitle 1 / s1

A peep at some distant orb has power to raise and purify our thoughts like a strain of sacred music, or a noble picture, or a passage from the grander poets. It always does one good. BRAIN BITES

Subtitle 2 / s2

A peep at some distant orb has power to raise and purify our thoughts like a strain of sacred music, or a noble picture, or a passage from the grander poets. It always does one good.

Body 1 / b1

A peep at some distant orb has power to raise and purify our thoughts like a strain of sacred music, or a noble picture, or a passage from the grander poets. It always does one good.

Body 2 / b2 /span

A peep at some distant orb has power to raise and purify our thoughts like a strain of sacred music, or a noble picture, or a passage from the grander poets. It always does one good.

Anchor a

A peep at some distant orb has power to raise and purify our thoughts like a strain of sacred music, or a noble picture, or a passage from the grander poets. It always does one good.

Content Italic

A peep at some distant orb has power to raise and purify our thoughts like a strain of sacred music, or a noble picture, or a passage from the grander poets. It always does one good.

PlaceHolder

A peep at some distant orb has power to raise and purify our thoughts like a strain of sacred music, or a noble picture, or a passage from the grander poets. It always does one good.

Basic Use

Importance of Typography

Typography is a crucial element of design that can make or break the success of a project. It involves the art and technique of arranging type in a way that is not only visually appealing but also easy to read and understand. Good typography has the power to convey emotions, establish hierarchy, and enhance the overall user experience.

One of the key benefits of typography is its ability to communicate information effectively. Choosing the right typeface, font size, and spacing can significantly impact how a message is perceived by the reader. A well-designed typographic layout can draw the reader's attention to important information and make it easier for them to navigate through the content.

Typography can also play a significant role in creating a brand identity. A distinctive typeface can make a brand recognizable and memorable, and help it stand out from the competition. For example, the Coca-Cola logo is instantly recognizable thanks to its unique script font.

In addition to aesthetics, typography also plays a vital role in accessibility. Choosing a legible typeface and adjusting the size, weight, and spacing can make content more accessible to people with visual impairments or reading difficulties.

In conclusion, typography is an essential element of design that should not be overlooked. It can impact the readability, effectiveness, and overall impression of a project. By taking the time to carefully select and arrange type, designers can create designs that are not only visually appealing but also functional and accessible.

Generated by AI