Member Avatar for Exoskeletor

Hello guys, long time no see.
Im designing a new website for a metal band and i want suggestions. do you like it? have anything more to suggest? Do you think i have add too much glow?
Im also thinking of making the border to glow a little, do you think is a good idea?

rollover.jpg 18.46 KB
Edited by Exoskeletor because: n/a
  • 3 Contributors
  • 8 Replies
  • 315 Views
  • 2 Weeks Discussion Span
  • Latest Post Latest Post by Exoskeletor

Dani AI

Generated

Good progress so far — the site is shaping up and the load-speed fixes noted by are important. The three highest-impact areas to finish are legibility, subtle ambience, and asset efficiency. correctly flagged contrast and spacing; address those first so the look-and-feel can survive different content and screen sizes.

Legibility and hierarchy: make the band name and active menu visually dominant without fighting the background. Prefer small, incremental changes: increase font weight or letter spacing, add a narrow dark outline or a low-opacity backdrop behind text, and export a couple of logo variants (lighter, darker, and one with a thin stroke). Test each at reduced zoom and on small screens, and review thumbnails to catch readability failures that only appear at scale. Keep body copy simple and avoid long passages of light text on pure black.

Soft border/glow without extra markup: a single CSS approach creates a soft vignette or edge glow without extra DOM elements. Example (keeps the glow subtle and non-distracting):

/* container glow + subtle inner edge */
.page-wrapper {
  position: relative;
  box-shadow: 0 0 60px rgba(0,0,0,0.6), 0 0 18px rgba(40,140,200,0.12);
}
.page-wrapper::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  box-shadow: inset 0 0 40px rgba(0,0,0,0.35);
}

Performance and rollovers: keep UI reactions instant by using CSS transitions and lightweight vector assets for icons or small illustrations; avoid swapping full-size raster images on hover. Compress imagery, serve appropriately sized assets (or modern formats), and preload the few assets needed for first paint. A couple of export variants for key graphics and an A/B check with the band will make it easy to preserve the atmosphere while fixing readability and responsiveness.

Recommended Answers

All 8 Replies

Member Avatar for griswolf

IMO the active menu item and the band name need just a little bit more contrast: I'm having a hard time reading them. Why is the logo/art work so near the top of the page? Too much empty space below it and above the menu line (unless there will be content there, of course). Glow around the edges might be nice. What does the band prefer? If I did it, I'd probably use a glow that tapered toward black very quickly as you left the edge of the screen. It might only glow in the bottom two corners? You should create a few images and show them to your principals.

Member Avatar for Exoskeletor

theproblem with the border is.. that i dont know how to make them and how to set a border. It will be a single big image? do u have any tutorial that i can read?

Member Avatar for Member #120589

Nice background graphic. Agree with griswolf. Nedd more contrast on greyed lettering. Jury's out until you provide content. The whole feel of the page could become unravelled quickly according to the font / size /colour etc that you use. Light text on dark backgrounds - although striking - are difficult to deal with. I used to love all that dark, brooding atmospheric stuff, but users told me that some of my sites were too difficult to read. As long as the amount of text on the page isn't massive, should be OK. In addition - be aware of images. White backgrounds are great because you can but anything on them. White background images on black background pages look decidedly odd (IMO).

Member Avatar for Exoskeletor

how much to change the contrast? i have made this logo froma tutorial i dont know much about photoshop. i just have to select the text and give somehow more contrast? if im not asking too much can someone change the contrast of the photo i have upload?

Edited by Exoskeletor because: n/a
Member Avatar for griswolf

Hard for someone else to do the work on the finished graphic: You have the 'source code' for the product, so you can most easily make the change. Suggest that you make about a dozen variants:
One axis:
adjust the boldness (thickness of the strokes) of the text
2nd axis:
adjust the color of the text
3rd axis:
adjust the 'shininess' of the text (or it might be something like 'shadow')
I think you can see the results if you stand back and squint a little bit, or look at it upside down (honest: these are ways to break out of your 'I did it' mold)

Ardav's point about ease is good. If you are passing information, it needs to be easy to grasp. If you are mainly about the atmosphere (brooding and gloomy, here), then the information just has to be easy enough to grasp.

Member Avatar for Exoskeletor

i will try them and post you back. Also i dont know how i can create a border of a soft light arount the box or a glow line. someone tellms me that i have to make 4 more divs and to place them arount this div and give them a backround image, i will try this also

By the way, The site is up for better reviewing:

Member Avatar for Member #120589

The page loads really slowly. You seem to be using loads of javascript to provide rollover functionality. Think about CSS sprites. The main background was majorly slooow. Rollover images still v. difficult to make out. THe blue-white/red-white rollovers at the bottom also load really slowly - so when you rollover, you don't get an immediate change - leading the user to think that they are not links.

Once properly loaded, no problem.

Member Avatar for Exoskeletor

i have greatly improve the load speed. please tell me if now is fast enough

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.