these are all based on my own personal preferences but:

- change the title name to like #eee or another very light gray. i don't think the faded yellow is really adding anything and nothing else in the app uses this color so it looks out of place. if you want to stick with a color, use #D5B034, the same yellow as the crowns.

- also remove the text shadow. similar to the first, the shadow isn't really used anywhere else on the app and so it looks out of place.

- add additional padding to the name.

- make padding even across the entire app. get rid of the blockquotes in the containers. you can use padding to achieve the same affect while maintaining equal padding on all sides. this will improve the look 500% or your money back.

- for where it says personality, history, extra info: add a style tag and include word-spacing: 20px or something similar. you'll need to change 'extra info' to a single word. but it'll add more space between the images and the text and look less claustrophobic.



other MORE personal stuff i would change:

- the border around the content itself i would remove. not the outside one, but the inner that surrounds history and stuff. it's not really adding anything (and the padding on it is uneven) and since your information is already contained in a box, it's easily separated from the rest of the app even without the border.

- add a larger margin to the bottom of the basic info stuff so they're not so clumped together.

- change the grays to be similar in shade together. i would change the 2b2b2b to either 222222 or 242424

- the border-radius isn't affecting the inside content, only the outer edge. you need to increase the number on it to be like 5px or 6px.

- add a bold tag to 'nicknames' and 'gender'.

TINY DETAIL

- you used autopx which might be a typo? you just need auto.

Hi Mouse

You're off to a good start with this template because everything is neat and organized, so I'll just touch a bit on what I think can be improved! I also explained below why I think a certain way, etc. I hope you find this helpful. 

01. Firstly, you can consider changing the firstname/lastname title to a striking yellow to match with the crowns that flank the sides of the categories, because your template revolves around black, gray, and striking yellow. Using a gray color/white color can be counterintuitive in this case because white doesn't draw the reader's eyes, and since the rest of your text info are white in color, you want to make sure that the top title is the accent color since it frames the entire template.

02. Secondly, try making the soft gray border within the template uniform. The sides don't seem to be the same width as the top and bottom, and by making them uniform, it will give your template a more proportionate structure instead of a jagged feeling that something is off.

03. I recommend adding div boxes around your category headings (personality, history, extra info etc.). Since you have gray boxes to frame the information, putting the category headings without any boxes whatsoever actually makes it feel a bit odd since the spaces are already unevenly spaced between the top part of personality and the basic character info at the top.

04. Try increasing the padding spacing for the personality/history/extra info information boxes (gray ones) by two or even three times! Right now, the text are a bit too close to the edges, and the lack of white space makes it harder for the readers to process information since everything just feels a bit too closed in.

05. Add more yellow accents! Your template looks good and err on the minimalist side, but if you want to spice it up a bit, add a yellow left outline onto the boxes like so :




I added
border:1px solid #D5B034; to the div box. 

That way, things will look more striking and special without looking overboard.

06. Try for an overall increase in the padding. White space is very important! Try adding more padding to the overall black background of the template, the inside layer as well, and along with the text info. Your template looks fairly thin at the moment, but it's not because the width is actually small, but it's because the spaces between the template background and the text are too small and therefore can actually impact the pace and readability of which the information is being read. Think of making space as a kind of breather for the reader, the easier they find it to breathe when reading, the more pleasant looking at this will be for them.

I hope all this helps! If you need to clarify anything, feel free to ask. Good luck!