Mastodon [email protected] the museum of alexandra

for you

rows of shelves line the walls of this regally-wallpapered room, gold trimmings gracing the edges of white crown molding encircling the ceiling. lights bounce off walls to show delightful giftboxes, wrapped in metallic papers of all colors. on each of the boxes, a cartoonishly large pricetag labeled FREE dangles next to an artist's rendition of what is inside. under each row, a short description of each gift is neatly written on a blank white notecard. it appears this room is full of free gifts for you, the visitor of this museum.

color palettes

layouts

adoptables

backgrounds


color palettes

these are some color palettes that i've generated on coolors.co that i loved, named after the vibe i get from them. i hope they inspire you! the hex codes are included for easy use.

space champagne & ice cream
#7A918D #53131E #B4654A #FFEFBD #FAE3C6
hansel & gretel
#000000 #4E6E58 #BC4B51 #E3BAC6 #E0EFDE
moonglade
#2D3047 #1C448E #D5E2BC #D0FFD6 #829CBC
polo shirt
#DDD8B8 #172A3A #004346 #84A9C0 #DD614A
tarnish
#93748A #34113F #313638 #ECA72C #E8E9EB
forest fairy
#074F57 #F2F230 #CB958E #102542 #8CADA7
sea stones
#376996 #84A98C #CAD2C5 #3C362A #D7816A
dreams of electronica
#34E4EA #9B9ECE #6665DD #473BF0 #EC0B43
mushrooms in the moss
#653239 #483519 #6F7C12 #FFC857 #B79492
ocean water & sea foam
#59D6BF #00A5CF #201A92 #CEEDDB #F6EFEE
pompeiian walls
#50723C #FF934F #EDF2F4 #7B2D26 #231F20

layouts

otter sanctuary

preview

i wanted to make a 2000s-style layout featuring a big image and a forever-scrolling body text. i love otters, and i thought this smiley guy would be a welcoming presence for anyone coming to your website. this layout is not responsive, unfortunately, but it can be viewed on screens easily from 1024px wide. the layout is still pretty customizable, and if you would like to edit the code to make it responsive, please feel free! there's no custom fonts, but there is javascript used for the bubble cursor effect. feel free to remove if you're aiming for no javascript. don't forget to credit!

desktop dream

preview

i wanted to make a layout that was versatile, clean, and had elements of classic computing GUIs that would be easy to customize. feel free to change the palette to your heart's content. included in the html file is the CSS — easy, and you're good to go! there are no custom fonts or additional scripts, so all you have to do is copy the code below. don't forget to credit!


adoptables

if you adopt any of these, be sure to right-click and "save as" to upload onto your own server. please don't hotlink! and don't forget to link back to the museum so folks can get their adoptables, too! unsure what to do with these? check out this guide to interacting with other websites in the personal web.

plants & nature

food & drinks

furry friends

diddles the raccoon, who you can download animated or static, comes with an adoption certificate that can be edited with a name (should you choose to rename "diddles") on the dotted line, as well as the month and day to signify a gotcha day!

     


free backgrounds

if you use any of these, be sure to right-click and "save as" to upload onto your own server. please don't hotlink!