ustyle 1.4.1 → 1.5.8

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: ustyle
 version: !ruby/object:Gem::Version
-  version: 1.4.1
+  version: 1.5.8
 platform: ruby
 authors:
 - uSwitch Limited
@@ -13,7 +13,7 @@ authors:
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2016-03-09 00:00:00.000000000 Z
+date: 2016-06-28 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: sass
@@ -185,6 +185,7 @@ files:
 - dist/ustyle.min.js
 - grunt/modules/dss-helper.js
 - grunt/modules/file.js
+- grunt/modules/html-parser.js
 - grunt/modules/templates.js
 - grunt/tasks/browser-sync.js
 - grunt/tasks/builder.js
@@ -202,37 +203,59 @@ files:
 - lib/ustyle/version.rb
 - package.json
 - styleguide/CNAME
+- styleguide/assets/images/CTAs.png
+- styleguide/assets/images/badge-label-usp.png
 - styleguide/assets/images/bower-logo.png
+- styleguide/assets/images/caveat.png
 - styleguide/assets/images/cloudfront-logo.png
-- styleguide/assets/images/illustration-01.png
-- styleguide/assets/images/illustration-02.png
-- styleguide/assets/images/illustration-03.png
-- styleguide/assets/images/illustration-04.png
-- styleguide/assets/images/illustration-05.png
-- styleguide/assets/images/illustration-06.png
-- styleguide/assets/images/illustration-07.png
-- styleguide/assets/images/illustration-08.png
+- styleguide/assets/images/design-conventions.png
+- styleguide/assets/images/error-texts.png
+- styleguide/assets/images/external-requirements.png
 - styleguide/assets/images/infographic-01.png
 - styleguide/assets/images/infographic-02.png
-- styleguide/assets/images/lifestyle-photography-01.png
-- styleguide/assets/images/lifestyle-photography-02.png
-- styleguide/assets/images/lifestyle-photography-03.png
-- styleguide/assets/images/lifestyle-photography-04.png
-- styleguide/assets/images/lifestyle-photography-05.png
-- styleguide/assets/images/lifestyle-photography-06.png
-- styleguide/assets/images/lifestyle-photography-07.png
-- styleguide/assets/images/lifestyle-photography-08.png
 - styleguide/assets/images/npm-logo.png
-- styleguide/assets/images/object-photography-01.png
-- styleguide/assets/images/object-photography-02.png
-- styleguide/assets/images/object-photography-03.png
-- styleguide/assets/images/object-photography-04.png
-- styleguide/assets/images/object-photography-05.png
-- styleguide/assets/images/object-photography-06.png
-- styleguide/assets/images/object-photography-07.png
-- styleguide/assets/images/object-photography-08.png
+- styleguide/assets/images/placeholder-text.png
 - styleguide/assets/images/ruby-logo.png
+- styleguide/assets/images/site-consistency01.png
+- styleguide/assets/images/site-consistency02.png
+- styleguide/assets/images/site-consistency03.png
+- styleguide/assets/images/styleguide-examples/accurate-housing.jpg
+- styleguide/assets/images/styleguide-examples/altered.jpg
+- styleguide/assets/images/styleguide-examples/bad-subject.jpg
+- styleguide/assets/images/styleguide-examples/centered.jpg
+- styleguide/assets/images/styleguide-examples/cliche.jpg
+- styleguide/assets/images/styleguide-examples/cold.jpg
+- styleguide/assets/images/styleguide-examples/good-subject.jpg
+- styleguide/assets/images/styleguide-examples/illustrations_1.png
+- styleguide/assets/images/styleguide-examples/illustrations_2.png
+- styleguide/assets/images/styleguide-examples/illustrations_3.png
+- styleguide/assets/images/styleguide-examples/illustrations_4.png
+- styleguide/assets/images/styleguide-examples/illustrations_5.png
+- styleguide/assets/images/styleguide-examples/illustrations_6.png
+- styleguide/assets/images/styleguide-examples/innaccurate-housing.jpg
+- styleguide/assets/images/styleguide-examples/natural-1.jpg
+- styleguide/assets/images/styleguide-examples/natural-2.jpg
+- styleguide/assets/images/styleguide-examples/natural-3.jpg
+- styleguide/assets/images/styleguide-examples/not-centered.jpg
+- styleguide/assets/images/styleguide-examples/realistic.jpg
+- styleguide/assets/images/styleguide-examples/unaltered.jpg
+- styleguide/assets/images/styleguide-examples/unnatural-1.jpg
+- styleguide/assets/images/styleguide-examples/unnatural-2.jpg
+- styleguide/assets/images/styleguide-examples/unnatural-3.jpg
+- styleguide/assets/images/styleguide-examples/warm.jpg
+- styleguide/assets/images/tone.png
+- styleguide/assets/images/tooltip.png
+- styleguide/assets/images/tsandcs.png
 - styleguide/assets/images/ustyle.svg
