A logo is more than just a picture. It helps people find your site and remember your brand. Placing it in the right spot makes a big difference. This guide shows you how to put your logo in the best spot and make it easy to click. It also covers sizing, clear space, and linking to your homepage. Follow these tips to improve brand recall and navigation on any website or app.
Whether you use a header logo, favicon, or AI logo design, the rules stay the same. Learn where to place your logo for the best results. Avoid common mistakes like centered or right-aligned logos. Use the right image format and alt text for accessibility. This skill helps you get every detail right so your logo works hard for your brand.
For AI and SaaS products, there is also guidance on modern logo styles. Look at popular trends like hexagons, swirls, and minimalist robots. Pick a style that fits your audience. Test your logo at different sizes to make sure it looks good everywhere.
Global
mkdir -p ~/.claude/skills/logo-generatorProject
mkdir -p .claude/skills/logo-generatorSource Repository
Prototypemattpocock/skills
Quick throwaway prototypes to test logic or UI before building
Lark Whiteboardlarksuite/cli
View, edit, and export Lark whiteboards as images or code easily
Sleek Design Mobile Appssleekdotdesign/agent-skills
Turn your app ideas into mobile screens just by describing them
Brainstormingobra/superpowers
Brainstorm your ideas into a clear design and get approval before building anything
Ui Ux Pro Maxnextlevelbuilder/ui-ux-pro-max-skill
All-in-one UI/UX design assistant with styles, colors, fonts, and guidelines for any platform
Redesign Existing Projectsleonxlnx/taste-skill
Upgrade your existing website or app with a professional design audit
Stitch Design Tasteleonxlnx/taste-skill
Create premium, non-generic UI designs with strict color, typography, and layout rules
Brandkitleonxlnx/taste-skill
Create premium brand-kit images that feel intentional, minimal, and presentation-ready