updated on 15 August 2019 | reading time: 4 minutes

Working with Text

Advanced text properties

Advanced Text Settings

Within Advanced Text Settings pop-up panel you can find a bunch of to tools to enhance your typography in Gravit Designer Pro.

As with other text properties, its options have almost self-explanatory interface.

To bring up the panel:

  1. Select the text to foster the  Text Appearance Panel
  2. Head over to the small icon on the top-right of the Appearance Panel opposite to the appearance label.
    Advanced text settings in Gravit Designer

Advanced Text Panel would pop-up after clicking on the icon. This panel is divided into three sections:

Advanced text settings in Gravit Designer PRO

  1. Typography(1) section to add special treatment to the text
  2. Text Transform(2) section
  3. List Type(3) dropdown
  4. Paragraph(4) section to control the paragraph attributes.

Typography Settings

Typography advanced text settings

Use options under the Typography section to add special effects to the text:

  1. Select Subscript(1) to set the selected text below the baseline
    Subscript in Gravit
  2. Select the Superscript(2) to set the selected text above the ascender line.
    Superscript in Gravit Designer
  3. Select the Ligature(3) to make the ligatures available for the specific typeface.
    Ligatures in Gravit Designer

    Note: ligature is a special character that combines two glyphs into the single glyph. It reduces the tension of the narrow white space and vanishes unattractive inclinations between two colliding letters, such as ff, fl, fi for Raleway Regular in the example above
  4. Select Fractions(4) to apply special fraction style, created by the type designer.
    Fractions in Gravit Designer
Note: Both ligatures and fractions are font-specific and available for only a few typefaces into the Gravit Webfont Library

Transform settings

Use options in this section to change the letter case of the selected text.

Transform text settings in Gravit Designer

  1. Select Uppercase(1) to convert all letters to capitals.
  2. Select Capitalize(2) to convert the first letter of each word to capitals.
  3. Select Lowercase(3) to convert all letters to lower case.
  4. Select Small Caps(4) to make small caps from the selected text.

Text transform options example in Gravit Designer

 

Note: small caps is typeset when lower case letters look like clones of upper case characters. You can apply this option to the text in Gravit, only if the font has this typeset available.

Working with Lists

To master design you should know how to orginize data to benefit the user.Ordered lists can be a viable option here. You can use them to arrange, enumerate or emphisize the information.

Lists dropdown

Lists work so well, that most of the experts consider them as an essential part of the landing and squeeze page design.

Two types of lists in Gravit

Gravit Designer supports two types of lists:

  1. Bulleted(1) with all kinds of geometrical shapes to mark down the start of the paragraph
  2. Numbered(2) with arabic numerals

To apply one of them to the selected text, head over to List Type dropdown to bring up a panel with three options in each category.

select the list type in Gravit Designer

Once applied Gravit would display the type of list in the dropdown field.

selected list type

Expand it again to see which of the numbered list options is applied to the selected text passage.

selected list type option

Click None if you want to clear the formating.

Clear list formatting

List items

Gravit renders the list in the way traditional reach text editor does:

  1. Click Enter to create a new list item
    Create a new list item in Gravit
  2. Click  / SHIFT + Enterto start a new paragraph withing current list item
    Create a new paragraph within
  3. Click Tab to create a nested list item. Click Enter to start a list item on the same level
    Create nested list item
    Click  / SHIFT + Tab to return to the level of the parent.
    Return to the parent list level

In Gravit you can have infinite number of nested list items

infinite number of listed items

Finally, to end the list you need to press double Enter or   just once.

End of the list

Paragraph Features

Paragraph features in Gravit Designer

Paragraph section contains two text field to adjust the spacing between paragraphs of the selected block of text:

  1. Indent(1)
  2. Spacing After(2)

Type a specific number or use the        to change the values inside the fields.

Indent

Set a numerical value to introduce a space at the beginning of each the selected paragraphs.

Text indent in Gravit Designer

Note: The text would be shifted horizontally to the right into the left-to-right layout creating the gap on the left. For vertical text layout, the text would be pulled down creating the gap into the top.
The text indent works for the list items as well.
text indent for list item
You can shift the entire passage or be more selective.
Move List Item individually

Spacing After

Type a numerical value to add additional vertical space between the selected paragraph and the next one.

Spacing after in Gravit Designer

 

Note: Although Spacing After for horizontal text layout introduces the vertical space between two paragraphs, it works independently from the line spacing.