+- styleguide/assets/images/ux-conventions-consistency.png
+- styleguide/assets/images/ux-conventions-error.png
+- styleguide/assets/images/ux-conventions-errors.png
+- styleguide/assets/images/ux-conventions-flexibility.png
+- styleguide/assets/images/ux-conventions-freedom.png
+- styleguide/assets/images/ux-conventions-minimalist.png
+- styleguide/assets/images/ux-conventions-real-world.png
+- styleguide/assets/images/ux-conventions-recognition.png
+- styleguide/assets/images/ux-conventions-visibility.png
 - styleguide/assets/javascripts/app.js
 - styleguide/assets/javascripts/modules/cleanWhiteSpace.js
 - styleguide/assets/javascripts/modules/stats.js
@@ -243,6 +266,7 @@ files:
 - styleguide/assets/sass/modules/_copyright.scss
 - styleguide/assets/sass/modules/_grid.scss
 - styleguide/assets/sass/modules/_home.scss
+- styleguide/assets/sass/modules/_images.scss
 - styleguide/assets/sass/modules/_links.scss
 - styleguide/assets/sass/modules/_logo.scss
 - styleguide/assets/sass/modules/_made-at.scss
@@ -261,11 +285,14 @@ files:
 - styleguide/assets/sass/vendor/_highlight.scss
 - styleguide/assets/sass/vendor/_pure-table.scss
 - styleguide/content/brand/index.md
-- styleguide/content/brand/language.md
 - styleguide/content/brand/logo.tpl
 - styleguide/content/design/index.tpl
 - styleguide/content/design/typography.md
+- styleguide/content/design/validating-designs.tpl
 - styleguide/content/index.tpl
+- styleguide/content/language/grammar.md
+- styleguide/content/language/microcopy.md
+- styleguide/content/language/tone.md
 - styleguide/content/pattern-library/grid.tpl
 - styleguide/content/pattern-library/index.tpl
 - styleguide/partials/_footer.tpl
@@ -310,12 +337,14 @@ files:
 - vendor/assets/images/icons/16px/electric-light.png
 - vendor/assets/images/icons/16px/envelope.png
 - vendor/assets/images/icons/16px/exit-noexit.png
+- vendor/assets/images/icons/16px/facebook-brand.png
 - vendor/assets/images/icons/16px/facebook.png
 - vendor/assets/images/icons/16px/filter.png
 - vendor/assets/images/icons/16px/fixed-variable.png
 - vendor/assets/images/icons/16px/gas.png
 - vendor/assets/images/icons/16px/gauge.png
 - vendor/assets/images/icons/16px/github.png
+- vendor/assets/images/icons/16px/google-brand.png
 - vendor/assets/images/icons/16px/google.png
 - vendor/assets/images/icons/16px/graph-up.png
 - vendor/assets/images/icons/16px/happy.png
@@ -376,6 +405,7 @@ files:
 - vendor/assets/images/icons/16px/tick-circle.png
 - vendor/assets/images/icons/16px/tick.png
 - vendor/assets/images/icons/16px/tv.png
+- vendor/assets/images/icons/16px/twitter-brand.png
 - vendor/assets/images/icons/16px/twitter.png
 - vendor/assets/images/icons/16px/ustyle.png
 - vendor/assets/images/icons/16px/uswitch.png
