Like Mental Models? Grab one of our pre-made badges and put them on your web site or blog to help us get the word out.

Large (400 x 150 pixels)

And here's the code for the badge above. Copy and paste this somewhere into your site or blog's HTML. This one is a bit bigger, so make sure you have enough room in the spot you place this to avoid unwanted scrollbars:

<div style="display: block; border: solid 1px #d9e4c4; width: 370px; overflow: hidden; margin: 10px 0; padding: 0 15px 0 0; background: #fff;"> <a href="http://rosenfeldmedia.com/books/mental-models/"><img src="http://rosenfeldmedia.com/i/covers/mental-models-md.gif" width="100" height="150" alt="Mental Models Cover" style="border: solid 1px #d9e4c4; border-top: 0; border-left: 0; float: left; margin: 0 15px -1px 0; padding: 0;" /></a> <h3 style="display: block; font: normal 14px palatino,georgia,serif; font-style: normal; margin: 0.5em 0 0.25em 0; padding: 0; border: 0; line-height: 17px; color: #background: none;"><a href="http://rosenfeldmedia.com/books/mental-models/" style="color: #107B84; text-transform: uppercase;">Mental Models: <span style="color: #107B84; text-transform: none; text-decoration: underline;">Aligning design strategy with human behavior</span></a></h3> <p style="display: block; margin: 0 0 0 115px; padding: 0; border: 0; color: #000; background: none; font: normal 11px verdana, sans-serif; line-height: 17px;">Adaptive Path co-founder <a href="http://www.rosenfeldmedia.com/books/mental-models/author/biography/" style="color:#107B84; text-decoration: underline; font-weight: normal; font-style: normal;">Indi Young</a> has written a roll-up-your-sleeves book for designers, managers, and anyone else interested in making design strategic, and successful. <a href="http://www.rosenfeldmedia.com/" style="color:#107B84; text-decoration: underline; font-weight: normal; font-style: normal;">Rosenfeld Media</a>, 2008. <a href="http://www.rosenfeldmedia.com/books/mental-models/" style="color:#107B84; text-decoration: underline; font-size: 10px; font-weight: normal; font-style: normal; display: block; text-align: right;">Read More &gt;</a></p> </div>

Medium (250 x 150 pixels)

And here's the code for the badge above. Copy and paste this somewhere into your site or blog's HTML:

<div style="display: block; border: solid 1px #d9e4c4; width: 235px; height: auto; overflow: hidden; margin: 10px 0; padding: 0 15px 0 0; position: relative; background: #fff;"> <a href="http://rosenfeldmedia.com/books/mental-models/" style="float: left; display: block; height: 128px; overflow: hidden; margin-right: 10px;"><img src="http://rosenfeldmedia.com/i/covers/mental-models-md.gif" width="100" height="150" alt="Mental Models Cover" style="border: 0; border-right: solid 1px #d9e4c4; padding: 0; margin: 0;" /></a> <h3 style="display: block; font: bold 14px palatino,georgia,serif; font-style: normal; margin: 0.5em 0 0 0; padding: 0; border: 0; line-height: 18px; background: none;"><a href="http://rosenfeldmedia.com/books/mental-models/" style="color: #86A06A; text-decoration: underline;">Mental Models</a></h3> <p style="display: block; margin: 0 0 0 110px; padding: 0; border: 0; color: #000; background: none; font: normal 11px/17px verdana, sans-serif;"><em style="font-style: italic;">Aligning design strategy with human behavior</em></p> <p style="display: block; margin: 0 0 0 110px; padding: 0; border: 0; color: #000; background: none; font: normal 11px/17px verdana, sans-serif;">by <a href="http://www.rosenfeldmedia.com/books/mental-models/author/biography/" style="color:#107B84; text-decoration: underline; font-weight: normal; font-style: normal;">Indi Young</a><span style="font-size: 10px; display: block;"><a href="http://www.rosenfeldmedia.com/" style="color:#107B84; text-decoration: underline; font-weight: normal; font-style: normal;">Rosenfeld Media</a>, 2008.</span></p> </div>

Tall (100 x 300 pixels)

And here's the code for the badge above. Copy and paste this somewhere into your site or blog's HTML:

<div style="display: block; border: solid 1px #d9e4c4; width: 100px; margin: 10px 0; padding: 0; background: #fff;"> <div style="display: block; border: none; width: 100px; height: 128px; overflow: hidden;"> <a href="http://rosenfeldmedia.com/books/mental-models/"><img src="http://rosenfeldmedia.com/i/covers/mental-models-md.gif" width="100" height="150" alt="Mental Models Cover" style="border: 0; padding: 0; margin: 0;" /></a> </div> <h3 style="display: block; font: bold 14px palatino,georgia,serif; font-style: normal; margin: 0.5em 0 0 0; padding: 0 0.35em; border: 0; line-height: 18px; background: none;"><a href="http://rosenfeldmedia.com/books/mental-models/" style="color: #86A06A; text-decoration: underline;">Mental Models</a></h3> <p style="display: block; margin: 0; padding: 0 0.35em; border: 0; font: normal 11px/17px verdana, sans-serif; color: #000; background: none;"><em style="font-style: italic;">Aligning design strategy with human behavior</em></p> <p style="display: block; margin: 0; padding: 0 0.35em 0.5em 0.35em; border: 0; font: normal 11px/17px verdana, sans-serif; color: #000; background: none;">by <a href="http://www.rosenfeldmedia.com/books/mental-models/author/biography/" style="color:#107B84; text-decoration: underline; font-weight: normal; font-style: normal;">Indi Young</a><span style="font-size: 10px; display: block; line-height: 14px; margin-top: 6px;"><a href="http://www.rosenfeldmedia.com/" style="color:#107B84; text-decoration: underline; font-weight: normal; font-style: normal;">Rosenfeld Media</a>, 2008.</span></p> </div>