Buzzy brand guidelines

Do

• Use the Buzzy mark or current website wordmark without distortion.
• Keep strong contrast around the logo; use light surfaces when presenting the black SVG mark.

Do not

• Do not recolor the mark arbitrarily or add effects that reduce legibility.

Do

• Use color with restraint; let contrast and composition do most of the work.
• Treat --primary and --accent as the core theme tokens for brand and highlight moments.
• Use Tailwind utility reds, pinks, and greens as situational accents, and reach for lighter or darker shades such as red-200 or green-400 when the context calls for it.

Avoid

• Do not let accent colors compete equally across the same layout.
• Do not imply that red, pink, or green are first-class theme tokens before the system actually defines them that way.
• Do not rely on low-contrast accent-on-accent combinations on dark backgrounds.

Do

• Keep headline typography tight, confident, and relatively compact.
• Use body copy that stays highly readable at marketing-page widths.
• Use mono sparingly as a brand accent for labels, inline code, and short technical snippets.

Avoid

• Do not overuse mono for long passages or primary marketing copy.
• Do not let headlines become oversized and loose when a tighter hierarchy would read faster.
• Do not mix in extra type styles that compete with the established display and mono contrast.

Do

• Use Lucide for generic website actions, navigation, and status moments.
• Keep icon sizing predictable and let text or button color drive the icon color.
• Use the default 24 by 24, 2px stroke setup as the baseline reference even when UI contexts render smaller.

Avoid

• Do not mix multiple generic UI icon families across the website.
• Do not change stroke widths ad hoc or restyle icons into a different visual language.
• Do not replace logos, social platform marks, or product imagery with Lucide equivalents.

Do

• Use screenshots that feel clean, credible, and framed intentionally.
• Use simple, emotive graphics when they sharpen the narrative without becoming literal stock illustration.
• Use stylised product shots and diagrams to simplify system ideas rather than decorate them.
• Keep icons simple and geometric.

Avoid

• Do not rely on generic sci-fi AI motifs, glowing robots, or stock-heavy filler imagery.
• Do not use generic office or c-suite stock photography when it does not communicate a specific Buzzy outcome.
• Do not use chaotic AI collages, surreal composites, or hellscape pitch-deck imagery as a substitute for a clear point.
• Do not overload social graphics with multiple competing messages or focal points.
• Do not use ornamental diagrams that add complexity without explanation.

Do

• Use clear CTAs with one primary action and one secondary path.
• Use borders, spacing, and hierarchy before adding more contained panels.
• Use section intros that combine a mono eyebrow, strong heading, and concise explanatory copy.

Avoid

• Do not turn marketing sections into dense component catalogs or dashboard-style layouts.
• Do not stack multiple equally weighted calls to action in the same moment.
• Do not add extra containment when spacing and keylines already do the job.