Letterform Process

When working on my letterforms, I made sure to alter the curves of my letters so the strokes are even and not stressed in unnatural places. I also made sure to utilize Illustrator grids so the curves of my letterforms and the crossbars on the H, f, and t are at the same level/x-height.

After establishing good letterforms and completing Hamburgefontsiv, I focused on kerning my letterforms properly by squiting and making sure characters next to each other with curves have less space, while characters with verticals have the most amount of space - which I also used as a guideline to kern other characters.

Paragraph Setting Process

Choosing a Typeface

Typeface Takeaways

When choosing a typeface, it is important to note that the user shouldn’t notice the type. If they do, their reading experience may be interrupted and even cut short. Therefore, typefaces should be unobtrusive, with instantly determinable letter forms so that the reader is invited to skim and flow as required.

Serif typefaces are generally more readable for print, and sans-serif typefaces are generally more readable on web screens, especially at low resolutions. This is because their simple, unadorned design doesn’t suffer from the blurriness that can affect fine serif details.

The typeface I decided to use for the paragraph setting is Inter. It is a neo-grotesque sans-serif typeface, designed explicitly for computer screens and user interfaces, featuring high legibility for long-form reading. The creator, Rasmus Andersson, found that common UI fonts, like Roboto, were hard to read in small text (e.g., under 12px) and designed Inter with a tall x-height and few frills for maximum clarity on screens. The goal was to create a "workhorse" font — a utilitarian solution for screens, much like Helvetica was for physical media 60 years ago.

The font weight I chose to use is Inter Regular since it has good clarity and contrast against white/light backgrounds, thus, reducing eye strain over long periods. It is also easy to read even on mobile devices, low-resolution screens, or for users with visual impairments, since digital screens require slightly heavier strokes to prevent characters from appearing too thin and blurring with the background, or too bold and blending with other characters or clashing with headings.

Determining Font Size

Determining Leading

Determining Tracking

Determining Column Width and Paragraph Brake OR Indent

Altering Initial Letter and Experimenting with 2 Columns

Adding Sentence Brakes