brand

Standardize visual brand decisions for Banora Chiropractic website design.

1|Updated Mar 20, 2026
One-click install
npx skills add https://github.com/hellobanora/Claude-Code-Banora --skill brand-hellobanora
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: brand
Source: https://github.com/hellobanora/Claude-Code-Banora/tree/main/.claude/skills/brand
Command: npx skills add https://github.com/hellobanora/Claude-Code-Banora --skill brand-hellobanora

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill keeps Banora Chiropractic’s website visually consistent so every page feels polished, trustworthy, and recognisably on brand.

Core Features & Use Cases

  • Colour guidance: Chooses approved brand colours for backgrounds, text, buttons, links, and hover states.
  • Typography guidance: Applies the recommended heading and body fonts, sizes, weights, and spacing rules.
  • Layout and component consistency: Keeps sections, cards, buttons, spacing, and visual hierarchy aligned across the site.
  • Logo and imagery direction: Ensures correct logo usage and recommends photography that supports a warm, professional clinic presence.

Quick Start

Use the brand skill to review this page design and tell me the correct colours, typography, spacing, and component styles to use.

Frequently Asked Questions about brand

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I keep website design visually consistent across multiple pages?

To keep website design visually consistent, you need standardized rules for colour selection, typography, spacing, and component styling. Applying a defined palette, font stack, and spacing scale ensures every page section feels polished and recognisably on brand.

What is brand consistency in UI styling and why does it matter?

Brand consistency in UI styling means enforcing approved visual hierarchy constraints, button patterns, and logo placement rules across a site. It matters because standardized visual decisions build a trustworthy, professional presence that users instantly recognize.

How do I apply a colour palette and typography stack to web page sections?

Applying a colour palette and typography stack involves selecting approved brand colours for backgrounds, text, and hover states, while assigning specific heading and body fonts, sizes, and weights. This enforces visual hierarchy and layout consistency across all pages.

Can I standardize button and card patterns for a clinic website design?

Yes, you can standardize button and card patterns for a clinic website design by enforcing predefined component styling rules. This ensures layout consistency, correct visual hierarchy, and aligned spacing across every section of the site.

What are the logo usage and photography guidelines for maintaining visual hierarchy?

Logo usage and photography guidelines ensure correct logo placement and recommend imagery that supports a warm, professional presence. These rules enforce visual hierarchy constraints and maintain brand consistency across all website pages.

Does brand consistency work without predefined spacing and component rules?

Brand consistency does not work effectively without predefined spacing and component rules. Without an approved spacing scale, font stack, and button patterns to enforce visual hierarchy, page designs become inconsistent and lose their recognizable identity.