Home

Welcome to the documentation page for the Cornell Design System (CDS) by the Cornell Custom Development team. This site is meant to be a resource for those who are developing or designing websites which will use this as a foundation.

A more in-depth demo of CDS is found on the IWS Preview site.

Documentation

Each page will document the following items:

• Code: The code section details the basic markup required to make the component work. Developers will then use the tools available in each platform to populate the content.
• Styles: Within code blocks, you may encounter linked, bolded text in curly braces. This represents a kind of variable where you can optionally insert one of the classes in the styles section or leave it empty to use the default.
• Accessibility Expectations: A table of all the web accessibility requirements that are expected after implementation.
• Designer Notes: Notes specifically for concept design and the early UX phases of a project.
• Developer Notes: Notes specifically about all levels of front-end implementation, including CSS, JS, and templating.

CDS Github

The Github repository for CDS lives at https://github.com/CornellCustomDev/cds. CDS is configured to work with Composer. When adding CDS to any project, it will bring along fonts, images, CSS, SCSS, and JavaScript.

Including CDS with Composer

The latest release as of May 7, 2025 is a beta release v1.1.2-beta. In composer.json you can use cornell-custom-dev/cds: "~1.1.0@beta" within the require.