Think of your Type Specimen as a series of compositions (or sections) that can each address one or multiple aspects of your font. These might be linked together in a vertical format with “anchor” tags to navigate up and down,\u00a0involve several separate pages that are linked together, or other ideas that you come up with. (Be creative!)<\/p>\n
Process: + Create pencil sketches for potential concepts, and ultimately\u00a0computer “Comps” of each page of your Type Specimen. These will\u00a0take into account navigation, interactive “moments”\u00a0that communicate information, and build the experience of your typeface.<\/p>\n Checklist:<\/strong> Reference inspiration posts for this project: Think of your Type Specimen as a series of compositions (or sections) that can each address one or multiple aspects of your font. These might be linked together in a vertical format with “anchor” tags to navigate up and down,\u00a0involve several separate pages that are linked together, or other ideas that you come up with. […]<\/p>\n","protected":false},"author":4,"featured_media":2669,"comment_status":"closed","ping_status":"closed","sticky":true,"template":"","format":"standard","meta":{"nf_dc_page":"","_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":true,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2},"jetpack_post_was_ever_published":true},"categories":[3],"tags":[],"class_list":["post-1696","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-assignments"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/i0.wp.com\/acmgd.info\/id1\/wp-content\/uploads\/2017\/10\/Screen-Shot-2021-10-19-at-10.22.38-AM.png?fit=2644%2C1352&ssl=1","jetpack_sharing_enabled":true,"jetpack_shortlink":"https:\/\/wp.me\/p7RXPP-rm","_links":{"self":[{"href":"https:\/\/acmgd.info\/id1\/wp-json\/wp\/v2\/posts\/1696","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/acmgd.info\/id1\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/acmgd.info\/id1\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/acmgd.info\/id1\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/acmgd.info\/id1\/wp-json\/wp\/v2\/comments?post=1696"}],"version-history":[{"count":30,"href":"https:\/\/acmgd.info\/id1\/wp-json\/wp\/v2\/posts\/1696\/revisions"}],"predecessor-version":[{"id":3125,"href":"https:\/\/acmgd.info\/id1\/wp-json\/wp\/v2\/posts\/1696\/revisions\/3125"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/acmgd.info\/id1\/wp-json\/wp\/v2\/media\/2669"}],"wp:attachment":[{"href":"https:\/\/acmgd.info\/id1\/wp-json\/wp\/v2\/media?parent=1696"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/acmgd.info\/id1\/wp-json\/wp\/v2\/categories?post=1696"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/acmgd.info\/id1\/wp-json\/wp\/v2\/tags?post=1696"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
\n<\/em><\/strong>+ Research the typeface, and its designer
\n+ Gather potential content to incorporate in your Type Specimen
\n+ Identify your target audience
\n+ Develop an information architecture \/ site map for your interactive Type Specimen
\nWhat information do you want to convey, how might it be organized, and how will that effect the user’s experience?
\n+ Consider different ideas for the “entry point” (home\/index)\u00a0to your site
\n+ What can you achieve with (some simple) interactivity? \u00a0What opportunities could it provide (using “hide” and “reveal,” levels of information, ideas of sequence and narrative)? How will your design provide\u00a0visual feedback to your user?<\/p>\n
\n+ The typeface at a variety of sizes (show specs)
\n+ Displaying a complete character set,\u00a0weights, widths as appropriate
\n(This could be\u00a0straightforward and\/or using “The quick brown fox jumps over the lazy dog” which is an English-language “pangram,” or a phrase that contains all of the letters of the alphabet.
\n+ Distinguishing formal characteristics of the typeface (create an interactive\u00a0“diagram”)
\n+ Type as text vs. type as “image” (expressive compositions)
\n+\u00a0Using inspiring “hypothetical” content (several different ideas)
\n+ Demonstrating different styling options
\n+ Preview in different settings \/ contexts
\n+ Information about\u00a0the typeface and\/or designer
\n+ How it fits into “type classification” categories (and could consider a comparison to other similar typeface\/s). Link to a Type Classification Resource<\/a>
\n+ At minimum, your sites should have 4 pages each with a way to navigate between pages. (If you are considering a scroll page, you should have 4 sections you can access by a sticky nav, arrows, or another navigational tool.) Again, this is at minimum.
\n+ Each web page (or section) should employ a level of interactivity (coded through CSS).<\/p>\n
\nInspiration Post
\n<\/a>Beautfiul Web Type examples (all using Google fonts)<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"