@@ -418,12 +448,14 @@ files:
 - vendor/assets/images/icons/32px/electric-light.png
 - vendor/assets/images/icons/32px/envelope.png
 - vendor/assets/images/icons/32px/exit-noexit.png
+- vendor/assets/images/icons/32px/facebook-brand.png
 - vendor/assets/images/icons/32px/facebook.png
 - vendor/assets/images/icons/32px/filter.png
 - vendor/assets/images/icons/32px/fixed-variable.png
 - vendor/assets/images/icons/32px/gas.png
 - vendor/assets/images/icons/32px/gauge.png
 - vendor/assets/images/icons/32px/github.png
+- vendor/assets/images/icons/32px/google-brand.png
 - vendor/assets/images/icons/32px/google.png
 - vendor/assets/images/icons/32px/graph-up.png
 - vendor/assets/images/icons/32px/happy.png
@@ -484,6 +516,7 @@ files:
 - vendor/assets/images/icons/32px/tick-circle.png
 - vendor/assets/images/icons/32px/tick.png
 - vendor/assets/images/icons/32px/tv.png
+- vendor/assets/images/icons/32px/twitter-brand.png
 - vendor/assets/images/icons/32px/twitter.png
 - vendor/assets/images/icons/32px/ustyle.png
 - vendor/assets/images/icons/32px/uswitch.png
@@ -526,12 +559,14 @@ files:
 - vendor/assets/images/icons/64px/electric-light.png
 - vendor/assets/images/icons/64px/envelope.png
 - vendor/assets/images/icons/64px/exit-noexit.png
+- vendor/assets/images/icons/64px/facebook-brand.png
 - vendor/assets/images/icons/64px/facebook.png
 - vendor/assets/images/icons/64px/filter.png
 - vendor/assets/images/icons/64px/fixed-variable.png
 - vendor/assets/images/icons/64px/gas.png
 - vendor/assets/images/icons/64px/gauge.png
 - vendor/assets/images/icons/64px/github.png
+- vendor/assets/images/icons/64px/google-brand.png
 - vendor/assets/images/icons/64px/google.png
 - vendor/assets/images/icons/64px/graph-up.png
 - vendor/assets/images/icons/64px/happy.png
@@ -592,6 +627,7 @@ files:
 - vendor/assets/images/icons/64px/tick-circle.png
 - vendor/assets/images/icons/64px/tick.png
 - vendor/assets/images/icons/64px/tv.png
+- vendor/assets/images/icons/64px/twitter-brand.png
 - vendor/assets/images/icons/64px/twitter.png
 - vendor/assets/images/icons/64px/ustyle.png
 - vendor/assets/images/icons/64px/uswitch.png
@@ -634,12 +670,14 @@ files:
 - vendor/assets/images/icons/electric-light.svg
 - vendor/assets/images/icons/envelope.svg
 - vendor/assets/images/icons/exit-noexit.svg
+- vendor/assets/images/icons/facebook-brand.svg
 - vendor/assets/images/icons/facebook.svg
 - vendor/assets/images/icons/filter.svg
 - vendor/assets/images/icons/fixed-variable.svg
 - vendor/assets/images/icons/gas.svg
 - vendor/assets/images/icons/gauge.svg
 - vendor/assets/images/icons/github.svg
+- vendor/assets/images/icons/google-brand.svg
 - vendor/assets/images/icons/google.svg
 - vendor/assets/images/icons/graph-up.svg
 - vendor/assets/images/icons/happy.svg
@@ -701,6 +739,7 @@ files:
 - vendor/assets/images/icons/tick-circle.svg
 - vendor/assets/images/icons/tick.svg
 - vendor/assets/images/icons/tv.svg
+- vendor/assets/images/icons/twitter-brand.svg
 - vendor/assets/images/icons/twitter.svg
 - vendor/assets/images/icons/ustyle.svg
 - vendor/assets/images/icons/uswitch.svg

data/styleguide/content/brand/language.md

