Pineapple Builder Logo

Adjust Style


Pineapple Builder gives you the flexibility to customize your website's style to match your brand's identity. Here's how you can adjust your website style:

Customizing Color Palette


1. Main Colors: Navigate to the "Editor" and click the Palette icon from the left menu. Here, you can adjust the main colors of your website. You can choose from whites to blacks and everything in between.

2. Primary and Secondary Colors: You can also set your primary and secondary colors. These colors will be used throughout your website for various elements. This feature enables you to jump through different color variants for each section without adjusting it manually.



Brand Colors configuration


Choosing Typography


1. Typography Presets: Pineapple Builder offers a variety of typography presets. You can choose the one that best fits your brand's style.

2. Custom Fonts: If you want more options, you can choose from thousands of supported fonts.

3. Typography Settings:

You can also adjust the typography settings for each text element on your website. This includes headings (h1 to h6), subtitles, and main paragraph styles. Here's how:


  • Navigate to the "Typography" section under the "Style" tab.

  • Here, you can adjust the font size, weight, line height, letter spacing, and more for each text element.


Typography configuration


Adjusting Button Style


Button Shape: choose different shapes for your buttons. You can choose from square, rounded, or pill-shaped buttons.


button config
button config

Button configuration


Remember, consistency is key in design. Make sure to use consistent colors, typography, and button styles throughout your website to create a cohesive look and feel.

For more detailed instructions, please refer to our support documentation.


Made in Pineapple Builder - AI Website Builder Builder