65 posts I'm Ahmad, since 1989
  • Has been part of the Envato Community for over 2 years
  • Has referred 10+ members
  • Has sold $75,000+ on Envato Market and is now an Elite Author
  • Has collected 50+ items on Envato Market
+3 more
im_ahmad says

Give a different font a try, use different font sizes and weights, variation in type is very visually appealing and directs the eye.

If you invest some time studying typography it will payoff in any composition you create. Its like color theory, if you understand how colors will work together you create a harmony visually.

The type needs to have a certian flow. Display fonts need to carry thier own weight (pun intended) while displayed in larger point sizes. This means the characters themselves need to be of good proportion and form. It becomes a composition itself when used that large. Note the difference between points, picas, pixels and em. Note when they are used and why.

copy fonts or what you use in smaller sizes to display bodies of text dont need to be so sophisticated on thier own but have thier own flow, they need to aid the eyes in proper movement. This is why publications have always used serif fonts, these are the fonts that have feet. They do give a more classic look but were created for reading. If you must use a sans-serif font for copy it needs to have a balance visually that makes it easy to read. (Kerning) Character spacing, leading (the space between lines of text) and how condensed the font is all factor into how readable it is at small sizes.

Understanding how to use fonts properly really changes the whole design drastically, but its also very subtle, subconcious even.

spend some time studying typography as a design element itself, you wont regret it.

Also if you are willing to give up that easy you wont learn to master design, or even gain proficiency.

start with Helvetica, study its history, its parent font and compare this to say Times New Roman. even 1 hour doing this will give you a base to jump off of

thanks for your lesson, actually I tough my self the webdesign, but I don’t know how to find perfect resources to learn about typography and colors, I try to read topics from tutsplus and apply what I read but also found (Hard rejected) message in my inbox, I admit I am not a good designer but I feel that I am very close to the target, so I need some one to help me to complete my knowledge in webdesign, where do you advice me to study about typography and colors, I need the perfect place. again, thanks for you lesson

101 posts
  • Has referred 10+ members
  • Has sold $10,000+ on Envato Market
  • Has collected 100+ items on Envato Market
  • Sells items exclusively on Envato Market
+2 more
Speed730 says
hi, nice update but:

Testimonials needs more space, try add more space

change or make icons on List of Features sidebar small

put the subtitle on top if the title or at the bottom

Good Luck
4 posts
  • Has been part of the Envato Community for over 1 year
  • Sells items exclusively on Envato Market
punkwaka says

There isnt one perfect place..

In art school they had us do “studies” in order to practice a concept or lesson. For instance in 2D design we learned about color thoery and we had to do a color “study” We learned to mix colors by hand to create a flat consistent hue. and then we had to show the transition of one hue to another. I had to go from yellow to violet. had a rectangle divided into 10 slices or slots in each was a flat color it went yellow, 90% yellow + 10% violet, 80% yellow + 20% violet, 70% yellow + 30% violet….. so it demonstrated a transition, the middle colors are tertiary colors..

Try this: in color theory you have warm colors (red orange yellow) and cool colors (green blue violet), but there is also something called color temperature regardless of what color.

find examples of a “warm” red and a “cool” red, and “warm” blue vs “cool” blue

it helped me understand the concept because I had to “do” the excercise.

in typography we had to do a “study” like this… pick a type font. choose a vowel and a constanant, a g an f and a ligature. i had to hand draw these characters in a technical drawing, taking measurements of each part of the character. this has no practical reason, the reason I had to do this is I can identify a type face just by zeroing in on a characteristic quality of certian part of the font. I can tell you badoni is a classic sans-serif font that is easily identified by parallel walls in the O, g, b and a characters. I can identify this font bu seeing a lowecase g alone.

This doesnt make you a type font expert, it makes you aware of what subtle details will work in your designs, it gives you a keen awareness of the details..

some exercises or “studies” of your own will help you.

set up a color study, design website comps using primary colors, secondary colors and complementary colors. then move to creating just color palates using 5 colors that work well together (convert them to web hex color values), then force yourself to use just those colors in a web design.

Go to www.google.com/webfonts and start viewing and comparing fonts for headlines (display fonts, decorative) and compare fonts for body text at different sizes, eliminate any that stop your eye from moving smoothly, plug a few into your designs and change the settings around.

Play with paragraph blocks using a grid, see what settings create the best harmony, use the rag right, rag left and centered settings for paragraphs. see what line height, character spacing and font size combos work the best for your paragraph blocks.

play with gutter spacing in your design. this is the margins in CSS and padding too. see how much margin should be used between elements, try using consistent margin spacing, learn where to make things a different margin spacing…

experiment… ALOT!

dont submit everything you make.

make 10 studies and narrow down to 2 of the strongest and then submit those. this is a discipline, force your self into your own process to make your self better, MAKE A DESIGN PROCESS!

4 posts
  • Has been part of the Envato Community for over 1 year
  • Sells items exclusively on Envato Market
punkwaka says

color temp examples

warm blue #0099FF cool blue #0000CC

warm red #FF0000 Cool red #CC0000

a color pallet that works well together

FF0066 (accent or type)

0099FF (accent or type)

222222 (main color)

FFFFFF (main color)

D8CEA6 (main color)

138 posts
  • Has referred 10+ members
  • Has sold $10,000+ on Envato Market
  • Has been a beta tester for an Envato feature
  • Has collected 10+ items on Envato Market
+3 more
x4er0 says

You must more polish up this theme. Check 100 themes in marketplace, and chcek you own. This really working.

65 posts I'm Ahmad, since 1989
  • Has been part of the Envato Community for over 2 years
  • Has referred 10+ members
  • Has sold $75,000+ on Envato Market and is now an Elite Author
  • Has collected 50+ items on Envato Market
+3 more
im_ahmad says

I want to say thanks for every member on this forum who helped me to improve my theme, finally I got accepted, thanks for all of you :)

2388 posts
  • Located in Argentina
  • Has referred 1+ members
  • Has sold $10,000+ on Envato Market
  • Has been a beta tester for an Envato feature
+4 more
manuelvega says

Congratz hehe

Helpful Information

  • Please read our community guidelines. Self promotion and discussion of piracy is not allowed.
  • Open a support ticket if you would like specific help with your account, deposits or purchases.
  • Item Support by authors is optional and may vary. Please see the Support tab on each item page.

Most of all, enjoy your time here. Thank you for being a valued Envato community member.

Post Reply

Format your entry with some basic HTML. Read the Full Details, or here is a refresher:

<strong></strong> to make things bold
<em></em> to emphasize
<ul><li> or <ol><li> to make lists
<h3> or <h4> to make headings
<pre></pre> for code blocks
<code></code> for a few words of code
<a></a> for links
<img> to paste in an image (it'll need to be hosted somewhere else though)
<blockquote></blockquote> to quote somebody

:grin: :shocked: :cry: Complete List of Smiley Codes

by
by
by
by
by
by