Process

Design review

Design review opens up ideas and possibilities you may have missed. They can be stressful for some or annoying to others but they are useful to everyone. The following questions can help you review your work before a formal review, or can help guide a more productive review process.

  1. Why do we need to say that here?
  2. If you stopped reading here, what’s the message?
  3. How does this make you feel?
  4. How else can we say this?
  5. What’s memorable about this?
  6. Who needs to know that?
  7. Who needs to see that?
  8. What’s the payoff?
  9. What does someone know now that they didn’t know before?
  10. How does that work?
  11. Why is that worth a click?
  12. What’s the simpler version of this?
  13. Why that order?
  14. What does a more polished version of this look like?
  15. What’s missing?
  16. What’s the obvious next step?
  17. Does that make it clearer?
  18. Would it matter if someone missed that?
  19. Would this be better as a sentence or a picture?
  20. What matters here?
  21. Why is that there?
  22. What would happen if we got rid of that?
  23. How can we make this more obvious?
  24. If we got rid of this, does that still work?
  25. How does this change someone’s mind?
Abbreviated from Jason Fried, “Questions I Ask When Reviewing a Design,” Signal v. Noise, October 11, 2011, accessed April 26, 2016, https://signalvnoise.com/posts/3024-questions-i-ask-when-reviewing-a-design.

Type

Patron

Patron is the brand font used by Punch. It is meant for use in every channel including print and digital. Designed by Milieu Grotesque, Patron has a large x-heigh making it suitable for digital use, as well as quirky features such as unusual ligatures (Tw, and www, for example) that mesh well with Punch’s brand.

Thin

AaBbCc 123

Light

AaBbCc 123

Regular

AaBbCc 123

Medium

AaBbCc 123

Bold

AaBbCc 123

Black

AaBbCc 123

Type

Ligatures

Patron is the brand font used by Punch. It is meant for use in every channel including print and digital. Designed by Milieu Grotesque, Patron has a large x-heigh making it suitable for digital use, as well as quirky features such as unusual ligatures (Tw, and www, for example) that mesh well with Punch’s brand.

Thin

www

Tw

ffi

ff

Light

AaBbCc 123

Regular

AaBbCc 123

Medium

AaBbCc 123

Bold

AaBbCc 123

Black

www

Tw

ffi

ff

Tu

Tabular figures and slashed zero

Safari has poor to non-existent support for text manipulation using open type.

On: 1234567890

Off: 1234567890

Small Caps

Safari has poor to non-existent support for text manipulation using open type. Chrome interprests these values more literally. For example, using font-feature-settings, Chome correcly chooses the true small caps of the typeface. Using font-variant, however, Chrome just shrinks the capitals down. This is standard behavior. Firefox, has the best interpretation for it finds the correct small caps in either case.

Foxy Nymphs Drive Quick (feature settings)

Foxy Nymphs Drive Quick (font variant)

How we work

Working as a designer: organization, professionalism, and production

The eye of a designer is nearly unsurpassed in any other field for its attention to detail and appreciation of nuance and subtlety. To ensure that quality is maintained, you need to know how to give others your work in the best possible way, and also to hold yourself up to high standards in the work you produce and leave behind for others.

There is no recommended reading.

  1. All files and folders should always be named in Title Case. You can learn more about title case from the Chicago Manual of Style.
    1. Correct Client Revisions
    2. Correct Executed Agreements and Invoices
    3. Incorrect Client revisions
    4. Incorrect clientrevsions
    5. Incorrect 1 client revisions
    6. Incorrect _client_revisions_final
    7. Incorrect Client-Revisions
    1. Exception You are permitted to name files different from House Style if the file is being used for a particular purpose, for example, web or mobile filenaming systems.
  2. Dates, when used in file names, and unless needing to be in a particular technical format, should always be written as Year, Month, and Day.
    1. Correct 2016-01-15
    2. Correct 2016-01-15-20 (Range dates January 15–20)
    3. Correct 2016-01-00 (When the exact date is unknown)
  3. Avoid abbreviations as much as possible. Abbreviations look sloppy and imply prior knowledge. Implying prior knowledge creates exclusion for people new to something, even if it makes those knowledgable feel a traibal affinity. Abbreviations may be acceptable in a very limited number of cases.
    1. Correct Internal Documents
    2. Correct Miscellaneous Templates
    3. Incorrect Internal Docs
    4. Incorrect Misc. templates
    5. Incorrect Sept 8 Revisions