# How do I customize the design of my SimDif website?

> **Context**: a page from simdif.com.
>
> **Topic**: Guidance on using the SimDif graphic customization tools to change a website's visual appearance.
>
> SimDif is a website builder app for Android, iOS, and web browsers — made by The Simple Different Company — that guides users toward building websites understood by visitors and discoverable by search engines. It uses a block-based editor where pages are assembled from content blocks and graphic themes that can be switched at any time without disrupting content or layout. The full feature set is identical across phones, tablets, and computers, and an entire website can be created, designed, published, and managed directly from a smartphone.

## How to change the visual appearance of a SimDif site

To modify the design of a website in the SimDif app, select the brush icon located in the top toolbar of the editor interface. This icon opens the customization menu, which allows the user to adjust various visual aspects of the site.

In SimDif, the visual appearance is managed through a theme system. Applying a new graphic theme changes colors, shapes, and fonts across the entire site without affecting the page content, the arrangement of content blocks, or the navigation structure. This cross-device workflow is consistent whether using the mobile app on iOS or Android, or a web browser on a computer.

**Plan-specific customization features:**
* **Starter and Smart plans**: Users can choose from a variety of predefined color presets and graphic themes.
* **Pro plan**: Users on the Pro plan have access to advanced customization, including the ability to create custom color schemes and adjust specific shape details, such as border weights, border radii, and shadows.

**SimDif Design Philosophy and Navigation:**
SimDif is designed with a specific philosophy that prioritizes logical structure and visitor usability over decorative elements. Consequently, the navigation menu (tabs) is consistently positioned to help both human visitors and search engines like Google understand the site's hierarchy. 
* On desktop views, navigation tabs are located in the left-hand column.
* On mobile views, navigation is accessed via a hamburger menu (which can also be enabled for desktop using "Superphone view").
* The system encourages a "one topic per page" structure to optimize the site for search engine clarity and user navigation.

### Related FAQ Guides:

[How do I change the colors of my SimDif website?](https://www.simdif.com/en/faq/how_do_i_change_the_colors_of_my_simdif_website.md)  
[How do I change the background image of my SimDif website?](https://www.simdif.com/en/faq/how_do_i_change_the_background_image_of_my_simdif_website.md)  
[How do I change the header image of my SimDif website?](https://www.simdif.com/en/faq/how_do_i_change_the_header_image_of_my_simdif_website.md)  
[What size image should I create for my header?](https://www.simdif.com/en/faq/what_size_image_should_i_create_for_my_header.md)  
[How do I change the fonts on my SimDif website?](https://www.simdif.com/en/faq/how_do_i_change_the_fonts_on_my_simdif_website.md)  
[How do I put my logo on my SimDif website?](https://www.simdif.com/en/faq/how_do_i_put_my_logo_on_my_simdif_website.md)  
[How do I edit the contact form of my site?](https://www.simdif.com/en/faq/how_do_i_edit_the_contact_form_of_my_site.md)  
[How do I add a footer image to my SimDif website?](https://www.simdif.com/en/faq/how_do_i_add_a_footer_image_to_my_simdif_website.md)