Fennec's Small Guide & Bio Templates
Hey there!
This guide is intended to save you time without getting bogged down in design considerations. These are my opinions that I want to share with you. While it may not be perfect, I hope at least some of the information will be useful.
Character Bio
I've created two versions: detailed and compact. Simply replace the text with your own and customize it to suit your preferences.
Detailed
- Including:
- Image (if needed)
- About (optional)
- Backstory
- Appearance (optional)
- Personality (optional)
- Scenario
- Note (optional, anything you want to say)
Compact
- Including:
- Image (if needed)
- Backstory
- Appearance (optional)
- Scenario (optional)
- Note (optional, anything you want to say)
Here's the codes:
Paste one of them into the "Source code", which is designated for the code itself.
| Version | CSS |
|---|---|
| Detailed | <p><span style="color: rgb(255, 255, 255)">Scenario</span></p><p style="text-align: center"><span style="color: rgb(255, 255, 255)"> </span></p><p style="text-align: center"><span style="color: rgb(255, 255, 255)"><strong>Artist:</strong></span><span style="color: rgb(232, 207, 141)"> </span><span style="color: rgb(106, 144, 255)"><strong><mark data-color="rgba(106, 144, 255, 0.118)" style="background-color: rgba(106, 144, 255, 0.118); color: inherit">@username </mark></strong></span></p><p style="text-align: center"><span style="color: rgb(234, 219, 190)"> </span></p><hr><p style="text-align: center"><span style="color: rgb(234, 219, 190)"> </span>image here<span style="color: rgb(234, 219, 190)"> </span></p><hr><p style="text-align: center"><span style="color: rgb(234, 219, 190)"> </span><span style="color: rgb(255, 255, 255)"><strong><mark data-color="rgba(255, 255, 255, 0)" style="background-color: rgba(255, 255, 255, 0); color: inherit">About The Character</mark></strong></span></p><p style="text-align: center"><span style="color: rgb(255, 255, 255)">1</span></p><p style="text-align: center"><span style="color: rgb(255, 255, 255)"><strong><mark data-color="rgba(255, 255, 255, 0)" style="background-color: rgba(255, 255, 255, 0); color: inherit">Backstory</mark></strong></span></p><p style="text-align: center"><span style="color: rgb(255, 255, 255)">2</span></p><p style="text-align: center"><span style="color: rgb(255, 255, 255)"><strong><mark data-color="rgba(255, 255, 255, 0)" style="background-color: rgba(255, 255, 255, 0); color: inherit">Appearance</mark></strong></span></p><p style="text-align: center"><span style="color: rgb(255, 255, 255)">3</span></p><p style="text-align: center"><span style="color: rgb(255, 255, 255)"><strong><mark data-color="rgba(255, 255, 255, 0)" style="background-color: rgba(255, 255, 255, 0); color: inherit">Personality</mark></strong></span></p><p style="text-align: center"><span style="color: rgb(255, 255, 255)">4</span></p><p style="text-align: center"><span style="color: rgb(255, 255, 255)"><strong><mark data-color="rgba(255, 255, 255, 0)" style="background-color: rgba(255, 255, 255, 0); color: inherit">Scenario</mark></strong></span></p><p style="text-align: center"><span style="color: rgb(255, 255, 255)">5</span></p><p style="text-align: center"> </p><hr><p style="text-align: center"><span style="color: rgb(255, 255, 255)"><strong><mark data-color="rgba(255, 255, 255, 0)" style="background-color: rgba(255, 255, 255, 0); color: inherit">Note: </mark></strong><mark data-color="rgba(255, 255, 255, 0)" style="background-color: rgba(255, 255, 255, 0); color: inherit">It doesn't matter</mark></span></p><p style="text-align: center"><span style="color: rgb(234, 219, 190)"> </span></p> |
| Compact | <p><span style="color: rgb(255, 255, 255)"><mark data-color="#ffffff00" style="background-color: #ffffff00; color: inherit">Description</mark></span></p><p><span style="color: rgb(255, 255, 255)"><mark data-color="#ffffff00" style="background-color: #ffffff00; color: inherit"></mark></span></p><p style="text-align: center"><span style="color: rgb(255, 255, 255)"><strong><mark data-color="#ffffff00" style="background-color: #ffffff00; color: inherit">Artist:</mark></strong><mark data-color="#ffffff00" style="background-color: #ffffff00; color: inherit"> </mark><strong><mark data-color="#ffffff00" style="background-color: #ffffff00; color: inherit">@username</mark></strong></span></p><p><span style="color: rgb(255, 255, 255)"><mark data-color="#ffffff00" style="background-color: #ffffff00; color: inherit"></mark></span></p><p style="text-align: center">──────────────────────────────────</p><p style="text-align: center"> img</p><p style="text-align: center">──────────────────────────────────</p><p style="text-align: center"><span style="color: rgb(255, 255, 255)"></span></p><p style="text-align: center"><span style="color: rgb(255, 255, 255)"><mark data-color="#ffffff00" style="background-color: #ffffff00; color: inherit">plain text, backstory</mark></span></p><p style="text-align: center"><span style="color: rgb(255, 255, 255)"><mark data-color="#ffffff00" style="background-color: #ffffff00; color: inherit"></mark></span></p><p style="text-align: center"><span style="color: rgb(255, 255, 255)"><mark data-color="#ffffff00" style="background-color: #ffffff00; color: inherit">plain text, appearance</mark></span></p><p style="text-align: center"><span style="color: rgb(255, 255, 255)"><mark data-color="#ffffff00" style="background-color: #ffffff00; color: inherit"></mark></span></p><p style="text-align: center"><span style="color: rgb(255, 255, 255)"><mark data-color="#ffffff00" style="background-color: #ffffff00; color: inherit">plain text, note</mark></span></p><p style="text-align: center"><span style="color: rgb(255, 255, 255)"><mark data-color="#ffffff00" style="background-color: #ffffff00; color: inherit"></mark></span></p><p style="text-align: center"><span style="color: rgb(255, 255, 255)"><mark data-color="#ffffff00" style="background-color: #ffffff00; color: inherit">anything else?</mark></span></p><p style="text-align: center">──────────────────────────────────</p><p style="text-align: center"><span style="color: rgb(255, 255, 255)">img</span></p><p style="text-align: center">──────────────────────────────────</p><p style="text-align: center">⌵⌵⌵</p> |
| Simple | Working on it... |
Be mindful of invisible text—it’s neither visible nor selectable. I use it to create blank spaces for design purposes.
Making Character
Tired of trying to bring your imaginary characters to life but don’t know where to begin? Here are a few AI tools, prompts and template to make the process easier for you. Keep in mind, I created all the characters and wrote their backstories myself because relying on others didn’t give me satisfactory results.
Prompts
Small Guide for Users by Astarya
Mar's List Of Prompts
Kolach3's Prompts
Writing Tools
ahref - Save time and free copywriting tools powered by AI. No sign-up needed.
Generate Story - A free story writer for all—no sign-up needed.
Content Detector AI - Unlike ahref, it's free but have AI Detector.
ToolBaz - Create backstory with free multi AI models
Image Generation
createporn.com - An Adult Image Generation service that uses cutting edge AI technology to create high-quality adult images.
Miscellaneous
Tokenizer - A tool that allows you to understand how a piece of text might be tokenized by a language model.