The base theme we use at Rocketkoi has basic typography set up already. It uses a base-8 set and Source Sans Pro (from the Genesis Sample theme). It lets us hit the ground running in terms of setting up the overall UX.
Thanks to that, I quickly put the navigation and basic layout in place, but now I need to get the fonts from the design in. Line height and font size vary visually depending on the type and style of font, so there’s no point in playing with spacing or features like the homepage’s project grid until the typography is set.
I’m using the RK brand fonts for the site: Proxima Nova and Klinic Slab. I want to draw a tighter connection between this part of me and that part of me. Plus, Sarah and I picked those fonts and we know they work well together, so why over-complicate the decisions.
Lack of over-complication seems to be a general theme here.
Klinic runs a bit small, so I bumped up the base font-size from 1.6rem to 1.7rem and increased it more for larger viewing areas. Doing that had a cascading effect in the spacing. Everything felt too wide so I needed to take an hour or so to adjust the spacing in little amounts. I’ll probably do this at least 3 more times before the site is done.
I can’t help thinking about how small adjustments like these are key to a happy design-development relationship and how lucky I’ve been in my career to almost always work with development partners that understand designer’s needs.
Setting aside some hours to do design QA and allowing us to request spacing adjustments lets us know that the end product has a level of care put into it beyond requirements and JIRA tickets. Plus it makes audiences feel better about the product, even if they can’t express why. Every time I’ve worked with a team that lets these tiny changes without complaint or gnashing of deadlines, the end product has been better all around.
Anywho, now to give the site a little more personality overall.