#profilecode

I’ve been brewing a little magic and ended up crafting three profile codes with the same base layout, each dressed in a different color theme. They're simple, clean, and (dare I say?) kinda enchanting.

Heads up though: the images I used are randomly plucked from the internet while I was sneakily coding during work hours (oops). So please make sure to download and reupload them yourself, then swap the image URLs in the code. Otherwise, things might break later when the images vanish into the void – and nobody needs that kind of heartbreak.

The real beauty of these layouts? They’re powered by CSS variables. At the top of the CSS under :root, you’ll find all the main color settings. Want a new vibe? Just change a few hex codes, and the entire theme transforms. No messy inline styles, no chaos – just clean, manageable code. The HTML is kept as minimal as possible for easier editing and a smoother experience.

♥ Fantasia #1 (Video Theme)

♥ Fantasia #2 (Red Version)

♥ Fantasia #3 (Blue Version)

II. Castor and Pollux - BS

hi guys!

I am back with a code for a backstory!

It has:

☆ three pictures in the header

☆ four pages for your story

☆ six pictures in the aesthetics box (you can scroll in there!)

☆ an OOG slot and space for five pictures about you! (find this on page five)

notion | pastebin

Have fun with the code and please read my rules before you use it!

★ do not remove the credits or change their style or place!

★ don’t claim this as your own!

★ please write me a message if something breaks or you need help with smth ♥

Much love and a huge thanks ♥

pastebin | link

FIRST CODE BACK BABY!! sorry for the horrendous quality, the computer i usually use for coding + recording is in another country rn

i honestly cried while making this because i lost this code so many times. i first started it waaay back in 2021, but i only got the two letters + name down. and now it’s here. somehow works. don’t know how it looks on site but just hoping for the best HAHA

Hello everyone! ♡ I’m finally back with a brand new profile code that I’ve been working on over the last few days. This one is a little cleaner and more minimal compared to some of my older layouts — but also way easier to edit and customize.

All colors can be changed very easily through the :root section, so adjusting the entire vibe only takes a few seconds. The overall design was inspired by glossy fashion magazines, editorial layouts and cinematic character aesthetics, while still being flexible enough to fit a lot of different themes and personalities.

Even though it leans into a soft luxury / editorial style, you can easily push it more into dark academia, old money, grunge, romantic, modern or even colder masculine aesthetics depending on the colors and images you use.

And yes - despite the preview character - it also works really well for male characters. :) V1

V2

hello everyone ♡ coding fever hit me HARD lately. i listened to way too much twilight music and somehow this entire code turned into a full vampire gothic mess. but honestly? i’m obsessed with it.

and because someone recently called me out for making my codes impossible to edit, i actually tried to make this one extra easy to work with this time 😭 the colors are super easy to change and the rest recalculates automatically, so you can pretty much turn it into anything you want.

you could make it all soft and bright and happy - or somehow make it even darker. that part is completely up to you.

i also made a blue example version called Midnight Decay just to show how different the vibe can become with only a few color changes.

small note though: the images with the class .collageRose might need some resizing/repositioning in the CSS depending on your own pictures. but that should be a pretty quick fix.

have fun with it ♡ RED DECAY

MIDNIGHT DECAY

Hello everyone!

Two weeks have passed again, and I tried my hand at something new. I’m currently in my “dreamy, glass, blur” phase and absolutely loving it. Let’s see when that one ends – but honestly, I’d marry the backdrop-filter blur if I could :P

You know the drill:

Credits must not be removed

Feel free to add yourselves in the credits as editors of the code

Root variables can be changed to customize the layout – super user-friendly

Navigation sections: Main (with character sheet), Traits, Personality, Looks, Gallery, Relations

Lots of space for pictures and your aesthetic!

after finishing the profile code, i kinda just sat there and thought… something’s missing. and then it hit me: i never make matching backstory codes. like… ever.

so this one is basically the storytelling counterpart to the profile. same vibe, same aesthetic, just made for all your lore, drama and painfully long character histories (as it should be).

it works really nicely with a lot of text, but still keeps everything readable and clean.

and again: please send me your versions. i mean it. i love seeing what you guys do with these, even if i mostly end up quietly stalking from the shadows :’)

NEO TOKYO

hey little fae creatures 🦋✨

important question first: are you a dark fairy or a light fairy?

…either way - I’ve got you covered.

I recently built two new profile codes: a soft, dreamy pink butterfly theme and a darker, more mystical dark butterfly theme.

the inspo actually came from two wallposts I made earlier (I’ll upload those separately )

both codes are fully customizable and made to feel a bit like stepping into your own little fantasy world lol

if you have any questions, run into issues, or want to tweak something - feel free to poke me on Discord: @mahrico

PINK BUTTERFLY

DARK BUTTERFLY