Back to top

NYPL Base is a project of the Web team at The New York Public Library, in close collaboration with its Digital Media and Creative Services teams. To achieve consistency among our digital properties, we needed to be able to easily experiment, develop, codify, and disseminate our design, so we created this rapid prototyping system, or "living style guide."

The best-known example of this kind of toolset is Twitter Bootstrap, which was developed by Mark Otto and Jacob Thornton at Twitter as a way to keep their properties and internal tools consistent. Since the release of an open-source version of their project, you can download the Bootstrap package and override the styles to suit your own project. However, overrides can take a lot of time and repeated code, so NYPL Base was designed to provide even greater customization and flexibility.

During development, several frameworks were research and InuitCSS was selected because:

  • It’s built on principles of object-oriented development, which makes it modular
  • It uses proportional (rather than column-based) layouts, which makes it more flexible
  • It does not include styling or branding of any kind, which eliminates the need for overrides
  • It’s device-agnostic and responsive

The project was named NYPLBase (or familiarly, "Base") because this code provides a "base" for all our web properties. Color palette, typeface, default styles, and a bit of structure is all built into this code package. We can use it internally to rapid-prototype and test right away, we can use it as design reference, we can build a sustainable, adaptable pattern library, and we save time and money on projects because our brand is built in. Future redesigns will benefit from sustainable, consistent branding, time and money saved internally, and a smaller learning curve for our consulting agency partners. And even if you're not working directly with code, you can still use the style guide.

Please note that NYPL Base is still in infancy and our web team is working directly in the code for Base so that fixes to the core can be made as we go. Please be patient with bugs or glitches and let us know so that we can improve the site. In the future, we plan to accept pull requests on GitHub from trusted colleagues and hope that, when appropriate, others can contribute back to the project, so that this code will improve, iterate, and grow.

Please direct any questions or comments about NYPL Base to Jennifer Anderson, Senior UX Designer.

Acknowledgements

I owe being able to even conceive of a distributable rapid prototyping system (RaProSys? that's terrible) to Mark Otto and Jacob Thornton, makers of Bootstrap.

Massive amounts to Harry Roberts and his css wizardry for creating Inuit; I stand on his beefy shoulders and no mistake. The burliness of the Sass in this system is all about Harry's excellent work.

Big thanks to Brian Foo, whose DRR Bootstrap (maintained by NYPL Labs) provided a great starting point. Also, BFoo taught me more than a few sassy Sass tricks.

Finally to Sean Redmond, who gave me room to do this exactly how I wanted, and never made me feel bad for not knowing all my command line commands. Thanks man.

Thank you!

jA