Document Navigation

Brand Foundation

You can find the contents of this section in the admin panel under [Settings] -> [Site Global Configuration].
You can find the 'Contact Information' settings in the admin panel under [Settings] -> [Global Text Configuration].

This section defines your company's brand visual identity (VI) and core contact information. One-time setup, site-wide effect.

Visual recognition settings

  • Site Logo: Upload your company's standard logo (PNG or SVG format with a transparent background is recommended). The maximum width of the logo is limited to 500px; larger images will be automatically compressed. (Tip: You can use Shangxian Technology's SVG conversion tool to create an SVG format logo.)

  • White Logo (Transparent Navigation): A pure white version of the logo designed for display on dark backgrounds or in "Transparent Navigation" mode, ensuring high contrast.

  • ICO icon: A small icon (favicon) displayed on the left side of a browser tab.

  • Brand Primary/Secondary Colors: Click the color picker to select your company's brand colors. The primary color will be used for buttons, color blocks, core links, etc.; the secondary color is mostly used for the second option of buttons. In other words, once you configure your brand colors, every module on your website will automatically use a color scheme related to your brand colors, such as transparent colors, activation colors, hover colors, etc., to achieve a harmonious and unified look. Rest assured, all of this is automatic.

  • Content Width: Controls the maximum width of the main content of the webpage. It offers four options: "Compact (1140px)" to "Extra Wide (1600px)" to meet the display needs of different industries. It's worth noting that for article detail pages, there are richer inner page modules; for example, the main content width in an immersive reading style is relatively small, making it more suitable for reading.

  • Website-wide font styles: Offers multiple mainstream English font libraries such as Inter, Poppins, and Lora, allowing you to switch the website's text style with one click.

  • Global module spacing: Controls the vertical spacing between each "block" on the page, maintaining a sense of breathing space on the page.

Core Contact Information

  • Company Name (SEO): Used for search engine indexing (we suggest you fill in your company profile or brand name).
  • Contact Email/Phone/Address/Contact Person: The contact information entered here will be automatically synchronized to the header, footer, or Contact Us section of the entire site.