Work with Interface Styles

Using Kuika's Styling panel, you can easily change the visual styles of elements and screens in your application. The Styling panel offers many powerful features that allow you to customize your visual design during the application development process. You can make style edits to the workspace and every element you add to it.

Change Workspace Color

You can change the color of your Workspace area, so you can quickly customize the overall look of your app. It is especially useful when you want to apply a different theme or a custom color palette to your user interface.

Editing Borders of Elements

You can edit the border properties of any element. You can set the border thickness, color or style, or even remove the border altogether. You can also change the Border-Radius value, which rounds the borders, and the corner shapes. It is often used to create a modern and aesthetic look.

Text and Font Selections

You can easily edit text styles via the Styling panel. You can choose the font type, size, color and style (for example, italic, bold). You can also adjust the alignment of the text (left, right, center) for a more consistent and effective layout.

Layout and Spacing

Layout features allow you to easily adjust the spacing and alignment between elements. With editing options like Padding and Margin, you can customize the distance between elements. Significantly improves the layout of the screen and the user experience.

Fill Colors

You can add custom fill colors to your elements or change existing colors. The Fill area offers a wide range of uses, from setting a background color to editing the internal color of buttons or cards.

Shading (Shadow)

You can add depth to your elements by adding shadows. With the Shadow feature, you can make your elements look more eye-catching and three-dimensional by using both inner and outer shadowing options.

Create Your Own Styles

The Styling panel is not only limited to using existing styles, but also allows you to create your own style templates. It helps you create a consistent visual identity by designing a custom style for a specific element or page.

Comprehensive Styles

Many different customization options are available with the Styling panel:

• Layout: You can specify the placement, alignment and spacing of elements.
• Text: You can edit fonts, sizes, colors and style options.
• Fill: You can create background colors, gradients and patterns.
• Color: You can change the colors of elements with color palettes.
• Border: You can customize borders with settings such as borders, colors, thicknesses and rounding (border-radius).
• Shadow: You can make your elements more distinct with inner and outer shadows.

Personalization for Mobile and Web Apps

With the Styling panel, you can create custom designs for your mobile or web applications. By making style adjustments for different screen sizes and resolutions, you ensure that your application is displayed correctly on every device. With responsive design features, you can create a user experience that fits perfectly on every platform.

In conclusion, the Styling panel allows you to create more aesthetic and user-friendly interfaces by customizing visual elements during the app development process. You can use both ready-made styles and create your own unique designs.