Desktop + Mobile Style Guide 06.22.15

Total Page:16

File Type:pdf, Size:1020Kb

Desktop + Mobile Style Guide 06.22.15 DESKTOP + MOBILE STYLE GUIDE 06.22.15 SITE BASICS PRIMARY TYPEFACE PRIMARY COLORS SECONDARY COLORS Helvetica, Arial, sans-serif R0 G70 B127 R0 G24 B46 HEX# 00467F HEX# 00182E R255 G201 B57 R47 G107 B189 HEX# FFC939 HEX# 2F6BBD R77 G79 B83 HEX# 4D4F53 R0 G0 B0 HEX# 000000 2 UNIVERSAL ELEMENTS PRIMARY BUTTONS LINKS CARETS IDLE ROLLOVER IDLE ROLLOVER ON CLEAN BACKGROUND PRIMARY NAVIGATION ON BUSY BACKGROUND IDLE ROLLOVER 3 HEADINGS AND LISTS A Font Family Helvetica, Arial, sans-serif B Font Family Helvetica, Arial, sans-serif Font Size 40px/48px Font Size 30px A Font Weight Bold Color #ffffff Color #000000 B C C Font Family Helvetica, Arial, sans-serif D Font Family Helvetica, Arial, sans-serif Font Weight Bold Font Size 24px/34px D Font Size 24px/34px Color #000000 Color #2F6BBD E E Font Family Helvetica, Arial, sans-serif F Font Family Helvetica, Arial, sans-serif Font Size 24px/34px Font Size 24px/34px F Color #000000 Color #000000 Margin-bottom 34px Margin-bottom 17px G Font Family Helvetica, Arial, sans-serif Font Size 24px/34px Color #000000 Margin-bottom 17px G 4 DESKTOP TYPOGRAPHY B A A Font Family Helvetica, Arial, sans-serif B Font Family Helvetica, Arial, sans-serif C Font Size 16px Font Size 16px Font Weight Bold Color #ffffff Color #cccccc Hover Underline Hover Underline C Font Family Helvetica, Arial, sans-serif D Font Family Helvetica, Arial, sans-serif Font Weight Bold Font Size 24px/30px D Font Size 22px/24px Color #000000 E Color #ffffff F E Font Family Helvetica, Arial, sans-serif F Font Family Helvetica, Arial, sans-serif Font Size 126 px Font Weight Bold Color #ffffff Font Size 136px Color #ffc939 G Font Family Helvetica, Arial, sans-serif H Font Family Helvetica, Arial, sans-serif Font Weight Bold Font Size 17px/24px Font Size 17px/24px Color #ffffff G Color #ffffff Hover Underline H Hover Underline I I Font Family Helvetica, Arial, sans-serif J Font Family Helvetica, Arial, sans-serif Font Size 17px/40px Font Size 56px/60px Color #ffffff Color #acacac J 5 DESKTOP A TYPOGRAPHY B A Font Family Helvetica, Arial, sans-serif B Font Family Helvetica, Arial, sans-serif Font Weight Bold Font Size 26px/30px Font Size 60px Color #00467f Color #00467f C D C Font Family Helvetica, Arial, sans-serif D Font Family Helvetica, Arial, sans-serif Font Size 18px Font Size 32px/36px Letter-spacing 0.2em Color #000000 E Color #4d4f53 F E Font Family Helvetica, Arial, sans-serif F Font Family Helvetica, Arial, sans-serif Font Weight Bold Font Size 48px/54px Font Size 18px Letter-spacing 0.05em Letter-spacing 0.2em Color #ffffff Color #ffffff G Font Family Helvetica, Arial, sans-serif Font Size 17px/24px Color #ffffff Hover #ffc939 G 6 Flip Card DESKTOP A TYPOGRAPHY B A Font Family Helvetica, Arial, sans-serif B Font Family Helvetica, Arial, sans-serif C Font Size 18px Font Weight Bold Letter-spacing 0.2em Font Size 46px/48px D Color #5c5c5c Color #00182e C Font Family Helvetica, Arial, sans-serif D Font Family Helvetica, Arial, sans-serif E Font Weight Bold Font Size 17px/24px Font Size 23px/27px Color #00182e Color #00182e E Font Family Helvetica, Arial, sans-serif F Font Family Helvetica, Arial, sans-serif Emergency Notification Font Size 37px/44px Font Size 14px F Color #00182e Color #ffffff G G Font Family Helvetica, Arial, sans-serif H Font Family Helvetica, Arial, sans-serif Font Size 20px/22px Font Size 28px/38px Color #00182e Color #2f6bbd H Text-decoration Underline 7 DESKTOP TYPOGRAPHY A A Font Family Helvetica, Arial, sans-serif B Font Family Helvetica, Arial, sans-serif Font Size 22px/36px Font Weight Bold B Color #797979 Font Size 40px/44px Hover Underline Color #000000 C D C Font Family Helvetica, Arial, sans-serif D Font Family Helvetica, Arial, sans-serif Font Size 20px/24px Font Size 24px/34px Color #000000 Color #454545 E E Font Family Helvetica, Arial, sans-serif F Font Family Helvetica, Arial, sans-serif Font Size 16px/18px Font Weight Bold F Color #000000 Font Size 18px Letter-spacing 0.2em G Color #ffffff Align Center G Font Family Helvetica, Arial, sans-serif H Font Family Helvetica, Arial, sans-serif Font Size 30px/34px Font Size Letter-spacing 0.05em Color 30px/34px H Color #ffffff #ffffff Align Center I I Font Family Helvetica, Arial, sans-serif Font Size 26px Color #000000 8 DESKTOP TYPOGRAPHY A A Font Family Helvetica, Arial, sans-serif B Font Family Helvetica, Arial, sans-serif Font Size 20px Font Size 15px/30px Color #ffffff Color #ffffff B C D E F C Font Family Helvetica, Arial, sans-serif D Font Family Helvetica, Arial, sans-serif G Font Weight Bold Font Size 15px/19px Font Size 18px Color #cccccc Color #ffffff E Font Family Helvetica, Arial, sans-serif F Font Family Helvetica, Arial, sans-serif Font Size 15px Font Size 17px Color #797979 Color #ffffff G Font Family Helvetica, Arial, sans-serif Font Size 15px Color #333333 9 DESKTOP TYPOGRAPHY A Font Family Helvetica, Arial, sans-serif B Font Family Helvetica, Arial, sans-serif Font Size 17px Font Size 18px/22px A Color #000000 Color #797979 B C D E C Font Family Helvetica, Arial, sans-serif D Font Family Helvetica, Arial, sans-serif Font Weight Bold Font Size 14px/20px Font Size 18px/22px Color #797979 Color #00467f E Font Family Helvetica, Arial, sans-serif F Font Family Helvetica, Arial, sans-serif Font Size 16px/26px Font Size 15px Color #000000 Color #ffffff F 10 DESKTOP TYPOGRAPHY A B A Font Family Helvetica, Arial, sans-serif B Font Family Helvetica, Arial, sans-serif C Font Size 18px Font Size 32 D Color #ffc939 Color #ffffff Letter-spacing 0.05em Letter-spacing 0.5em Text-transform Uppercase C Font Family Helvetica, Arial, sans-serif D Font Family Helvetica, Arial, sans-serif Font Size 20px/24px Font Weight Bold Color #000000 Font Size 34px/36px Color #2f6bbd E F G E Font Family Helvetica, Arial, sans-serif F Font Family Helvetica, Arial, sans-serif Font Weight Bold Font Weight Bold Font Size 24px/28px Font Size 24px/28px Color #2f6bbd Color #000000 G Font Family Helvetica, Arial, sans-serif Font Size 24px/34px Color #454545 11 DESKTOP TYPOGRAPHY A Font Family Helvetica, Arial, sans-serif B Font Family Helvetica, Arial, sans-serif Font Weight Bold Font Weight Bold Font Size 32px Font Size 18 Color #000000 Color #000000 A Letter-spacing 0.05em vertical-align middle B C Font Family Helvetica, Arial, sans-serif D Font Family Helvetica, Arial, sans-serif Font Size 20px/24px Font Weight Bold Color #000000 Font Size 34px/36px Color #2f6bbd 12 MOBILE TYPOGRAPHY A A Font Family Helvetica, Arial, sans-serif B Font Family Helvetica, Arial, sans-serif B Font Weight Bold Font Weight Bold Font Size 20px Font Size 61px Color #ffffff Color #ffc939 C C Font Family Helvetica, Arial, sans-serif D Font Family Helvetica, Arial, sans-serif Font Size 14px/18px Font Weight Bold Color #000000 Font Size 24px/30px Color #000000 E Font Family Helvetica, Arial, sans-serif F Font Family Helvetica, Arial, sans-serif D Font Size 14px/16px Font Weight Bold Color #00467f Font Size 10px Letter-spacing 0.2em E Color #000000 Align Center F G Font Family Helvetica, Arial, sans-serif H Font Family Helvetica, Arial, sans-serif G Font Size 16px/20px Font Size 10px Color #000000 Letter-spacing 0.2em Align Center Color #ffffff Align Center I Font Family Helvetica, Arial, sans-serif H Font Size 17px/40px Color #ffffff I Align Center 13 MOBILE A TYPOGRAPHY B A Font Family Helvetica, Arial, sans-serif B Font Family Helvetica, Arial, sans-serif Font Size 11px/16px Font Size 11px/16px Color #000000 Color #00467f Hover Underline C C Font Family Helvetica, Arial, sans-serif D Font Family Helvetica, Arial, sans-serif Font Size 8px/10px Font Size 10px Color #797979 Color #ffffff E Font Family Helvetica, Arial, sans-serif F Font Family Helvetica, Arial, sans-serif D Font Weight Bold Font Size 10px Font Size 13px Color #cccccc Color #ffffff Align Center Align Center E F G G Font Family Helvetica, Arial, sans-serif H Font Family Helvetica, Arial, sans-serif Font Size 10px Font Size 10/20px H Color #797979 Color #000000 I J I Font Family Helvetica, Arial, sans-serif J Font Family Helvetica, Arial, sans-serif Font Size 10px Font Size 10px Color #ffffff Color #333333 14 MOBILE A TYPOGRAPHY B C D A Font Family Helvetica, Arial, sans-serif B Font Family Helvetica, Arial, sans-serif E Font Size 11px Font Size 11px/16px Color #000000 Color #797979 F C Font Family Helvetica, Arial, sans-serif D Font Family Helvetica, Arial, sans-serif Font weight Bold Font weight Bold Font Size 11px/16px Font Size 11px/15px Color #797979 Color #00467f E Font Family Helvetica, Arial, sans-serif F Font Family Helvetica, Arial, sans-serif Font Size 9px/12px Font Size 10px/14px G Color #797979 Color #000000 Hover Underline G Font Family Helvetica, Arial, sans-serif Font Size 10px Color #ffffff 15 DESKTOP A TYPOGRAPHY B A Font Family Helvetica, Arial, sans-serif B Font Family Helvetica, Arial, sans-serif Font Size 26px Font Size 24px/34px Color #2f6bbd Color #454545 C C Font Family Helvetica, Arial, sans-serif D Font Family Helvetica, Arial, sans-serif Font Size 26px Font Size 25px/29px Color #000000 Color #ffffff D 16 DESKTOP A B TYPOGRAPHY C D A Font Family Helvetica, Arial, sans-serif B Font Family Helvetica, Arial, sans-serif Font Weight Bold Font Weight Bold Font Size 26px Font Size 26px E Color #2f6bbd Color #000000 Align Center Align Center Active Underline C Font Family Helvetica, Arial, sans-serif D Font Family Helvetica, Arial, sans-serif Font Weight Bold Font Size 20px/30px Font Size 24px Color #000000 Color #2f6bbd F Font Family Helvetica, Arial, sans-serif F Font Family Helvetica, Arial, sans-serif
Recommended publications
  • Ligature Modeling for Recognition of Characters Written in 3D Space Dae Hwan Kim, Jin Hyung Kim
    Ligature Modeling for Recognition of Characters Written in 3D Space Dae Hwan Kim, Jin Hyung Kim To cite this version: Dae Hwan Kim, Jin Hyung Kim. Ligature Modeling for Recognition of Characters Written in 3D Space. Tenth International Workshop on Frontiers in Handwriting Recognition, Université de Rennes 1, Oct 2006, La Baule (France). inria-00105116 HAL Id: inria-00105116 https://hal.inria.fr/inria-00105116 Submitted on 10 Oct 2006 HAL is a multi-disciplinary open access L’archive ouverte pluridisciplinaire HAL, est archive for the deposit and dissemination of sci- destinée au dépôt et à la diffusion de documents entific research documents, whether they are pub- scientifiques de niveau recherche, publiés ou non, lished or not. The documents may come from émanant des établissements d’enseignement et de teaching and research institutions in France or recherche français ou étrangers, des laboratoires abroad, or from public or private research centers. publics ou privés. Ligature Modeling for Recognition of Characters Written in 3D Space Dae Hwan Kim Jin Hyung Kim Artificial Intelligence and Artificial Intelligence and Pattern Recognition Lab. Pattern Recognition Lab. KAIST, Daejeon, KAIST, Daejeon, South Korea South Korea [email protected] [email protected] Abstract defined shape of character while it showed high recognition performance. Moreover when a user writes In this work, we propose a 3D space handwriting multiple stroke character such as ‘4’, the user has to recognition system by combining 2D space handwriting write a new shape which is predefined in a uni-stroke models and 3D space ligature models based on that the and which he/she has never seen.
    [Show full text]
  • Copy Editing and Proofreading Symbols
    Copy Editing and Proofreading Symbols Symbol Meaning Example Delete Remove the end fitting. Close up The tolerances are with in the range. Delete and Close up Deltete and close up the gap. not Insert The box is inserted correctly. # # Space Theprocedure is incorrect. Transpose Remove the fitting end. / or lc Lower case The Engineer and manager agreed. Capitalize A representative of nasa was present. Capitalize first letter and GARRETT PRODUCTS are great. lower case remainder stet stet Let stand Remove the battery cables. ¶ New paragraph The box is full. The meeting will be on Thursday. no ¶ Remove paragraph break The meeting will be on Thursday. no All members must attend. Move to a new position All members attended who were new. Move left Remove the faulty part. Flush left Move left. Flush right Move right. Move right Remove the faulty part. Center Table 4-1 Raise 162 Lower 162 Superscript 162 Subscript 162 . Period Rewrite the procedure. Then complete the tasks. ‘ ‘ Apostrophe or single quote The companys policies were rewritten. ; Semicolon He left however, he returned later. ; Symbol Meaning Example Colon There were three items nuts, bolts, and screws. : : , Comma Apply pressure to the first second and third bolts. , , -| Hyphen A valuable byproduct was created. sp Spell out The info was incorrect. sp Abbreviate The part was twelve feet long. || or = Align Personnel Facilities Equipment __________ Underscore The part was listed under Electrical. Run in with previous line He rewrote the pages and went home. Em dash It was the beginning so I thought. En dash The value is 120 408.
    [Show full text]
  • Classifying Type Thunder Graphics Training • Type Workshop Typeface Groups
    Classifying Type Thunder Graphics Training • Type Workshop Typeface Groups Cla sifying Type Typeface Groups The typefaces you choose can make or break a layout or design because they set the tone of the message.Choosing The the more right you font know for the about job is type, an important the better design your decision.type choices There will are be. so many different fonts available for the computer that it would be almost impossible to learn the names of every one. However, manys typefaces share similar qualities. Typographers classify fonts into groups to help Typographers classify type into groups to help remember the different kinds. Often, a font from within oneremember group can the be different substituted kinds. for Often, one nota font available from within to achieve one group the samecan be effect. substituted Different for anothertypographers usewhen different not available groupings. to achieve The classifi the samecation effect. system Different used by typographers Thunder Graphics use different includes groups. seven The major groups.classification system used byStevenson includes seven major groups. Use the Right arrow key to move to the next page. • Use the Left arrow key to move back a page. Use the key combination, Command (⌘) + Q to quit the presentation. Thunder Graphics Training • Type Workshop Typeface Groups ����������������������� ��������������������������������������������������������������������������������� ���������������������������������������������������������������������������� ������������������������������������������������������������������������������
    [Show full text]
  • Top Ten Tips for Effective Punctuation in Legal Writing
    TIPS FOR EFFECTIVE PUNCTUATION IN LEGAL WRITING* © 2005 The Writing Center at GULC. All Rights Reserved. Punctuation can be either your friend or your enemy. A typical reader will seldom notice good punctuation (though some readers do appreciate truly excellent punctuation). However, problematic punctuation will stand out to your reader and ultimately damage your credibility as a writer. The tips below are intended to help you reap the benefits of sophisticated punctuation while avoiding common pitfalls. But remember, if a sentence presents a particularly thorny punctuation problem, you may want to consider rephrasing for greater clarity. This handout addresses the following topics: THE COMMA (,)........................................................................................................................... 2 PUNCTUATING QUOTATIONS ................................................................................................. 4 THE ELLIPSIS (. .) ..................................................................................................................... 4 THE APOSTROPHE (’) ................................................................................................................ 7 THE HYPHEN (-).......................................................................................................................... 8 THE DASH (—) .......................................................................................................................... 10 THE SEMICOLON (;) ................................................................................................................
    [Show full text]
  • Typographic Terms Alphabet the Characters of a Given Language, Arranged in a Traditional Order; 26 Characters in English
    Typographic Terms alphabet The characters of a given language, arranged in a traditional order; 26 characters in English. ascender The part of a lowercase letter that rises above the main body of the letter (as in b, d, h). The part that extends above the x-height of a font. bad break Refers to widows or orphans in text copy, or a break that does not make sense of the phrasing of a line of copy, causing awkward reading. baseline The imaginary line upon which text rests. Descenders extend below the baseline. Also known as the "reading line." The line along which the bases of all capital letters (and most lowercase letters) are positioned. bleed An area of text or graphics that extends beyond the edge of the page. Commercial printers usually trim the paper after printing to create bleeds. body type The specific typeface that is used in the main text break The place where type is divided; may be the end of a line or paragraph, or as it reads best in display type. bullet A typeset character (a large dot or symbol) used to itemize lists or direct attention to the beginning of a line. (See dingbat.) cap height The height of the uppercase letters within a font. (See also cap line.) caps and small caps The typesetting option in which the lowercase letters are set as small capital letters; usually 75% the height of the size of the innercase. Typographic Terms character A symbol in writing. A letter, punctuation mark or figure. character count An estimation of the number of characters in a selection of type.
    [Show full text]
  • Typography for Scientific and Business Documents
    Version 1.8 Typography for Scientific and Business Documents George Yefchak Agilent Laboratories What’s the Big Deal? This paper is about typography. But first, I digress… inch marks, so you’ll probably get to enter those manually anyway.† Nothing is perfect…) Most of us agree that the use of correct grammar — or at In American English, punctuation marks are usually placed least something approaching it — is important in our printed before closing quotes rather than after them (e.g. She said documents. Of course “printed documents” refers not just to “No!”). But don’t do this if it would confuse the message words printed on paper these days, but also to things distrib- (e.g. Did she say “no!”?). Careful placement of periods and uted by slide and overhead projection, electronic broadcast- commas is particularly important when user input to ing, the web, etc. When we write something down, we computers is described: usually make our words conform to accepted rules of For username, type “john.” Wrong grammar for a selfish reason: we want the reader to think we For username, type “john”. ok know what we’re doing! But grammar has a more fundamen- tal purpose. By following the accepted rules, we help assure For username, type john . Even better, if font usage that the reader understands our message. is explained If you don’t get into the spirit of things, you might look at Dashes typography as just another set of rules to follow. But good The three characters commonly referred to as “dashes” are: typography is important, because it serves the same two purposes as good grammar.
    [Show full text]
  • Five Centurie< of German Fraktur by Walden Font
    Five Centurie< of German Fraktur by Walden Font Johanne< Gutenberg 1455 German Fraktur represents one of the most interesting families of typefaces in the history of printing. Few types have had such a turbulent history, and even fewer have been alter- nately praised and despised throughout their history. Only recently has Fraktur been rediscovered for what it is: a beau- tiful way of putting words into written form. Walden Font is proud to pres- ent, for the first time, an edition of 18 classic Fraktur and German Script fonts from five centuries for use on your home computer. This booklet describes the history of each font and provides you with samples for its use. Also included are the standard typeset- ting instructions for Fraktur ligatures and the special characters of the Gutenberg Bibelschrift. We hope you find the Gutenberg Press to be an entertaining and educational publishing tool. We certainly welcome your comments and sug- gestions. You will find information on how to contact us at the end of this booklet. Verehrter Frakturfreund! Wir hoffen mit unserer "“Gutenberg Pre%e”" zur Wiederbelebung der Fraktur= schriften - ohne jedweden politis#en Nebengedanken - beizutragen. Leider verbieten un< die hohen Produktion<kosten eine Deutsche Version diese< Be= nu@erhandbüchlein< herau<zugeben, Sie werden aber den Deutschen Text auf den Programmdisketten finden. Bitte lesen Sie die “liesmich”" Datei für weitere Informationen. Wir freuen un< auch über Ihre Kommentare und Anregungen. Kontaktinformationen sind am Ende diese< Büchlein< angegeben. A brief history of Fraktur At the end of the 15th century, most Latin books in Germany were printed in a dark, barely legible gothic type style known asTextura .
    [Show full text]
  • Teaching Punctuation with Literature
    Western Oregon University Digital Commons@WOU Academic Excellence Showcase Proceedings Student Scholarship 2018-06-01 Teaching Punctuation with Literature Rachael Sawyer Western Oregon University, [email protected] Follow this and additional works at: https://digitalcommons.wou.edu/aes Part of the Linguistics Commons Recommended Citation Sawyer, Rachael, "Teaching Punctuation with Literature" (2018). Academic Excellence Showcase Proceedings. 135. https://digitalcommons.wou.edu/aes/135 This Article is brought to you for free and open access by the Student Scholarship at Digital Commons@WOU. It has been accepted for inclusion in Academic Excellence Showcase Proceedings by an authorized administrator of Digital Commons@WOU. For more information, please contact [email protected], [email protected], [email protected]. Sawyer 1 Teaching Punctuation with Literature Key Questions / Issue Explored Students in the United States’ Public K-12 Education system are subject to be taught Standard American English without given any explanation as to why this standard exists, why it matters, or why authors choose to utilize language the way they do. Often, teachers lead students to blindly follow SAE handbook rules. In order for students to be able to fully comprehend written language, they need to be able to understand when to stretch the conventions of the written English language and to be able to validate their choice in doing so. Utilizing a touchtone text (a regularly referenced text to study with over time) or a mentor text (a text to model a particular skill), students will have prolonged exposure to help conceptualize these choices and their effects; this brings both organic teaching material and literary exposure together.
    [Show full text]
  • Typographya Quick Lesson In
    TYPOGRAPHYA QUICK LESSON IN Definition:The design and use of typefaces as a means of visual communication from calligraphy to the ever-developing use of digital type is the broad use of the term typography. However, the art and practice of typography began with the invention of moveable type and the printing press.Typography is sometimes seen as encompassing many separate fields from the type designer who creates letterforms to the graphic designer who selects typefaces and arranges them on the page. LETTERFORMS AND FONTS AT-A-GLANCE WHAT IS THE BEST WAY TO CHOOSE OR MIX AND MATCH FONTS? There are no absolutely right or wrong ways to choose fonts or mix different fonts. However, there are a few accepted standards that can speed up the font selection process and generally result in typographically attractive and readable compositions.These guidelines won't always work for you, but nine times out of ten they'll give you the results you want with the least amount of trial and error. • When in doubt, pair a serif font for body text and a sans serif font for headlines. • Avoid mixing two very similar typefaces, such as two scripts or two sans serifs.There is not enough contrast and the small differences will cause a visual clash. • Limit the number of different typefaces used in a single document to no more than three or four. • Avoid monospaced typefaces for body copy. They draw too much attention to the individual letters distracting the reader from the message. A well designed page contains no more than two different typefaces or four different type variations such as type size and bold or italic style.
    [Show full text]
  • Base Monospace
    SPACE PROBE: Investigations Into Monospace Introducing Base Monospace Typeface BASE MONOSPACE Typeface design 1997ZUZANA LICKO Specimen design RUDY VANDERLANS Rr SPACE PROBE: Investigations into Monospace SPACE PROBE: Occasionally, we receive inquiries from type users asking Monospaced Versus Proportional Spacing Investigations Into Monospace us how many kerning pairs our fonts contain. It would seem 1. that the customer wants to be dazzled with numbers. Like cylinders in a car engine or the price earnings ratio of a /o/p/q/p/r/s/t/u/v/w/ Occasionally, we receive inquiries fromstock, type theusers higher asking the number of kerning pairs, the more us how many kerning pairs our fonts contain.impressed It thewould customer seem will be. What they fail to understand /x/y/s/v/z/t/u/v/ that the customer wants to be dazzled iswith that numbers. the art Like of kerning a typeface is as subjective a discipline as is the drawing of the letters themselves. The In a monospaced typeface, such as Base Monospace, cylinders in a car engine or the price earnings ratio of each character fits into the same character width. a stock, the higher the number of kerningfact pairs,that a theparticular more typeface has thousands of kerning impressed the customer will be. What theypairs fail is relative,to understand since some typefaces require more kerning is that the art of kerning a typeface pairsis as thansubjective others aby virtue of their design characteristics. /O/P/Q/O/Q/P/R/S/Q/T/U/V/ discipline as is the drawing of the lettersIn addition, themselves.
    [Show full text]
  • Fonts for Latin Paleography 
    FONTS FOR LATIN PALEOGRAPHY Capitalis elegans, capitalis rustica, uncialis, semiuncialis, antiqua cursiva romana, merovingia, insularis majuscula, insularis minuscula, visigothica, beneventana, carolina minuscula, gothica rotunda, gothica textura prescissa, gothica textura quadrata, gothica cursiva, gothica bastarda, humanistica. User's manual 5th edition 2 January 2017 Juan-José Marcos [email protected] Professor of Classics. Plasencia. (Cáceres). Spain. Designer of fonts for ancient scripts and linguistics ALPHABETUM Unicode font http://guindo.pntic.mec.es/jmag0042/alphabet.html PALEOGRAPHIC fonts http://guindo.pntic.mec.es/jmag0042/palefont.html TABLE OF CONTENTS CHAPTER Page Table of contents 2 Introduction 3 Epigraphy and Paleography 3 The Roman majuscule book-hand 4 Square Capitals ( capitalis elegans ) 5 Rustic Capitals ( capitalis rustica ) 8 Uncial script ( uncialis ) 10 Old Roman cursive ( antiqua cursiva romana ) 13 New Roman cursive ( nova cursiva romana ) 16 Half-uncial or Semi-uncial (semiuncialis ) 19 Post-Roman scripts or national hands 22 Germanic script ( scriptura germanica ) 23 Merovingian minuscule ( merovingia , luxoviensis minuscula ) 24 Visigothic minuscule ( visigothica ) 27 Lombardic and Beneventan scripts ( beneventana ) 30 Insular scripts 33 Insular Half-uncial or Insular majuscule ( insularis majuscula ) 33 Insular minuscule or pointed hand ( insularis minuscula ) 38 Caroline minuscule ( carolingia minuscula ) 45 Gothic script ( gothica prescissa , quadrata , rotunda , cursiva , bastarda ) 51 Humanist writing ( humanistica antiqua ) 77 Epilogue 80 Bibliography and resources in the internet 81 Price of the paleographic set of fonts 82 Paleographic fonts for Latin script 2 Juan-José Marcos: [email protected] INTRODUCTION The following pages will give you short descriptions and visual examples of Latin lettering which can be imitated through my package of "Paleographic fonts", closely based on historical models, and specifically designed to reproduce digitally the main Latin handwritings used from the 3 rd to the 15 th century.
    [Show full text]
  • Effective Punctuation
    Effective Punctuation Contents: 1. Oxford commas 2. Parenthetic phrases 3. Independent clauses 4. Punctuation before or after quotation marks 5. Ellipses in quotations 6. Em dashes 7. One or two spaces after periods 8. When to capitalize after colons 1. Oxford Comma Writers disagree on whether lists of three or more should include a comma before the “and” (or “or”) and the last item in the list. Above all, consistency is key. If you do not know your reader's preference, choose one method and stick to it. Commas before the last “and” must be used when the final item in the list itself contains a conjunction (e.g., “He was charged with assault, battery, and breaking and entering.”) Option 1 Option 2 When the “Oxford Comma” is required The American flag is red, The American flag is red, You are charged with white and blue. white, and blue. trespassing, burglary, and assault and battery. 2. Parenthetic phrases Use commas to set off words and phrases that do not neatly fit into the main grammatical structure of the sentence. Nonrestrictive clauses are examples of parenthetic phrases. Unless the parenthetic phrase ends the sentence, there should always be a comma at the end of the parenthetic phrase. Do not use commas to set off phrases that, if removed, would change the meaning of the sentence, i.e., a restrictive clause. • Examples: o The Constitution, which was signed in 1787, is the supreme law of the land. o The Constitution, signed in 1787, is the supreme law of the land. o The judge, however, was not amused.
    [Show full text]