Elevate your blog's identity with a theme that speaks in silences and sharp silhouettes. NOIR is a magazine-inspired "About Me" static page designed for the modern curator. Whether youâre archiving your latest K-pop stanning era or building a professional editorial portfolio, this layout provides the structure your story deserves.
[ LIVE PREVIEW ] ¡ [ GET THE CODE ]
đ THE VIBE
Sleek + Classy: A strictly monochromatic palette.
Editorial Hierarchy: Magazine-style grids with serif + sans-serif font pairing.
Fully Responsive: Optimized for desktop, tablet, and mobile browsing.
Light Animations: Subtle CSS fade-ins and avatar interactions.
Layout Features: 6 navigation links, "This or That" sidebar, custom tag grid, and a dedicated contact section.
đ RULES OF USE
Do not remove the credit to @whereinmnl.
Personal use only. You may edit the colors and text, but do not redistribute as your own.
Like or Reblog if youâre using or saving! It helps more than you know.
đ CREATOR'S NOTE
This is officially my first theme release! Honestly, this was quite a challenge to build. Navigating Tumblrâs "no JavaScript" rule for pages forced me to get creative with pure CSS to ensure the layout stayed responsive and the animations felt fluid. It took a lot of trial and error to get that "magazine" look just right without relying on scripts, but Iâm so happy with the final result. I hope you love using it as much as I loved (and struggled!) building it.
đŚ HOW TO INSTALL
Go to your Blog Settings: Click the palette icon (Customize) on your Tumblr dashboard.
Add a Page: Scroll to the bottom of the left sidebar and click '+ Add a Page'.
Setup the URL: Give your page a name (e.g., about or profile).
Enable Custom Layout: Toggle the switch that says 'Use Custom Layout'.
Clear the Code: Delete everything currently in the code editor window.
Paste & Save: Copy the NOIR theme code, paste it into the editor, and hit 'Save'.
Final Step: Make sure your new page is set to "Show a link to this page" if you want it visible on your main blog navigation!
đĄ QUICK CUSTOMIZATION TIPS
Change the Avatar: Look for the <img> tag near the top of the code and replace the URL inside src="..." with your own image link.
Update the Links: Search for href="#" and replace the # with your actual social media or internal blog links.
Colors: If you want to change the "Noir" look, look for the :root section at the top of the CSS and swap the HEX codes for --bg or --accent.
DISCLAIMER: While this code is my own original work, I acknowledge that minimalism often shares similar design elements. If you feel this layout closely resembles your own work or if you have any concerns regarding the design, please feel free to message me privately so we can discuss it. I value the integrity of the creator community.
I decided to play a game called âRedesigning old characters without looking at the first image you drew of them, itâs solely on what you remember about themâ and BOY. Itâs wild to see how Iâve improved and pushed myself forward to try and get better compared to when the original images were done (I think like ...2017? 2018 maybe.) as well as experiment with a new kind of hair style.
Part of the Cast of my Noir-esque story called Induction, a story about a PI named Maxim Tentrill with some serious short term amnesia and a black out night that results in him being dragged into the secret world that exists of monsters living among humans.
per request by @zalein, a noir theme. or my interpretation of one. Connorâs a fresh-faced detective, new to a city thatâs rife with vice and violence. During the course of an investigation he meets Markus, a piano-playing barman who knows a thing or ten about the art of seduction. Connor is determined not to be lured into his bed, positive that Markus has something to hide. But is Markus protecting himself, or someone else? And will Connor be able to resist his charms indefinitely?
Mert & Marcus continue Vogue Parisâ Noir theme by shooting cover star Kate Moss alongside Saskia de Brauw in a series of divine images styled by Katy England.