Ctrlk
Open Beachside
For the complete documentation index, see llms.txt. This page is also available as Markdown.

Text Settings

Control text appearance through global settings (applied to entire text frames) and character-level adjustments ont size, letter spacing, stretch, line height, alignment, and text decoration.

Two approaches:

  • Global settings: Use the text properties panel to adjust entire text frames

  • Character-level editing: Hover over unselected text and drag handles to adjust individual characters to edit letter-spacing and letter-stretch

Change font-size

You can resize the text frame by dragging its corner handles, which will proportionally scale the font.

Step-by-step:

  1. Select the text layer

  2. Hover over a corner handle until the resize cursor appears

  3. Drag to scale the text frame and font size proportionally

  4. Release to apply the new size

This resizing method maintains aspect ratio and proportional scaling. Character-level adjustments remain at their set percentages relative to the new font size.

Adjust the size of your text by changing the font size value in the text properties panel.

Step-by-step:

  1. Select the text layer

  2. Go to the top bar and change the bold value in the text setting panel

    1. You can type the value

    2. Or click and drag horizontally to adjust the value

  3. You can see your text updated in realtime with the new size

You can select multiple text layers and apply the value to all of them at the same time.

Adjust letter-spacing

Adjust spacing between individual characters by hovering and dragging, no menus required. This visual editing approach is especially powerful for CJK text and precise typography, letting you make fine adjustments directly on the scene.

Step-by-step:

  1. Hover between two characters until diamond-shaped handles appear

  2. Drag horizontally to adjust spacing

  3. Release to apply the change

If you change the text font-size, the edited letter spacing will be kept (until you decide to change it or use a global value)

Apply letter spacing to the entire text frame using the text properties panel.

Step-by-step:

  1. Select the text layer

  2. Go to the top bar and select the button

  3. On the same line as Letter-spacing, adjust the value

    1. You can type the value

    2. Or click and drag horizontally to adjust the value

  4. You can see your text updated in realtime with the new size

If the character spacing has been modified, the global value will show as Mixed.

Adjust letter-stretch

Adjust individual character widths for optical balance. Essential for professional CJK typography, where characters often need width adjustments for proper visual density, and useful when mixing CJK with Latin text.

Step-by-step:

  1. Hover over a character until the cursor appear

  2. Drag horizontally to compress or expand the character

  3. Release to apply the change

Apply letter stretch to the entire text frame using the text properties panel.

Step-by-step:

  1. Select the text layer

  2. Go to the top bar and select the button

  3. On the same line as Letter-spacing, adjust the value

    1. You can type the value

    2. Or click and drag horizontally to adjust the value

  4. You can see your text updated in realtime with the new size

If the letter stretch has been modified, the global value will show as Mixed.

Set line-height

Adjust and manage the vertical spacing that appears between individual lines of text within your text frame.

Step-by-step:

1

Select the text layer

2

Go to the top bar and select the button

3

On the same line as Letter-height, adjust the value

You can type the value, or click and drag horizontally to adjust the value

4

You can see your text updated in realtime with the new size

Align text

Control how text is positioned within your text frame using horizontal and vertical alignment options. Alignment affects the position of all text content relative to the frame boundaries.

Alignement options

Horizontal alignment

  • Left: Aligns text to the left edge of the frame

  • Center: Centers text horizontally within the frame

  • Right: Aligns text to the right edge of the frame

Vertical alignment:

  • Top: Aligns text to the top edge of the frame

  • Center: Centers text vertically within the frame

  • Bottom: Aligns text to the bottom edge of the frame

Step-by-step:

1

Select the text layer

2

Go to the top bar and select the button

3

In the alignment popover,

You can type the value, or click and drag horizontally to adjust the value

4

You can see your text updated in realtime with the new size

Apply text decoration

Adjusting how the text looks like by selecting text decoration styles, like underline or ellipsis truncation, switch between text cases (such as uppercase, lowercase, or capitalize), and apply additional text features to match your exact design needs.

Step-by-step:

1

Select the text layer

2

Go to the top bar and select the button

3

In the text decoration popover,

You can click turn the decoration options on and off