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.
A cozy theme based on Discord's wonderfully-complicated interface.
3 Links (minimum) on the left sidebar as “Servers”
4 Custom Links as “Text Channels”
Search bar that looks like the Discord message bar
Cute “Online Users” on the right sidebar
This is my first theme, using resources from @airi-nyaan, @azurethemes, and others! Let me know if you run into any problems and I’ll do my best to fix them!
