5,631 ratings
ULTIMATE Guide To Beautiful Profiles
By The Odd Fox and 1 collaborators
Showing you how to make your profile beautiful.
The purpose of this guide is to show you how to make your profile beautiful from animations down to the exact font type. If you have any suggestions on new sections please feel to write your ideas in the comments or contact myself The Odd Fox or snaws.

I felt this meme sums up what people will be saying once you use this guide:

If you wish to contact us, please take note of this:

The Odd Fox: Main editor/manager (English & Dutch) (Engels & Nederlands)
snaws: Secondary Manager (Russian & English) (русский & английский)
How to get Animated Artwork Showcase
If you're looking for someone to animate your profile, contact snaws design service.
Feel free to check his amazing portfolio!
Profile Level
There are three main reasons which demonstrate the importance of level.

First being a higher profile typically shows you care about your account and you want to appear at the top of your friends list.

Second being a higher profile comes with more legitimacy and is typically seen to be more legit. For example, a scammer isn't gonna be level 50 (most of them) because they don't want to be banned with that much time or money invested into their account.

Third being respect. When someone is for example level 100 you'll typically see that they have tons of comments saying "Happy Christmas" or "+rep Nice guy". A prime example of my point is PalmDesert who has 5,500+ comments.

There are two ways to level up your Steam account being manually or with a service.

Firstly, being a service from a man called ARTY who has a bot you can add and give keys to in trade for the cheapest sets for badges. This method is cost effective and very easy. In addition, the bot will tell you how much it'll cost to get to whatever level you'd like to be and how much xp it is. Overall, being a simple and fast method.

      𝐍𝐞𝐞𝐝 𝐓𝐨 𝐋𝐞𝐯𝐞𝐥 𝐔𝐩 𝐎𝐧 𝐒𝐭𝐞𝐚𝐦 𝐅𝐚𝐬𝐭 𝐀𝐧𝐝 𝐂𝐡𝐞𝐚𝐩?

       Best Prices on the market.

       If you're interested, please use the 𝐓𝐫𝐚𝐝𝐢𝐧𝐠 𝐁𝐨𝐭.

      𝐍𝐞𝐞𝐝 𝐭𝐨 𝐥𝐞𝐯𝐞𝐥 𝐮𝐩 𝐟𝐚𝐬𝐭 𝐚𝐧𝐝 𝐭𝐡𝐞 𝐜𝐨𝐬𝐭 𝐞𝐟𝐟𝐞𝐜𝐭𝐢𝐯𝐞𝐥𝐲?

       If you're interested, please use the 𝐓𝐫𝐚𝐝𝐢𝐧𝐠 𝐁𝐨𝐭.

      If you'd like to contact the head of the service, ARTY is to be       contacted.


On the other hand, if you prefer to do a more manual method. I'd advise watching this video as I found it to be one of the best.

Profile Mockups
This section will show you the best ways to use showcases.

Artwork Showcase

For starters the artwork showcase allows you to display four pictures, one large picture(506x506) and three small pictures (100x80). Below is a template...

In addition, the artwork showcase is the only showcase which accepts the format .GIF which is essentially a low frame rate video allowing you to do small fun animations for example...

However, please keep in mind that Steam only allows artwork of 10mb or less and for .GIFs the limit is 8mb or less.

ScreenShot Showcases:

Screenshot showcases are typically used to show off in-game pictures of cool/interesting moments. However, you can upload custom images through a loop hole in the uploading system. If you wish to know how to do so, please read the section called 'Animated/Custom Screenshots'.

Also below is the dimensions for the screenshot showcase.

Custom Info Boxes

The typical use of a custom info box is to simply put in links which could be to your Facebook or Youtube channel for example. However, many do not know how to make text bold or unlined within the custom info boxes. If you wish to know how to do so then click the sub-section called 'Editing Text'. Now back to the topic, I personally use my custom info box to list of my favorite shows and games and my MAL account. For example, here is my current custom info box...

It's hard to say what you should put in your custom info box however, below is some inspiration for what you could do.

Profile Animated Artwork Showcases
It may seem that I would show you how to make animated artwork however it's a lot harder then you may think.

It is a very time consuming project and there is hundreds of ways. The point in which I'm trying to make is that I can't teach you in a guide how to make .GIFs because everyone wants different animations and typically its professional level animations. But I can point you in the right direction; for example, you could use Photoshop[], Adobe After Effects[] or even SonyVegas[]. There are hundreds of videos on Youtube which will show you how to make animations with these programs.


A close friend called snaws makes animated artwork including mine and he is an animator. Below are examples of his work...

Please feel free to contact him through his profile: snaws.
Profile Fake Lists in showcases
So you may or may not already know, you can't make lists in profile showcases anymore. When I use the word 'list', I'm referring to this:
  • This
  • is
  • a
  • list

[*] This
[*] is
[*] a
[*] list[/list]

The trick around this is rather simple actually, rather than making a list will make a fake list. For example:

This simple way around is just using the list character: '•'.
So all you have to do is just paste this at the beginning of each line to your list and thats all, your fake list looks like a real list.

• Fake
• List
Profile Transparent Artwork, Screenshots & Avatars

