With Kuika's Text editing features, you can customize the text in your web projects exactly the way you want. By clicking on elements, you can start editing the text style from the Styling panel. By easily adjusting font size, color, letter spacing and more, you can create text styles suitable for every project.
Elements with text content (Label, Button, etc.) usually come with a predefined style. Changes you make to this style will apply to all elements to which the style is added. You can also create your own custom style and use it on different elements.
The Icon element is based on a font and you can adjust the size and color in this section.
Font Family
You can use any of the default fonts on the platform.
Style
Depending on the font family you choose, you can select the thickness of the font (thin, light, regular, medium, bold).
Size and Color
Size: You can change the font size (x height) in the Size section. The most commonly used font size unit on the web is the pixel, but other options are available:
Points (pt): Common unit of measurement for printed text.
Rems (root ems): The page is scaled proportionally according to the base font size.
EMS: Scales font sizes relative to the parent element.
Point: Determines the physical size of the font.
EMS: Uses proportional sizes according to the font size of the parent element.
Rems: Calculated according to the browser settings.
Color: You can set the color of the text with Color Picker, RGB values or Hex code.
Text Style Options
Once you have added color, size and style to your text, you can use different type styles:
All Caps: Shows text in all uppercase letters.
All Lowercase: Shows the text in all lowercase letters.
Underline Text: Underlines the text. However, since underlined text usually indicates a link, italic or bold text may be preferred for emphasis.
Spacing: You can set letter and line spacing. The line height should be at least 1.5 times the font size.
With these flexible text editing options offered by Kuika, you can customize your font style and add elegance to your projects.
Text Settings in Elements
You can follow the steps below to adjust the text settings:
After logging in to the Kuika platform, open the project you will work on from the “Apps” screen.
In the UI Design module, add an element from the Elements panel on the left side.
Select the element you want to adjust the text settings.
Click on the Styling panel.
Click the Text section in the Styling panel.
Click the ellipsis icon in the Styles field and then click Add New Style to create and save your Text styles for use in different elements or places.
With Custom Style you can customize the following text properties:
Font Family: You can use Font Family to select the font family.
Style: Use the Style option to set the text style. Style options such as thin, light, regular, medium or bold are available.
Size: Use Size to set the text size. You can choose different units such as pixels (px), points (pt) or em (em).
Color: Use the Color option to set the text color. You can choose the color you want using the color picker tool.
The styles in Text may vary depending on the elements. Some elements can use all the features in the Text section, while some elements can use limited features.
