Member Avatar for beeman81

...

  • 7 Contributors
  • 11 Replies
  • 254 Views
  • 1 Year Discussion Span
  • Latest Post Latest Post by Young Teck 06

Dani AI

Generated

Quick, practical guidance for a logo/banner refresh that addresses the thread feedback from , , and others: focus on clarity, scale and delivery rather than ornamentation. The fastest visible improvements come from three things—design a simple, scalable mark; choose a compact header layout; and serve optimized assets so the page loads instantly.

Start with the logo

  • Build a vector master (SVG or source AI/eps). Produce three variants: full lockup, symbol-only, and a single-color version. Create a 16x16 favicon and a header-sized export. Keep letterforms simple, limit to 1–2 typefaces, and test legibility at very small sizes (16px, 32px, 48px). Avoid heavy bevels, glows or photographic effects that break when scaled.

Banner and header delivery

  • Use a compact header for site-wide navigation and reserve full-width hero banners for landing pages only. Serve responsive images (AVIF/WebP where possible, PNG fallback), use srcset/sizes, and lazy-load noncritical banners. Ensure any text over an image has a solid overlay or high contrast so it remains readable across devices and color settings.

Quick implementation snippet (responsive logo + banner)

<header class="site-header">
  <a class="brand" href="/">
    <img src="/assets/logo.svg" alt="Site name" class="logo">
  </a>
  <img src="banner-800.webp"
       srcset="banner-800.webp 800w, banner-1600.webp 1600w"
       sizes="(max-width:600px) 100vw, 1200px"
       alt="Banner" loading="lazy" class="hero">
</header>

.logo { height:48px; width:auto; display:block; }
@media (max-width:600px){ .logo{ height:36px; } }

Final checklist: keep a vector master, export SVG + PNG @1x/2x/3x, add favicon, test on mobile/low bandwidth and in greyscale, and verify legibility before adding decorative effects.

Recommended Answers

All 11 Replies

Member Avatar for Tekmaven

I don't want to sound harsh, and I hope I don't hurt your business, but I think your designs are ugly. They look like a kid did them with Crayola crayons - they have no professional look whatsoever.

Just my $0.02

Member Avatar for samaru

OUCH! :shock: I don't think they're THAT bad. The apps of the web can be better, but the other isn't THAT bad. It's no http://www.shiny.com or http://www.2advanced.com , but it's ok. I like your harsh honesty though... LOL... "I don't want so sound harsh..." 8)

Member Avatar for Tekmaven

And I'm usually such a plesant guy... lol

Member Avatar for beeman81

well... at least my sites work :)

Member Avatar for Dani

which site doesn't work?

Member Avatar for beeman81

Member Avatar for beeman81

Well, anywho... It's good that you don't have to buy anything from me

I think your designs are ugly. They look like a kid did them with Crayola crayons - they have no professional look whatsoever.

...Someone woke up on the wrong side today.

Member Avatar for Tekmaven

works. Maybe you want to look at your internet settings? Consider making a post about this issue.

Member Avatar for Iron_Cross

Hmm, I can't see his sites, so i have no say on the matter.
But from what i've seen, I think Tekmaven was just trying to help, not be mean. Just what i saw :P

Member Avatar for buddyb

I guess my taste is in my mouth. The site looks OK to me :).
BuddyB

Member Avatar for Young Teck 06

Seriously, your site does need an upgrade

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.