From d4a5aa02c2f097af0100fa0530bfcbbe00bd6b86 Mon Sep 17 00:00:00 2001 From: Kamran Ahmed Date: Tue, 13 Sep 2022 17:30:06 +0400 Subject: [PATCH] Add content for design language --- .../content/104-design-language/100-brand/100-vision.md | 4 +++- .../100-brand/101-design-principles.md | 4 +++- .../104-design-language/100-brand/102-terminology.md | 4 +++- .../104-design-language/100-brand/103-tone-of-voice.md | 4 +++- .../100-brand/104-writing-guidelines.md | 4 +++- .../content/104-design-language/100-brand/readme.md | 4 +++- .../101-guidelines/100-accessibility.md | 4 +++- .../101-guidelines/101-user-onboarding.md | 4 +++- .../101-guidelines/102-microcopy-guidelines.md | 4 +++- .../content/104-design-language/101-guidelines/readme.md | 4 +++- .../102-logo/100-monochrome-version.md | 4 +++- .../102-logo/101-small-use-guidance.md | 4 +++- .../102-logo/102-placement-and-clearance-guidance.md | 4 +++- .../104-design-language/102-logo/103-usage-guidance.md | 4 +++- .../102-logo/104-different-file-formats.md | 4 +++- .../content/104-design-language/102-logo/readme.md | 4 +++- .../content/104-design-language/readme.md | 9 ++++++++- 17 files changed, 56 insertions(+), 17 deletions(-) diff --git a/content/roadmaps/111-design-system/content/104-design-language/100-brand/100-vision.md b/content/roadmaps/111-design-system/content/104-design-language/100-brand/100-vision.md index f1d122ebc..88d7b8314 100644 --- a/content/roadmaps/111-design-system/content/104-design-language/100-brand/100-vision.md +++ b/content/roadmaps/111-design-system/content/104-design-language/100-brand/100-vision.md @@ -1 +1,3 @@ -# Vision \ No newline at end of file +# Vision + +Identify why you exist, what your values are and how they’ll help guide the future of your product. diff --git a/content/roadmaps/111-design-system/content/104-design-language/100-brand/101-design-principles.md b/content/roadmaps/111-design-system/content/104-design-language/100-brand/101-design-principles.md index abb0c6c9d..4502b5a6f 100644 --- a/content/roadmaps/111-design-system/content/104-design-language/100-brand/101-design-principles.md +++ b/content/roadmaps/111-design-system/content/104-design-language/100-brand/101-design-principles.md @@ -1 +1,3 @@ -# Design principles \ No newline at end of file +# Design Principles + +The considerations that guide the basis of your practice. They outline how you approach design from a philosophical perspective and help with everyday decisions. diff --git a/content/roadmaps/111-design-system/content/104-design-language/100-brand/102-terminology.md b/content/roadmaps/111-design-system/content/104-design-language/100-brand/102-terminology.md index f3fb5bd48..4fd4ab6b7 100644 --- a/content/roadmaps/111-design-system/content/104-design-language/100-brand/102-terminology.md +++ b/content/roadmaps/111-design-system/content/104-design-language/100-brand/102-terminology.md @@ -1 +1,3 @@ -# Terminology \ No newline at end of file +# Terminology + +Create the standard terms and phrases that need to be kept the same throughout the user experience, speeding up the design process and unifying your voice. diff --git a/content/roadmaps/111-design-system/content/104-design-language/100-brand/103-tone-of-voice.md b/content/roadmaps/111-design-system/content/104-design-language/100-brand/103-tone-of-voice.md index 1e0cb86bd..299b3a1fd 100644 --- a/content/roadmaps/111-design-system/content/104-design-language/100-brand/103-tone-of-voice.md +++ b/content/roadmaps/111-design-system/content/104-design-language/100-brand/103-tone-of-voice.md @@ -1 +1,3 @@ -# Tone of voice \ No newline at end of file +# Tone of Voice + +A clear tone of voice defines how you speak to your audience at every moment in their journey, helping them get wherever they want to go. diff --git a/content/roadmaps/111-design-system/content/104-design-language/100-brand/104-writing-guidelines.md b/content/roadmaps/111-design-system/content/104-design-language/100-brand/104-writing-guidelines.md index 9fedbee46..b7788e3f5 100644 --- a/content/roadmaps/111-design-system/content/104-design-language/100-brand/104-writing-guidelines.md +++ b/content/roadmaps/111-design-system/content/104-design-language/100-brand/104-writing-guidelines.md @@ -1 +1,3 @@ -# Writing guidelines \ No newline at end of file +# Writing Guidelines + +Every consistent experience needs watertight writing. Laying down the foundations for your house style early keeps everything in line with consistent grammar, style choices and action-oriented language to help your design. diff --git a/content/roadmaps/111-design-system/content/104-design-language/100-brand/readme.md b/content/roadmaps/111-design-system/content/104-design-language/100-brand/readme.md index 499d57e5c..e5bd814af 100644 --- a/content/roadmaps/111-design-system/content/104-design-language/100-brand/readme.md +++ b/content/roadmaps/111-design-system/content/104-design-language/100-brand/readme.md @@ -1 +1,3 @@ -# Brand \ No newline at end of file +# Brand + +Brand drives every single decision you make when building new products or features. A good brand is much more than a name and a logo. It’s the values that define your unique identity and what makes you stand out from others. diff --git a/content/roadmaps/111-design-system/content/104-design-language/101-guidelines/100-accessibility.md b/content/roadmaps/111-design-system/content/104-design-language/101-guidelines/100-accessibility.md index 55ffef6e3..690088010 100644 --- a/content/roadmaps/111-design-system/content/104-design-language/101-guidelines/100-accessibility.md +++ b/content/roadmaps/111-design-system/content/104-design-language/101-guidelines/100-accessibility.md @@ -1 +1,3 @@ -# Accessibility \ No newline at end of file +# Accessibility + +Guidelines for how you approach accessibility and how you leverage colour, hierarchy and assistive technologies to help your users. diff --git a/content/roadmaps/111-design-system/content/104-design-language/101-guidelines/101-user-onboarding.md b/content/roadmaps/111-design-system/content/104-design-language/101-guidelines/101-user-onboarding.md index 77f6d8b65..dabe3f48a 100644 --- a/content/roadmaps/111-design-system/content/104-design-language/101-guidelines/101-user-onboarding.md +++ b/content/roadmaps/111-design-system/content/104-design-language/101-guidelines/101-user-onboarding.md @@ -1 +1,3 @@ -# User onboarding \ No newline at end of file +# User Onboarding + +How you onboard your users to your product or a new feature and give them a great experience from the start. diff --git a/content/roadmaps/111-design-system/content/104-design-language/101-guidelines/102-microcopy-guidelines.md b/content/roadmaps/111-design-system/content/104-design-language/101-guidelines/102-microcopy-guidelines.md index 1664a5f38..2fddb8879 100644 --- a/content/roadmaps/111-design-system/content/104-design-language/101-guidelines/102-microcopy-guidelines.md +++ b/content/roadmaps/111-design-system/content/104-design-language/101-guidelines/102-microcopy-guidelines.md @@ -1 +1,3 @@ -# Microcopy guidelines \ No newline at end of file +# Microcopy Guidelines + +The standard way to write for the components in your design system. These take platform conventions and best practices for writing all into consideration. diff --git a/content/roadmaps/111-design-system/content/104-design-language/101-guidelines/readme.md b/content/roadmaps/111-design-system/content/104-design-language/101-guidelines/readme.md index 80ab2f7f0..8ed6df502 100644 --- a/content/roadmaps/111-design-system/content/104-design-language/101-guidelines/readme.md +++ b/content/roadmaps/111-design-system/content/104-design-language/101-guidelines/readme.md @@ -1 +1,3 @@ -# Guidelines \ No newline at end of file +# Guidelines + +Providing guidance on how to approach common UX patterns will allow your organisation to establish a consistent approach and a consistent user experience on any platform. diff --git a/content/roadmaps/111-design-system/content/104-design-language/102-logo/100-monochrome-version.md b/content/roadmaps/111-design-system/content/104-design-language/102-logo/100-monochrome-version.md index 4868610c8..00f98013e 100644 --- a/content/roadmaps/111-design-system/content/104-design-language/102-logo/100-monochrome-version.md +++ b/content/roadmaps/111-design-system/content/104-design-language/102-logo/100-monochrome-version.md @@ -1 +1,3 @@ -# Monochrome version \ No newline at end of file +# Monochrome Version + +A monochrome version of your logo that looks good on top of photography or when it’s printed with a poor quality printer. diff --git a/content/roadmaps/111-design-system/content/104-design-language/102-logo/101-small-use-guidance.md b/content/roadmaps/111-design-system/content/104-design-language/102-logo/101-small-use-guidance.md index 0ae7a7eb9..c1df5aa41 100644 --- a/content/roadmaps/111-design-system/content/104-design-language/102-logo/101-small-use-guidance.md +++ b/content/roadmaps/111-design-system/content/104-design-language/102-logo/101-small-use-guidance.md @@ -1 +1,3 @@ -# Small use guidance \ No newline at end of file +# Small Use Guidance + +Your logo must perform well and be recognisable at all sizes. Tips for using your logo in these cases will minimise the risk of it being misused. diff --git a/content/roadmaps/111-design-system/content/104-design-language/102-logo/102-placement-and-clearance-guidance.md b/content/roadmaps/111-design-system/content/104-design-language/102-logo/102-placement-and-clearance-guidance.md index fb3b706c8..34cb152fe 100644 --- a/content/roadmaps/111-design-system/content/104-design-language/102-logo/102-placement-and-clearance-guidance.md +++ b/content/roadmaps/111-design-system/content/104-design-language/102-logo/102-placement-and-clearance-guidance.md @@ -1 +1,3 @@ -# Placement and clearance guidance \ No newline at end of file +# Placement and Clearance Guidance + +Your logo must come with clear guidance on how to place it and how to preserve its space since it lives along with other content. diff --git a/content/roadmaps/111-design-system/content/104-design-language/102-logo/103-usage-guidance.md b/content/roadmaps/111-design-system/content/104-design-language/102-logo/103-usage-guidance.md index bd49a1889..bb2634b72 100644 --- a/content/roadmaps/111-design-system/content/104-design-language/102-logo/103-usage-guidance.md +++ b/content/roadmaps/111-design-system/content/104-design-language/102-logo/103-usage-guidance.md @@ -1 +1,3 @@ -# Usage guidance \ No newline at end of file +# Usage Guidance + +These are the logo crimes, providing contextual examples of what to (not) do with your logo. diff --git a/content/roadmaps/111-design-system/content/104-design-language/102-logo/104-different-file-formats.md b/content/roadmaps/111-design-system/content/104-design-language/102-logo/104-different-file-formats.md index 1bc6b0a41..d82185516 100644 --- a/content/roadmaps/111-design-system/content/104-design-language/102-logo/104-different-file-formats.md +++ b/content/roadmaps/111-design-system/content/104-design-language/102-logo/104-different-file-formats.md @@ -1 +1,3 @@ -# Different file formats \ No newline at end of file +# Different File Formats + +Providing a variety of formats for the vector version of your logo will make it easier for others to work and prevent anyone from redrawing it. diff --git a/content/roadmaps/111-design-system/content/104-design-language/102-logo/readme.md b/content/roadmaps/111-design-system/content/104-design-language/102-logo/readme.md index ee0a251e4..e293f00de 100644 --- a/content/roadmaps/111-design-system/content/104-design-language/102-logo/readme.md +++ b/content/roadmaps/111-design-system/content/104-design-language/102-logo/readme.md @@ -1 +1,3 @@ -# Logo \ No newline at end of file +# Logo + +Most customers form an opinion about a product in seconds. In most cases, your logo will be the first brand asset someone sees. It’s all about making the right first impression. A distinctive logo helps users recognise a product immediately and gives them the essence of your branding. diff --git a/content/roadmaps/111-design-system/content/104-design-language/readme.md b/content/roadmaps/111-design-system/content/104-design-language/readme.md index 2ffb534f1..71ac63a88 100644 --- a/content/roadmaps/111-design-system/content/104-design-language/readme.md +++ b/content/roadmaps/111-design-system/content/104-design-language/readme.md @@ -1 +1,8 @@ -# Design language \ No newline at end of file +# Design Language + +Like any language, a design language is a methodical way of communicating with your audience through your approach to product design. It’s the cornerstone of consistent customer experiences. + +What is a Design Language.. really? +How to Develop a Design Language +What Actually Constitutes Design Language? +Visual Design Language: The Building Blocks Of Design