Cool! So I might as well show off a bit of the template that I used recently and how each part is used to help create something interesting. I'm always switching up and trying out new things, but this one seems to work well for me as a generic base. [hider=Sample CS] [center][img]https://placeholdit.imgix.net/~text?txtsize=28&txt=300%C3%97300&w=300&h=300[/img] [color=C23B22][b]⟡ ⟡ ⟡[/b][/color][h3][color=C23B22][u] L O R E M I P S U M [/u][/color] [sup][sup][color=C23B22]❰ GENDER [b]⟡[/b] APPROX AGE ❱[/color][/sup][/sup][/h3][/center] [color=C23B22][sub][u][b] A P P E A R A N C E [/b][/u][/sub][/color] [indent][indent][color=CCCCCC] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ut pharetra felis. Aliquam vehicula felis a augue facilisis tempor. Aliquam eu luctus arcu, vel tempus felis. Aliquam vel erat id nisl hendrerit ornare. Nullam id elementum felis, et accumsan diam. Nulla vel purus gravida, sodales metus at, maximus turpis. Morbi mauris lacus, placerat eu iaculis nec, interdum a sem. Mauris sit amet nibh ut arcu posuere ullamcorper. Phasellus facilisis pretium dui vel tristique. Maecenas vitae mi massa. Proin varius auctor ex non semper. Sed non lacus vel sem vulputate interdum ut ac erat. Phasellus ac diam eu magna mattis fringilla. Morbi luctus mauris ac eros sodales gravida.[/color][/indent][/indent] [color=C23B22][sub][u][b] B I O G R A P H Y [/b][/u][/sub][/color] [indent][indent][color=CCCCCC] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ut pharetra felis. Aliquam vehicula felis a augue facilisis tempor. Aliquam eu luctus arcu, vel tempus felis. Aliquam vel erat id nisl hendrerit ornare. Nullam id elementum felis, et accumsan diam. Nulla vel purus gravida, sodales metus at, maximus turpis. Morbi mauris lacus, placerat eu iaculis nec, interdum a sem. Mauris sit amet nibh ut arcu posuere ullamcorper. Phasellus facilisis pretium dui vel tristique. Maecenas vitae mi massa. Proin varius auctor ex non semper. Sed non lacus vel sem vulputate interdum ut ac erat. Phasellus ac diam eu magna mattis fringilla. Morbi luctus mauris ac eros sodales gravida. Nullam viverra, nisl at dapibus vestibulum, quam nulla auctor ex, ut tempus metus odio id velit. Donec imperdiet feugiat nunc, at condimentum tellus sagittis at. Maecenas odio lectus, vehicula ac pellentesque nec, bibendum non nulla. Suspendisse tincidunt ipsum in mattis ultrices. Maecenas nec quam quam. Curabitur eget mauris magna. Ut mollis non tortor ut vulputate. Proin cursus at diam eget ullamcorper. Nullam iaculis augue eu scelerisque rhoncus. Donec sed mi sit amet risus sollicitudin convallis. Aliquam sit amet nisl fringilla, malesuada odio eu, pretium arcu. Pellentesque tempus in sem eget pulvinar. Proin maximus vel lectus vitae iaculis. In in sem ullamcorper, cursus augue eget, elementum diam. Donec est tortor, facilisis eget tincidunt a, aliquam eu ex. Aenean ullamcorper auctor venenatis. Aliquam nulla mi, bibendum a efficitur eget, commodo sit amet leo. Cras a pulvinar risus, eu sagittis nulla.[/color][/indent][/indent] [color=C23B22][sub][u][b] S K I L L S / T R A I T S [/b][/u][/sub][/color] [indent][indent][b][color=db4b30]⟡ Lorem Ipsum[/color][/b] [indent][color=CCCCCC]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ut pharetra felis. Aliquam vehicula felis a augue facilisis tempor. Aliquam eu luctus arcu, vel tempus felis. Aliquam vel erat id nisl hendrerit ornare. Nullam id elementum felis, et accumsan diam. Nulla vel purus gravida, sodales metus at, maximus turpis. Morbi mauris lacus, placerat eu iaculis nec, interdum a sem. Mauris sit amet nibh ut arcu posuere ullamcorper. Phasellus facilisis pretium dui vel tristique. Maecenas vitae mi massa. Proin varius auctor ex non semper. Sed non lacus vel sem vulputate interdum ut ac erat. Phasellus ac diam eu magna mattis fringilla. Morbi luctus mauris ac eros sodales gravida. [/color][/indent] [b][color=db4b30]⟡ Lorem Ipsum[/color][/b] [indent][color=CCCCCC]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ut pharetra felis. Aliquam vehicula felis a augue facilisis tempor. Aliquam eu luctus arcu, vel tempus felis. [/color][/indent][/indent][/indent] [color=C23B22][sub][u][b] W E A P O N S [/b][/u][/sub][/color] [indent][indent][b][color=db4b30]⟡ [url=https://placeholdit.imgix.net/~text?txtsize=28&txt=300%C3%97300&w=300&h=300]Lorem Ipsum[/url][/color][/b] [indent][color=CCCCCC]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam ut pharetra felis. Aliquam vehicula felis a augue facilisis tempor. Aliquam eu luctus arcu, vel tempus felis. [/color][/indent][/indent][/indent] [/hider] So going through a few details: [list][*]First off, the top of my CS is always a header style with the image being presented first for the character or theme. Most of the time this will contain the visuals for what I want my character to look like and gives the reader the instant impression of what they should be imagining. I have on one occasion used a art style image that portrayed a lower body shot instead but this worked well seeing as the face of my character was unknown at the time.[/list] [list][*]The details like Name, age and gender can be placed in their own section and stylised so that it gives all your short info in a neat, condensed manner without taking up several lines of text. For the names I tend to go to http://megacooltext.com/ and swap over the generic web text for something a little different, while the symbols that I use can be acquired from sites like http://www.alt-codes.net/ or http://www.copypastecharacter.com/.[/list] [list][*]Colours can be used to help change the feel and make it easier for readers. I never use dark colours and hate it when people use black. I don't want to highlight your text just to be able to read it! Instead, I will choose lighter colours or go with a pastel range. http://www.colorhexa.com is a great site for getting the hex codes or names, while offering a range of shades. For The example CS I used #c23b22, however down in the bullet points I went to the [i]shade and tint[/i] section of http://www.colorhexa.com/c23b22 and chose a shade that was 2 levels lighter. Doing so allows me to add colour contrast so people can see where different element lie. [b]Note:[/b] I use #CCCCCC for my text as pure white can often come out a bit bright. A softer colour makes the text easier to read and less harsh on the eyes. Adding a colour shade to this to have, say, a lighter shade of red is also possible and can help with style. [quote=Compare]White text [color=CCCCCC]Light grey text[/color][/quote][/list] [list][*]Underlines are amazing, especially with colour. By adding spaces before the text you can pad out the underline to make it feel more dominant. [b]Example:[/b] [color=Aquamarine][u][b]Test[/b][/u][/color] [color=Aquamarine][u][b] Test [/b][/u][/color] Playing around with the position of the colour tag can create some unusual effects too [color=Aquamarine][u][b] [color=Pink]Test[/color] [/b][/u][/color] [quote=BB Code][code][color=Aquamarine][u][b]Test[/b][/u][/color] [color=Aquamarine][u][b] Test [/b][/u][/color] Playing around with the position of the colour tag can create some unusual effects too [color=Aquamarine][u][b] [color=Pink]Test[/color] [/b][/u][/color][/code][/quote][/list] [list][*]I used the sub tags for the headings like appearance as they can appear quite effective as slim versions. Less size means that they appear more defined, especially with coloured text and underlines[/list] [list][*]Other tags that I have used are [abbr=Hidden notes]abbr[/abbr] and Pre. [pre]Pre is framed sections[/pre] ...but I rarely use these as they tend to look ugly on my CS designs.[/list] Give me 6 months and I'll be using a completely different style with a whole lot more formatting. Can't help it... It's addicting. :sun [b]EDIT :[/b] Two things... [indent]First, I also use Indent........ ALOT!!!! Secondly, Click the Raw link up the top to check out my formatting. Sometimes seeing the code can help explain some things.[/indent] [b]EDIT 2 :[/b] Just noticedon mobile the underline trick shows up differently. On pc it appears as a different colour to the text, yet on mobile it's split into the colour of the line and the colour of the text. Mobile version of this site produces some odd effects sometimes.