Seven cultural centers and a symposium, behind one front door
WebsiteWeb appLogoPrint
The Office of Inclusive Excellence at Colorado State University works alongside seven cultural resource centers, and every fall it hosts The Symposium for Inclusive Excellence, open to the whole CSU System and the wider community. Its homepage carries all of it at once: heritage months, open houses, alumni nights and a call for proposals.
Events here come and go every week, and a homepage still promoting last month's celebration looks abandoned. So the staff post events themselves, each with a date to go up and a date to come down, and the site follows the calendar. It also had to pass CSU's own accessibility review, which tested every menu by keyboard. The same review step shows up across my university work.
In 2026, Colorado State University reorganized and closed the Office of Inclusive Excellence. The cultural resource centers moved back to the Division of Student Affairs, and this site was retired that September. Everything pictured here is from my own copy of the build.
Adrial is absolutely wonderful and cares deeply about his work and the content that he creates. … We trust Adrial with all of our graphic needs.
Kauline CiprianiVice President for Inclusive Excellence, Colorado State UniversityThe front page
Events that post and retire themselves
The office adds each event in an easy-to-use CMS with a date to appear and a date to come down, and picks one to feature at the top. The homepage follows that calendar on its own, so it never advertises a celebration that already happened. Staff spend their time on the event. Nobody has to remember to delete it.
The client edits this themselves, in the CMS
A tool beside the site
Event graphics without waiting on a designer
The cultural resource centers needed social graphics that look like CSU. So I built a generator: pick Instagram or Twitter, a template and a photo effect, type a headline, and download a PNG, JPG, PDF or GIF. The colors come in pre-approved pairings nobody can change, so every graphic stays readable and on brand.
A Twitter card on the Energy Bars template
Accessibility
Every menu works from the keyboard
Every dropdown opens with Enter, the phone menu is a real button, and a black and white focus ring shows where you are on any background. Somebody who can't use a mouse gets the same site as everyone else, and CSU's own software accessibility analyst reviewed it by keyboard.
Tab to About and its menu opens
History
A diversity timeline back to the class of 1884
I built CSU's diversity timeline out of short histories: when each center opened, who led it, what it was renamed. Pick a center and the timeline tells only its story, so El Centro's starts in 1979 and the Pride Resource Center's in 1997. The office adds each new chapter in the CMS.
The client edits this themselves, in the CMS
El Centro, from 1979
Resource library
178 resources, searchable as you type
Books, podcasts, videos, documentaries and conferences the office recommends, each with its creator and category. Type a word and the list narrows as you type, or pick a medium to see only podcasts. Faculty and staff looking for a starting point find one in seconds, with no reading list to scroll.
The client edits this themselves, in the CMS
All 178 resources
The Symposium
Answers the team edits, and can hide
Each of The Symposium's questions is its own entry in the CMS, with an order and a switch that hides it without deleting it. When a detail changes between years, the team updates one answer, and a question that doesn't apply this fall can sit out and come back next year.
The client edits this themselves, in the CMS
Where students go
Seven centers, each one click away
Every cultural resource center gets the same card on the homepage: a photo of its own people, its full name and a button to its site. Equal billing matters to an office whose work spans all of them, and a student looking for their community finds it in one click.
The same office, in print, all year
Heritage months, the mural sign and its artist profile, the Symposium recap, the sponsorship sheets that pay for the rest. They come out of the same type, the same green and chartreuse and the same sun, so a student who saw the website recognizes the poster on the wall. One office speaking once. A dozen departments would each have invented a look.
The Symposium
A banner that reads from across a lobby
The Symposium's pull-up banner stands where people gather between sessions. It carries the year's theme in the event's own mark, so the room reads as the Symposium from across the floor. The same artwork runs the step and repeat, the slide template and the pin, which is why none of it needs a label explaining what it belongs to.
Identity
One mark that holds at an inch or eight feet
The Symposium needed a mark of its own that still read as CSU. It had to hold up at an inch across on an enamel pin and at eight feet on a fabric backdrop, in one ink or four. Drawing it once, properly, is why the pin, the sticker and the step and repeat all look like the same event rather than three near misses.
On the wall
Fifty years of El Centro, on one wall
El Centro turned fifty, and the history lived in people's memories and a box of photographs. This is thirty-one inches of it: every milestone from 1936 to now, with the students and directors who made each one. It hangs where students walk past it, which is the point of printing it at all.
What held it all together
An easy-to-use CMS
Events, their schedules and The Symposium's questions are edited by the office's own staff, with no developer in the loop.
One rule for links that leave
Links to other CSU sites and partners open in a new tab, decided by one shared rule, so a student never loses their place on the office's site.
One mark, drawn once
The Symposium mark was drawn as vector art and supplied in the formats each vendor asks for, so the pin maker, the banner printer and the web build all worked from the same original, never an emailed screenshot.
Print that comes back right
Every piece went out as a press-ready PDF with bleed and trim marks set the way the printer expects, which is why the greens on the poster match the greens on the brochure and nobody had to reprint.
Templates the office fills in themselves
The slide deck and the event flyer are templates, not one-off files. Staff open them, drop in the month's photo and headline, and the result still looks like it came from the same office.
One ink, when one ink is all there is
The mark has a single-color version drawn for the purpose, not converted on the day, so it survives an embroidered shirt, a stamped pin and a black and white program without turning to mud.
Check out these other projects
UNC Gillings School of Global Public HealthOne look, from the homepage to the coffee mugThe No. 1 public school of public health, with eight departments publishing at once and one look holding across every one of them.See the project 
UNC Center for Thriving Communities114 local governments, one way to make the caseA decision tool for the working groups recommending how 114 NC local governments spend eighteen years of opioid settlement money.See the project 
UNC Gillings School of Global Public HealthA print magazine that reads just as well on a phoneTwo issues a year for five years, designed for print and built for the web in the same pass, with an archive of 242 articles behind them.See the project Adrial is my go-to designer for anything my business needs … which is why I have used him for three different companies over the last 20+ years.
Craig WoodCEO, Definian
Your great work deserves to look great.
Twenty-five minutes. Tell me what you're trying to do and who needs to see it, and I'll tell you what I'd build first and roughly what it costs.