When I say how to make transparent showcases I mean it lightly due to the fact that were not actually making transparent showcases. For example, if I just put a transparent image in my artwork showcase it would look like steam's client background rather then the actual background; This is due to the showcase carrying a frame with it.


Now to gather the pieces of your background will need to go to a website called sapic.github[] which was made by TrueCarry.

Next, will click the login button at the top right of the page...

Then will click login again. Now you will recieve a warning saying that this is a non-official Valve website; However, all that is happening is safe data from your account (eg Steam Level).

Next, will choose the background we want. Please remember you must own the steam background in your steam inventory.

Finally, will click 'Download All Images' which will give us a .ZIP compressed folder containing all the images.
Profile Editing Text
Below are all the text formatting which steam offers. This can be used really anywhere for example, guides, comments, reviews and etc.

Text Formatting

Heading Tag - [h1]Heading Tag[/h1]

Bold Text - [b]Bold Text[/b]

Underline - [u]Underline Text[/u]

Italic Tag - [i]Italic Tag[/i]

Strike Tag - [strike]Strike Tag[/strike]

URL Tag - []URL Tag[/url][]

Spoiler Tag - [spoiler]Spoiler Tag[/spoiler]

Text Formation

  • The
  • Odd
  • Fox



  1. The
  2. Odd
  3. Fox



Originally posted by ExampleAuthor:
The Odd Fox is a cool guy

[quote=ExampleAuthor] The Odd Fox is a cool guy[/quote]


public float playerSpeed = 10; void if (playerSpeed = 10){ Debug.log("The Odd Fox"); }

public float playerSpeed = 10;

void if (playerSpeed = 10){
Debug.log("The Odd Fox");



Custom Profile Font
This section will show you how to have custom text in for example your description box or anything of that sort.

Here is some examples:



To achieve such fancy text, will need to go to this website called Fancy Text[].

Once there, you'll be able to choose letters with different fonts to form a word. Finally, just copy (ctrl + c) that text and paste (ctrl + v) it anywhere.

In addition, you're able to select from a huge variety of symbols and icons. This tab can be found to the right of the letters tab.

More Custom Fonts!

If you go to the top of the page, you'll see four tabs. Choose 'Cool Letters' or take this shortcut[].

Next write you wanted text into the input box, select the font style and it will be outputted in the output box.

Profile Summary Spacing
I've recieved this question many times on how to make spacing in my profile summary or any other steam text areas.

For example:

To do so, all you have to do is this:

-Hold ALT
Type in on your numpad (make sure numlock is on)

In short terms:
Hold Alt whilst typing 0160 on your numpad.

Once typing in this on your numpad, wait about 0.5 seconds and it should appear looking like a normal space.

Then just copy and paste the invisible character until your text is in the middle.


Some people have trouble with method one, this is another method in which you can get the invisible character.

Firstly, go to the Windows search box in the bottom right and type in characters. Then select the first option.

Then click on advance view, type in 2006 in the unicode box. Select the invisible character above, then finally click the select button and just copy and paste whats in the output box.

IMPORTANT - If you're using [h1] tags with invisible characters
Please read this sub-section

If I did for example:

                 [h1] Invisible characters behind tags[/h1]

Then your text will not be spaced, the tags will force your H1 text to move to the left as far as it can go.

To prevent this is quite simple.

All you have to do is put your invisible characters within the tags like so:

[h1]                 Invisible characters inside tags[/h1]

If you have any questions, feel free to drop them in the comments section. Thank you.
Profile Backgrounds
To find the best background for you, I have two sources which are very large. First being a guide by myself and the other being a tool which allows you to search for exact backgrounds through brightness, price, name and etc.

The guide below shows you the best backgrounds for several themes. For example, Steampunk, cartoon, colorful and many other themes.

This tool I use quite a bit to update my guide however, you may sit down for a couple minutes trying to find the right one for you however, the searching capabilities are very good on this website. If you would like to use this website it's called Steam.Tools[].

Animated/Custom Screenshots
If you want to know how to make an animated screen shot (.GIF). then come check out our other guide:
Or you can watch the video which is also included in the guide.

Extend Artwork Showcase
For those who are interested in stretching their artwork showcase:

I've made a video on the topic, please feel free to check it out.

The video consists of how to upload an extended artwork showcase but additionally the extended right side image meaning you won't have the second and third image box there. 

Badge Sets
If you're interested in getting badges which are themed with your profile. Feel free to check out this badge guide.
< >
BG-trade Jun 14 @ 11:28am 
   invisible spaces
                 shiny May 25 @ 10:33pm 
<33 awesome guide
NMA May 23 @ 8:17pm 
Looking to pay someone to create a whole new Profile for my friend. Needs to also make a decent custom info box for him as well. Please contact me.
shae Apr 30 @ 6:12pm 
nice guide !!<3
✪ icE Apr 28 @ 1:40pm 
Can you check out my profiel and rate it? :DDD
Dr.Asteroid Jan 21 @ 5:23pm 
Epic guide
Jay-Glyph✪ Jan 3 @ 8:16am 
+rep youre really great in helping me!
star Nov 19, 2018 @ 7:51am 
Good job ! :D
✪𝓐𝖕ɪ𝖑𝖆𝖘𝖍力 Oct 26, 2018 @ 11:44am 
Nice !