@@ -1,98 +0,0 @@
-## How does a brilliantly simple brand sound?
-
-Think of our tone of voice as a natural extension of our values and personality. We might not mention them in our copy, but their ‘feel’ should come across in every word, sentence and paragraph.
-
-#### Table of contents
-1. [Tone of voice](#tone-of-voice)
-2. [Writing tips](#writing-tips)
-3. [Writing conventions](#writing-conventions)
-
-## Tone of voice
-
-1. **Expert** - We have a deep understanding of people, household finances and the industries in which we operate. Be confident and authoritative.
-2. **Human** - We always talk on the same level as our customers. Be friendly and conversational, never patronising.
-3. **Connected** - We are seamlessly synchronised with the wider world and financial one. Be timely, knowledgeable and accurate.
-4. **Frank** - We speak truthfully and with insight. Be honest and transparent.
-5. **Advisory** - We make a positive impact on the lives of our customers. Be empowering and informative.
-
-## Writing tips
-
-### Write like you speak
-Write as if the reader is in front of you. It’ll make your words sound more natural and believable.
-
-### Jargon-free zone
-Leave the corporate words to the boardroom. Everyday words are much better. They’re easier to read and get our message across quicker.
-
-### Statistical value
-Well-placed stats and relevant data really add weight to what we’re saying. But use them sparingly, and only if it really merits it.
-
-### Be active
-Use an active voice rather than a passive one. This means writing sentences this way round: ‘The customers were saving money.’ Rather than this way round: ‘Money was being saved by the customers.
-
-### Consistency is key
-We all need to speak and write the same way, otherwise it waters down our brand and weakens our position.
-
-### Headlines
-Keep them short. The longer a headline is, the less likely it is to be read. So don’t write it in four words if you can do it in three.
-
-### Less is more
-Short copy gets read. Long copy doesn’t. Get to the point as quick as possible. Otherwise you’ll lose the reader.
-
-### Be purposeful and actionable
-Content should always be actionable. You’ve given the customer relevant information, now tell them what they can do with it.
-
-### Once is enough
-Say it once and say it well. Repetition makes copy boring and overly long, and creeps in when we’re not confident about what we’re saying.
-
-### Snack-sized copy
-If you have a lot of information to get across, use bullet points or sub-headings to break it up. But don’t use too many bullets or make them too long or it will defeat the objective.
-
-### Go with the flow
-Do your words trip off the tongue? There’s one way to find out. Read them out loud and you’ll soon find out where it’s not flowing.
-
-## Writing conventions
-
-### Abbreviations
-
-For names of companies or organisations, if an abbreviation is more familiar than the full form (e.g. BBC, IBM) use that. If not, write the name in full the first time you mention it, followed by the abbreviation in brackets. The next time you refer to it, use only the abbreviation.
-
-### Apostrophes
-Avoid common misuse of apostrophes:
-
-- Mixing up it’s (it is) and its (possessive)
-- Using to denote plural: DVD’s (wrong) vs DVDs (correct)
-- When writing Dos and Don’ts (not Do’s and Don’ts)
-- When writing decades 1990s (not 1990’s); the ’80s (not the 80’s)
-
-### British English
-
-Use the British ‘s’ in words such as ‘realise’, and ‘specialise’, rather than the American ‘z’.
-
-### Capital letters
-
-Never use all capital letters. Headlines follow usual sentence structure, with only the first word and proper nouns utilising capitals.
-
-### Company names and references
-
-Follow punctuation and capitalisation of company names and products as they are branded.
-> Example: E.ON, iPhone, iSaver
-
-When referencing a company in a news or guide, remember to always keep them in the singular.
-> Example: BT is launching a new ... (not BT are launching a new ...)
-
-### Contractions
-
-Our tone of voice is friendly and familiar, so it’s fine to use contractions like ‘they’ll’, ‘it’ll’, ‘isn’t’.
-
-### Dashes and hyphens
-If you use a dash within a sentence to create emphasis, then use a long em dash – rather than a hyphen.
-Compound adjectives before a noun generally use a hyphen (e.g. ‘the well-organised energy provider’). After a noun, they should be separated (e.g. ‘the energy provider was well organised’).
-
-### Exclamation marks
-Use sparingly.
-
-### Full stops
-Don’t use full stops at the end of headlines.
-
-### Legals, disclaimers and caveats
-Superscript numbering should be used when there is more than one caveat, however, when there is only one caveat in a communication, an asterisk (*) should be used.