Style Guide

Give Maker an instant “style guide” to keep your colors, fonts and imagery on-brand—across every project.

---

What are Style Guides?

A Style Guide is a reusable set of brand guidelines you build once (by uploading a logo, a palette screenshot, or simple text instructions) and then select in any new chat to have Maker:

• Auto-apply your brand’s color stops, gradients, and text styles

• Generate UI components that match your existing design system

• Keep layouts, spacing, and imagery consistent

🔔 Note: Uploaded screenshots or logos are used solely to extract colors, fonts, and layout cues. They are not included as assets in your generated projects.

---

Creating a Style Guide

1. In the left sidebar, click the Settings.

2. Click on the "Style Guide" Tab.

3. Click the big “+” card to start a new style.

4. Name your style (e.g. Acme Corp, My Portfolio).

5. Upload inputs

   • Screenshot: drag in a palette, logo slide, fonts or UI sample

   • Instructions: bullet points like

     Primary: #1A73E8; Secondary: #FBBC05
     Headings: Montserrat; Body: Inter
     

6. Click Generate. Maker analyzes your inputs and builds a style guide with colors, fonts, and sample components.

7. Review & Save: Tweak any values—swap fonts, adjust a hue—then click Save.

🔑 Pro Tip: To have all new projects follow this style guide, set it as your default. It will be automatically selected when you start a new project.

---

Applying a Style Guide

1. In any New Project, click the Style Guide dropdown under the prompt.

2. Select your saved style (e.g. Acme Corp).

3. All subsequent UI and layout suggestions will adhere to that style.

🔑 Pro Tip: If you didn’t set a default Style Guide, Maker will apply a neutral one. You can switch to your preferred Style Guide at any time—even mid-project—with our remix feature.

---

Managing Styles Guides

• Edit: click on the style guide and make the necessary edits

• Delete: to remove old or unused styles to keep your list tidy, hover over a style card and select the delete icon

---

Best Practices

• Start simple: upload just your logo & primary color, then refine later

• Keep it up-to-date: regenerate after any brand palette or font change

Learn more about Custom Fonts here

See Style Guide FAQs here

---