Quixel

Quixel is a brand guidelines website template built in Framer for studios, in-house teams, and anyone who has to hand a brand over to someone else.

Brand guidelines usually end up as a PDF that nobody opens and everybody ignores. A live site is harder to ignore. Developers can copy the hex codes, marketing can check the logo spacing, and nobody has to email the designer to ask which orange is the right orange.

Six pages covering the whole system. Logo usage with protection zones and misuse examples. Colour with primary, secondary, and shade palettes. Typography with weights and hierarchy. Patterns and graphic language. And brand in use, showing the system applied across print, product, signage, and apparel.

WHO IT IS FOR

Design studios handing off brand work. In-house brand and marketing teams. Freelance brand designers. Agencies documenting client identities. Startups putting their first brand system somewhere people can actually find it.

WHAT IS INSIDE

• Home

• Logo

• Colour

• Typography

• Patterns

• Brand in Use

FEATURES

• 6 pages across desktop, laptop, tablet, and mobile

• Logo usage, protection zone, and misuse sections

• Colour palette with primary, secondary, and shade systems

• Typography scale with weights and hierarchy

• Pattern and graphic language sections

• Brand application mockups for print, product, and apparel

• Token-driven design system, so changing the palette once updates the whole site

• SEO-ready structure with editable meta titles and descriptions

• Clean layer naming, easy to hand off or extend

GOOD TO KNOW

All logos, patterns, colours, and brand applications are placeholder content and should be replaced with your own.

Questions: hello@fluxory.studio

Built by Fluxory Studio