> For the complete documentation index, see [llms.txt](https://docs.pakk.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.pakk.io/websites/visual-style-guide/colour.md). # Colour Colour is definitely the second biggest component of your brand aesthetic. In Pakk, rather than you trying to work out how to incorporate your colours in a systematic way throughout your site, we do that for you - all you have to do is choose a primary colour and your Pakk store automatically applies them in a consistent, subtle, visually appealing way that makes your brand personality obvious without being overbearing or killing the clean, minimalist aesthetic that makes Pakk stores a joy to use. Here's an example of where you might see your colours employed throughout the site: * buttons * hover effects * links * badges/tags/icons * footer * highlighted content areas * menus The effect is subtle, but enough to produce a professional, on-brand appearance. #### Grey Palette A lot of blocks and areas within your site will have some sort of grey background - ranging from very light, almost white, to very dark, almost black. The tonality of these areas of grey can have an important overall impact on the look and feel of your site, which is why Pakk allows you to choose from predefined greyscale palettes: * Grey: the most neutral choice, no colour tint at all, ranges from white to black * Cool grey: a very slightly colder tint * Blue grey: a more definite blue tint, the coldest option * Warm grey: a subtle shift towards earthy tones, to lend your site a warmer feel
> Note that grey palette is what we call a 'cascading field' which means you can set defaults at account and brand level as well as website level. In this case, the 'neutral grey' option is also considered the 'nothing selected' option which means that if you set any of the other options at account or brand level, you won't be able to override that with neutral grey at website level. --- # Agent Instructions This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com. ## Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter: ``` GET https://docs.pakk.io/websites/visual-style-guide/colour.md?ask=&goal= ``` `ask` is the immediate question: it should be specific, self-contained, and written in natural language. `goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.