Branding and Style Guide

Total Page:16

File Type:pdf, Size:1020Kb

Branding and Style Guide Branding & Style Guide 1.1.1 Branding and Style Guide ©Cinnafilm Inc. 2019 Vision Statement Branding & Style Guide 1.1.1 WE BUILD REVOLUTIONARY TOOLS TO HELP YOU CREATE EXTRAORDINARY MOVING IMAGES pg. 2 ©Cinnafilm Inc. 2018 Table of Contents Branding & Style Guide 1.1.1 Contents Products . .21 Vision Statement ................................. 2 Overview ....................................... 23 Table of Contents................................. 3 Tachyon........................................ 24 Dark Energy..................................... 25 Logo . 4 Wormhole . 26 Overview ........................................ 5 RadiantGrid ..................................... 27 Color Version . 6 Xenon . 28 Color Version Reversed ............................ 7 PixelStrings..................................... 29 Grayscale Version . 8 Black & White Bitmap . 9 Safe Area....................................... 10 Tagline......................................... 11 ]Do Nots . 12 Colors and Typography . 13 Primary Brand Colors............................. 14 Secondary / Product Colors . 15 Tertiary Colors .................................. 16 Corporate Font . 17 Alternate Fonts.................................. 18 Corporate Font - Monospace ...................... 19 Corporate Font - Display .......................... 20 pg. 3 ©Cinnafilm Inc. 2018 Logo Overview, Variations & Best Practices Branding & Style Guide 1.1.1 Logo pg. 4 ©Cinnafilm Inc. 2019 Logo: Overview Branding & Style Guide 1.1.1 • The official Cinnafilm logo for all intents and purposes is the full-color version locked up with symbol, wordmark and registration mark. • Logo use hierarchy: • Full-Color Logo • Reversed • Single-Color Bitmap (request from Cinnafilm marketing if needed) Symbol Wordmark Logo pg. 5 ©Cinnafilm Inc. 2018 Logo: Color Version Branding & Style Guide 1.1.1 • Full-color version of the logo is the number one hierarchy for all marketing uses. (This is always our first choice) pg. 6 ©Cinnafilm Inc. 2018 Logo: Color Version Reversed Branding & Style Guide 1.1.1 • Reversed logo ONLY to be used on dark backgrounds • ALL full-color logo treatment rules in this guide apply to for contrast. the reversed logo. • Reversed logo should first be used on Cinnafilm Blue. (e.g. NAB Cinnafilm booth) pg. 7 ©Cinnafilm Inc. 2019 Logo: Grayscale Version Branding & Style Guide 1.1.1 • Grayscale version ONLY for black and white use of the logo. • ONLY to be used where color use of the logo is NOT available. pg. 8 ©Cinnafilm Inc. 2018 Logo: Black & White Bitmap Branding & Style Guide 1.1.1 • Bitmap ONLY for the purposes of black and white print use • Single-color version can ONLY be accessed by contacting of the logo. (e.g. newspaper, etc.) the Marketing team. • ONLY to be used if the full-color AND reversed versions of the Cinnafilm logo do NOT work. pg. 9 ©Cinnafilm Inc. 2018 Logo: Safe Area Branding & Style Guide 1.1.1 • Spacing around the logo is equal to the height of the “C”. • DO NOT attempt to recreate the logo. Use this reference when scaling the logo to ensure spacing is optically balanced. • Minimum size for standard logo is .5” / 2.3” (13mm / 60mm) print and 40px / 170px digital. .5”/40px pg. 10 ©Cinnafilm Inc. 2018 Logo: Tagline Branding & Style Guide 1.1.1 • All uses of tagline version MUST be approved by the • DO NOT attempt to recreate the logo and Cinnafilm Marketing team. tagline lock-up. • Follow the same “safe area” guidelines as per the • Minimum height for tagline logo is .75” / 3.5” (20mm / standard logo. 90mm) print and 50px / 255px digital. .75”/50px pg. 11 ©Cinnafilm Inc. 2018 Logo: Do Nots Branding & Style Guide 1.1.1 • These are examples of what NOT to do with the • Contact the Marketing team if you have any questions Cinnafilm logo. or concerns. • The phrase “Cinnafilm logo” refers to the icon, wordmark, copyright, and tagline (if applicable) together. • Use the provided logo assets and follow this guideline to avoid any issues. Every Frame Matters Do NOT stretch or squeeze the logo Do NOT attempt to reproduce lockup with tagline Do NOT attempt to recreate the logo Do NOT rotate or skew Do NOT change the colors of the logo in ANY way Do NOT use the icon on its own (without approval) Do NOT apply filters or effects to the logo Do NOT crop the logo Do NOT place the logo floating in a color box Do NOT place the logo over an image (without approval) pg. 12 ©Cinnafilm Inc. 2018 Colors and Typography Fonts, Colors, and Usage Branding & Style Guide 1.1.1 Colors and Typography pg. 13 ©Cinnafilm Inc. 2019 Colors: Primary Brand Colors Branding & Style Guide 1.1.1 • Cinnafilm Blue and Cinnabar Orange are THE CORE • Do NOT change these colors for custom use. Cinnafilm colors; as such, these should be used with great (i.e. changing RGB values or creating gradients) consideration and only in line with this brand guide or with the permission of the Cinnfailm Marketing team. • Color formats are provided for use across print/digital formats. Cinnafilm Blue (primary color) RGB: 27 . 54 . 93 HEX: #1B365D CMYK: 99 . 83 . 37 . 29 Cinnabar Orange (primary color) RGB: 220 . 68 . 5 HEX: #DC4405 CMYK: 8 . 87 . 100 . 1 pg. 14 ©Cinnafilm Inc. 2018 Colors: Secondary / Product Colors Branding & Style Guide 1.1.1 • Product colors are to be used solely with • Do NOT change these colors for custom use. their associated product to build and retain (i.e. changing RGB values or creating gradients) product awareness. • Color formats are provided for use across print/digital formats. • Do NOT use any other colors for Cinnafilm products. Tachyon/Cinnabar Orange Dark Energy Blue Wormhole Gold (primary color / product color) (product color) (product color) RGB: 220 . 68 . 5 RGB: 0 . 80 . 140 RGB: 255 . 165 . 0 HEX: #DC4405 HEX: #00508C HEX: #FFA500 CMYK: 8 . 87 . 100 . 1 CMYK: 100 . 75 . 18 . 4 CMYK: 0 . 41 . 100 . 0 RadiantGrid Gray PixelStrings Purple (product color) (product color) RGB: 95 . 95 . 95 RGB: 99 . 18 . 196 HEX: #5F5F5F HEX: #6312C4 CMYK: 62 . 53 . 53 . 24 CMYK: 76 . 95 . 0 . 5 pg. 15 ©Cinnafilm Inc. 2018 Colors: Tertiary Colors Branding & Style Guide 1.1.1 • Tertiary colors are used for supporting primary and • Do NOT change these colors for custom use. secondary colors. (i.e. changing RGB values or creating gradients) • Tertiary colors should be used only as replacements for brand colors when only black and white are available. • Be sure to maintain a readable level of contrast when using tertiary colors in typography. Dark Gray/RadiantGrid Medium Gray Light Gray (tertiary color) (tertiary color) (tertiary color) RGB: 95 . 95 . 95 RGB: 150 . 150 . 150 RGB: 221 . 221 . 221 HEX: #5F5F5F HEX: #969696 HEX: #DDDDDD CMYK: 62 . 53 . 53 . 24 CMYK: 44 . 36 . 36 . 1 CMKY: 12 . 9 . 9 . 0 Rich Black/Xenon White (tertiary color) (tertiary color) RGB: 0 . 0 . 0 RGB: 255 . 255 . 255 HEX: #000000 HEX: #FFFFFF CMYK: 75 . 68 . 68 . 90 CMKY: 0 . 0 . 0 . 0 pg. 16 ©Cinnafilm Inc. 2018 Typography: Corporate Font Branding & Style Guide 1.1.1 • Roboto is the Cinnafilm corporate font for ALL • Web Font Stack : Roboto, Helvetica Neue, Segoe UI, Tahoma, documents and marketing materials. sans-serif • Roboto can be downloaded from Google Fonts. • Only use the font weights Light, Regular, and Bold or their respective italic version. Roboto Light Headlines (h1, h2, h3) ABCDEGHIJKLMNOPQRSTUVWXYZ abcdeghijklmnopqrstuvwxyz 1234567980.!?$%,:;”’ Roboto Regular Body / copy ABCDEGHIJKLMNOPQRSTUVWXYZ abcdeghijklmnopqrstuvwxyz 1234567980.!?$%,:;”’ Roboto Bold Subheading (h4), strong (emphasized) text ABCDEGHIJKLMNOPQRSTUVWXYZ abcdeghijklmnopqrstuvwxyz 1234567980!?$%.,:;”’ pg. 17 ©Cinnafilm Inc. 2018 Typography: Alternate Fonts Branding & Style Guide 1.1.1 • Fallback fonts ONLY for use in cases where Roboto is NOT available. • Only use the font weights Light, Regular, and Bold or their respective italic version. • Do NOT use any other fonts. Tahoma is considered a systems standard font and should be used only if ALL ELSE FAILS. Helvetica Neue Apple/Mac OS ABCDEGHIJKLMNOPQRSTUVWXYZ abcdeghijklmnopqrstuvwxyz 1234567980.!?$%,:;”’ Segoe UI Microsoft/WIndows ABCDEGHIJKLMNOPQRSTUVWXYZ abcdeghijklmnopqrstuvwxyz 1234567980.!?$%,:;”’ Tahoma All other circumstances ABCDEGHIJKLMNOPQRSTUVWXYZ abcdeghijklmnopqrstuvwxyz 1234567980!?$%.,:;”’ pg. 18 ©Cinnafilm Inc. 2018 Typography: Corporate Font - Monospace Branding & Style Guide 1.1.1 • Roboto Mono is the Cinnafilm corporate font to be used • When presenting code examples, choose font weight based when showing code samples. (This includes commands on syntax highlighting/formatting for the language in use. used in terminal progams.) Default to Roboto Mono Regular when in doubt - refer to code sample for details. • Roboto Mono can be downloaded from Google Fonts. • Web Font Stack: Roboto Mono, Consolas, Lucida Sans • Only use the font weights Regular or Bold or their respective Typewriter, monospace italic version. Roboto Mono Regular Code samples ABCDEGHIJKLMNOPQRSTUVWXYZ abcdeghijklmnopqrstuvwxyz 1234567980.!?$%,:;”’ Roboto Mono Bold Code samples - includes italic version of font, useful for syntax formatting purposes. ABCDEGHIJKLMNOPQRSTUVWXYZ abcdeghijklmnopqrstuvwxyz 1234567980!?$%.,:;”’ pg. 19 ©Cinnafilm Inc. 2018 Typography: Corporate Font - Display Branding & Style Guide 1.1.1 • Neusa Next Condensed Medium is the complementary • Neusa Next is available through the Cinnafilm display font for Cinnafilm marketing materials. Adobe TypeKit subscription if needed by the Cinnafilm Marketing team. • Display font is only to be used with all caps. • All materials using the
Recommended publications
  • Handel Gothic Free Font Download Handel Gothic Light Font
    handel gothic free font download Handel Gothic Light Font. Use the text generator tool below to preview Handel Gothic Light font, and create appealing text graphics with different colors and hundreds of text effects. Font Tags. Search. :: You Might Like. About. Font Meme is a fonts & typography resource. The "Fonts in Use" section features posts about fonts used in logos, films, TV shows, video games, books and more; The "Text Generator" section features simple tools that let you create graphics with fonts of different styles as well as various text effects; The "Font Collection" section is the place where you can browse, filter, custom preview and download free fonts. Frequently Asked Questions. Can I use fonts from the Google Fonts catalog on any page? Yes. The open source fonts in the Google Fonts catalog are published under licenses that allow you to use them on any website, whether it’s commercial or personal. Search queries may surface results from external foundries, who may or may not use open source licenses. Should I host fonts on my own website’s server? We recommend copying the code snippets available under the "Embed" tab in the selection drawer directly into your website’s HTML and CSS. Read more about the performance benefits this will have in the “Will web fonts slow down my page?” section below. Can I download the fonts on Google Fonts to my own computer? Yes. To download fonts, simply create a selection of fonts, open the drawer at the bottom of the screen, then click the "Download" icon in the upper-right corner of the selection drawer.
    [Show full text]
  • Vision Performance Institute
    Vision Performance Institute Technical Report Individual character legibility James E. Sheedy, OD, PhD Yu-Chi Tai, PhD John Hayes, PhD The purpose of this study was to investigate the factors that influence the legibility of individual characters. Previous work in our lab [2], including the first study in this sequence, has studied the relative legibility of fonts with different anti- aliasing techniques or other presentation medias, such as paper. These studies have tested the relative legibility of a set of characters configured with the tested conditions. However the relative legibility of individual characters within the character set has not been studied. While many factors seem to affect the legibility of a character (e.g., character typeface, character size, image contrast, character rendering, the type of presentation media, the amount of text presented, viewing distance, etc.), it is not clear what makes a character more legible when presenting in one way than in another. In addition, the importance of those different factors to the legibility of one character may not be held when the same set of factors was presented in another character. Some characters may be more legible in one typeface and others more legible in another typeface. What are the character features that affect legibility? For example, some characters have wider openings (e.g., the opening of “c” in Calibri is wider than the character “c” in Helvetica); some letter g’s have double bowls while some have single (e.g., “g” in Batang vs. “g” in Verdana); some have longer ascenders or descenders (e.g., “b” in Constantia vs.
    [Show full text]
  • Typographers'
    TUGboat, Volume 39 (2018), No. 3 171 Typographers’ Inn Table 1: Widths of set for some related serif, sans-serif, and monospace fonts Peter Flynn CMR abcdefghijlkmnopqrstuvwxyz O0|I1l Font tables CMSS abcdefghijlkmnopqrstuvwxyz O0|I1l CMTT abcdefghijlkmnopqrstuvwxyz O0|I1l Peter Wilson has rightly called me to account for PT Serif abcdefghijlkmnopqrstuvwxyz O0|I1l missing out the fonttable (two t’s) package in the de- PT Sans abcdefghijlkmnopqrstuvwxyz O0|I1l scription of my experimental fontable (one t) package PT Mono abcdefghijlkmnopqrstuvwxyz O0|I1l [4, p 17]. Libertine abcdefghijlkmnopqrstuvwxyz O0|I1l The fonttable package is much more powerful Biolinum abcdefghijlkmnopqrstuvwxyz O0|I1l than the one I am [still] working on, and I was so Lib. Mono abcdefghijlkmnopqrstuvwxyz O0|I1l intent on reimplementing the specific requirements Plex Serif abcdefghijlkmnopqrstuvwxyz O0|I1l abcdefghijlkmnopqrstuvwxyz O0|I1l A Plex Sans of the allfnt8.tex file in X LE TEX to the exclusion Plex Mono abcdefghijlkmnopqrstuvwxyz O0|I1l of pretty much everything else that I didn’t do any Nimbus Serif abcdefghijlkmnopqrstuvwxyz O0|I1l justice to fonttable (and a number of other test and do. Sans abcdefghijlkmnopqrstuvwxyz O0|I1l display tools). do. Mono abcdefghijlkmnopqrstuvwxyz O0|I1l I am expecting shortly to have more time at my do. Mono N abcdefghijlkmnopqrstuvwxyz O0|I1l disposal to remedy this and other neglected projects. Times abcdefghijlkmnopqrstuvwxyz O0|I1l Helvetica abcdefghijlkmnopqrstuvwxyz O0|I1l Monospace that fits Courier abcdefghijlkmnopqrstuvwxyz O0|I1l Luxi Mono * abcdefghijlkmnopqrstuvwxyz O0|I1l One of the recurrent problems in documentation is finding a suitable monospace font for program listings Times, Helvetica, and Courier (unrelated) are included for or other examples of code.
    [Show full text]
  • Roboto Italic It Is a Google Font, Universally Accessible and Optimized for All Print and Digital Needs
    Identity Guidelines 1. Logos 2. Palettes + Swatches 3. Fonts 4. Amplify 5. Programs V2-Jan 2019 1. The Logos PRIMARY LOGO Logos The Primary Logo for ILHIGH is the version with White Type and Bright Teal “bubble”. While there are many color versions of the logo available, this version is the Primary Logo and the representational mark for ILHIGH as a whole. For Black and White, the logo version with White Type and Black bubble is the primary logo. Bright Teal Pantone 7716 C Pantone 7716 U CMYK 85, 17, 40, 0 RGB 7, 157, 161 HEX 079DA1 1. The Logos BRAND NAME Logos • When referring to the brand name it must always be: I Live Here I Give Here • Ever word has an initial capitalization and there is no comma after “Here” • After writing out I Live Here I Give Here, the brand name can subsequently be shortened to ILHIGH • Incorrect versions are: I LIVE HERE I GIVE HERE I Live Here, I Give Here 1. The Logos Logos LOGO VARIATIONS Solid The ILHIGH logo is intended to be playful and have personality, so a combination of any of the three brand colors (Bright Teal, Dark Teal, Amplify Green) and White is encouraged. This includes “reversed out” versions (White or light bubble on darker background), and Bubble outline options. Reversed Outline + Reversed Outline 1. The Logos LOGO VARIATIONS Logos Black and White Variations of the logo. 1. The Logos LOGO “BUG” Logos The Logo Bug is a truncated, simplified version of the ILHIGH logo. This is intended only for use in small spaces when the regular, full version of the logo will lose its legibility.
    [Show full text]
  • CVAA Support Within the Kaltura Player Toolkit Last Modified on 06/21/2020 4:25 Pm IDT
    CVAA Support within the Kaltura Player Toolkit Last Modified on 06/21/2020 4:25 pm IDT The Twenty-First Century Communications and Video Accessibility Act of 2010 (CVAA) focuses on ensuring that communications and media services, content, equipment, emerging technologies, and new modes of transmission are accessible to users with disabilities. All Kaltura players that use the Kaltura Player Toolkit are now CVAA compliant by default and are based on on Twenty-First Century Communications and Video Accessibility Act of 2010 (CVAA). The player includes capabilities for editing the style and display of captions and can be modified by the end user. The closed captions styling editor includes easy to use markup and testing controls. The Kaltura Player v2 delivers a great keyboard input experience for users and a seamless browser-managed experience for better integration with web accessibility tools. This is in addition to including the capability of turning closed captions on or off. Features The Kaltura Player v2 CVAA features include: Studio support - Enable options menu Captions types: XML, SRT/DFXP, VTT(outband) Displaying and changing fonts in 64 color combinations using eight standard caption colors currently required for television sets. Adjusting character opacity Ability to adjust caption background in eight specified colors. Copyright ©️ 2019 Kaltura Inc. All Rights Reserved. Designated trademarks and brands are the property of their respective owners. Use of this document constitutes acceptance of the Kaltura Terms of Use and Privacy Policy. 1 Ability to adjust character edge (i.e., non, raised, depressed, uniform or drop shadow). Ability to adjust caption window color and opacity.
    [Show full text]
  • “Det Är På Gott Och Ont” En Enkätundersökning Om Googles Insamling Av Användardata
    KANDIDATUPPSATS I BIBLIOTEKS- OCH INFORMATIONSVETENSKAP AKADEMIN FÖR BIBLIOTEK, INFORMATION, PEDAGOGIK OCH IT 2020 “Det är på gott och ont” En enkätundersökning om Googles insamling av användardata OLIVIA BÄCK SOFIA HERNQVIST © Författaren/Författarna Mångfaldigande och spridande av innehållet i denna uppsats – helt eller delvis – är förbjudet utan medgivande. Svensk titel: “Det är på gott och ont”: En enkätundersökning om Googles insamling av användardata Engelsk titel: “It’s for better and for worse”: A survey about Google’s collection of user data Författare: Olivia Bäck & Sofia Hernqvist Färdigställt: 2020 Abstract: This study focuses on Google’s user agreements and how students within the field of library and information science at the University of Borås are perceiving and relating to these agreements. User agreements are designed as contracts which makes the user data available for Google, but also for the user to protect his or her personal integrity. A problem recent studies show is that few internet users read these agreements and don’t know enough about what Google collect and do with their user data. In this study the concept of surveillance capitalism is used to describe how Google has become a dominant actor on a new form of market. This market is partly formed by Google’s business model which turns user data into financial gain for the company. It is discussed in recent studies that this form of exploitation of user data is problematic and is intruding on people’s personal integrity. The theoretical framework was constructed from theories that social norms influence human behaviour which makes people sign the agreements without reading them.
    [Show full text]
  • NAVY CYP HIRING EVENT Quick Guide
    MAKE A DIFFERENCE. / BUILD A CAREER. NAVY CYP HIRING EVENT Quick Guide Rikki Leigh, MSHR N926 Career Manager Commander Navy Installations Command 5720 Integrity Drive Millington, TN 38055 (P) 901-874-6692 (DSN) 882-6692 (C) 901-600-9515 (F) 901-874-6823 WE CARE ABOUT OUR FAMILIES. WE CARE ABOUT OUR TEAM. WWW.NAVYCYP.ORG NAVY CYP HIRING EVENT This Quick Guide is an overview of all the marketing resources available for installations hosting a Navy CYP Hiring Event. All resources within the CYP Hiring Event Marketing Toolkit are available for download as original artwork and viewable. Local customization is authorized within the fields indicated to reflect dates, locations, times, and online information for CYP Hiring Events. Additional download options are indicated within this document. The CYP Hiring Event coordinator will work with the installation’s Marketing Office to plan a hiring event and develop a marketing plan for outreach to applicants. More information on planning a Navy CYP Hiring Event can be found in the Guide to Navy Child and Youth Programs (CYP) Hiring Events Toolkit. CYP Hiring Event Marketing Toolkit link: http://www.navymwr.org/resources/marketing/cyp/cyp-hiring-event-marketing-toolkit/ Navy Child and Youth Programs (CYP) Hiring Events Toolkit: https://elibrary.cnic-n9portal.net/document-library/?id=2295 2 Navy CYP Hiring Event - QUICK GUIDE NAVY CYP HIRING EVENT B10/17-02 PRIMARY COLORS Black Saffron Mango Cello Steel Blue Charcoal C 0 R 0 C 1 R 250 C 95 R 40 C 81 R 60 C 68 R 66 M 0 G 0 M 22 G 200 M 79 G 69 M 53 G
    [Show full text]
  • Roboto Installation Instructions
    Roboto Installation Instructions works with the Google Assistant Please read and save these instructions before installation DO NOT RETURN TO STORE 2 Roboto Instructions FR-W1910 General Inquiries For all questions about your ceiling fan please read all included instructions, installation procedures, troubleshooting guidelines and warranty information before starting installation. For missing parts or general inquiries call our trained technical staff at: 1-866-810-6615 option 0 MON-FRI 8AM-8PM EST Email: [email protected] Or live chat at modernforms.com Fan Support For fast service have the following information below when you call: 1. Model Name and Number 2. Part Number and Part Description 3. Date Of Purchase and Purchase Location 1-866-810-6615 option 1 MON-FRI 8AM-8PM EST Email: [email protected] FR-W1910 Roboto Instructions 3 Safety Rules For operation, maintenance, and troubleshooting information, visit http://modernforms.com/fan-support/ To reduce the risk of electric shock, ensure electricity has been turned off at the circuit breaker before beginning. All wiring must be in accordance with the National Electrical Code “ANSI/NFPA 70” and local electrical codes. Electrical installation should be performed by a licensed electrician. The fan must be mounted with a minimum of 7 ft. (2.1m) clearance from the trailing edge of the fan blades to the floor and a minimum of 1.5 ft (0.5m) from the edge of the fan blades to the surrounding walls. Never place objects in the path of the fan blades. To avoid personal injury or damage to the fan and other items, please be cautious when working around or cleaning the fan.
    [Show full text]
  • Quickstart Guide
    Fonts Plugin Quickstart Guide Page 1 Table of Contents Introduction 3 Licensing 4 Sitewide Typography 5 Basic Settings 7 Advanced Settings 10 Local Hosting 13 Custom Elements 15 Font Loading 18 Debugging 20 Using Google Fonts in Posts & Pages 21 Gutenberg 22 Classic Editor 25 Theme & Plugin Font Requests 27 Troubleshooting 28 Translations 29 Page 2 Welcome! In this Quickstart guide I’m going to show you how you can use Google Fonts to easily transform the typography of your website. By the time you reach the end of this guide, you will be able to effortlessly customize the typography of your website. You will be able to customise the entire website at once, select certain elements, or home in on a single sentence or paragraph. If at any point you get stuck or have a question, we are always available and happy to help via email ([email protected]). Page 3 Licensing Google Fonts uses an Open Source license which permits the fonts to be used in both personal and commercial projects without requiring payment or attribution. Yes. The open source fonts in the Google Fonts catalog are published under licenses that allow you to use them on any website, whether it’s commercial or personal. https://developers.google.com/fonts/faq In contrast, when searching Google Fonts you may come across fonts that are not part of Google Fonts. These belong to “external foundries” and are not Open Source or free to use. Page 4 Sitewide Typography First, we are going to look at how to customize the typography of your entire website at once.
    [Show full text]
  • Téléchargez GAFAM Naked 1-Google
    <GAFAM NAKED 1/5><https://www.google.fr><10012018-archived by Stéphane Bataillon – https://www.stephanebataillon.com> <!doctype html><html itemscope="" itemtype="http://schema.org/WebPage" lang="fr"><head><meta content="/images/branding/googleg/1x/googleg_standard_color_128dp.png" itemprop="image"><link href="/images/branding/product/ico/googleg_lodp.ico" rel="shortcut icon"><meta content="origin" name="referrer"><title>Google</title> <script>(function() {window.google={kEI:'cZVWWtjPGo3TkgXVpK3gAw',kEXPI:'1352552,1354276,1354915,1355 217,1355528,1355675,1355762,1355792,1356039,1356470,1356722,1356778,1356854,1356 947,1357038,1357219,1357270,3700316,3700521,4029815,4031109,4038214,4038394,4041 776,4043492,4045096,4045293,4045841,4047140,4047454,4048347,4048980,4050750,4051 887,4056126,4056682,4058016,4061666,4061980,4062724,4064468,4064796,4069829,4078 588,4079609,4079611,4080760,4081038,4081165,4082230,4082850,4082858,4086737,4095 910,4097153,4097922,4097929,4098721,4098728,4098752,4102237,4103473,4103845,4104 202,4106084,4106647,4109293,4109316,4109490,4110086,4110931,4115624,4116351,4116 550,4116724,4116731,4116926,4116935,4117539,4117980,4118798,4120660,4120911,4121 518,4122511,4123645,4124091,4124850,4125837,4126204,4126754,4127262,4127307,4127 474,4127863,4128586,4128624,4129001,4129520,4129555,4129633,4129722,4131247,4131 370,4131834,4133114,4133755,4133797,4133876,4134398,4135025,4135088,4135210,4135 404,4135934,4136073,4137461,4137596,4137646,4140786,4141390,4141601,4142071,4142 328,4142420,4142443,4142511,4142513,4142515,4142582,4142729,4142829,4142836,4142
    [Show full text]
  • Web Tracking: Mechanisms, Implications, and Defenses Tomasz Bujlow, Member, IEEE, Valentín Carela-Español, Josep Solé-Pareta, and Pere Barlet-Ros
    ARXIV.ORG DIGITAL LIBRARY 1 Web Tracking: Mechanisms, Implications, and Defenses Tomasz Bujlow, Member, IEEE, Valentín Carela-Español, Josep Solé-Pareta, and Pere Barlet-Ros Abstract—This articles surveys the existing literature on the of ads [1], [2], price discrimination [3], [4], assessing our methods currently used by web services to track the user online as health and mental condition [5], [6], or assessing financial well as their purposes, implications, and possible user’s defenses. credibility [7]–[9]. Apart from that, the data can be accessed A significant majority of reviewed articles and web resources are from years 2012 – 2014. Privacy seems to be the Achilles’ by government agencies and identity thieves. Some affiliate heel of today’s web. Web services make continuous efforts to programs (e.g., pay-per-sale [10]) require tracking to follow obtain as much information as they can about the things we the user from the website where the advertisement is placed search, the sites we visit, the people with who we contact, to the website where the actual purchase is made [11]. and the products we buy. Tracking is usually performed for Personal information in the web can be voluntarily given commercial purposes. We present 5 main groups of methods used for user tracking, which are based on sessions, client by the user (e.g., by filling web forms) or it can be collected storage, client cache, fingerprinting, or yet other approaches. indirectly without their knowledge through the analysis of the A special focus is placed on mechanisms that use web caches, IP headers, HTTP requests, queries in search engines, or even operational caches, and fingerprinting, as they are usually very by using JavaScript and Flash programs embedded in web rich in terms of using various creative methodologies.
    [Show full text]
  • Progressive Web Applications
    Bachelor’s thesis Degree programme in Information and Communications Technology 2019 Archana Karki PROGRESSIVE WEB APPLICATIONS - Powerful websites, functional as native mobile apps BACHELOR’S THESIS | ABSTRACT TURKU UNIVERSITY OF APPLIED SCIENCES Degree programme in Information and Communication Technology 2019| 60 pages Archana Karki PROGRESSIVE WEB APPS • Powerful websites, usable as native mobile apps Current web platform and browsers are adequately powerful to support mobile and desktop applications. Application Program Interfaces (APIs) that supports the integration of mobile device and web browsers can execute features such as notifications, push messages, home screen icon, device camera and so on. The concept of progressive web apps is to make regular websites functional as mobile and desktop app, without compromising the user experience of traditionally used native apps. In order to understand the concept of Progressive Web Apps (PWAs), a functional app was created using HTML, CSS, JavaScript, along with the manifest file, service workers, and web APIs. The primary objective of the thesis was to understand and implement the technologies of Progressive Web Applications (PWAs). Hence, a detailed study of the topic and development of a PWA was also carried out. The study showed that one PWA could serve the function of a website, mobile app and a desktop app efficiently. On one hand, the technology used for making a PWA is not too complicated for web developers using HTML, CSS, and JavaScript, and on the other hand, simple files can turn an existing HTTPS website into a fully functional app, saving the cost of developing a new native app. KEYWORDS: Web apps, web, native apps, hybrid app, service workers, app shell, cache API, device integration and notification API.
    [Show full text]