If the heading sufficiently explains the problem or solution, you don't need body text. Following release 2.4.0 of OutSystems UI, the Style Guide applications were updated to allow creating mobile apps based on the Style Guide theme. Nearly every interface includes buttons, so take time to document their sizes, styles, colors, placement, spacing, and typographic elements. Here, Atlassian clarifies spacing between lines of text and buttons. 3. — a structural choice that improves searchability. You can pass a function to makeStyles ("interpolation") in order to adapt the generated value based on the component's props. ", If possible, use null state situations as an opportunity to educate people about how to use the feature (for example, how to add music, where to find pictures, etc. A well organized and clearly marked table of contents is a simple way to help everyone quickly find what’s inside the document. Traditionally, UI Style Guides have existed as web pages. The guidelines presented here describe ways of … Add details in the body. Much like good UI design, good UI copy offers clarity and direction and encourages action. Drugstore.com Brand Guidelines UI STYLE GUIDE > DESKTOP, TABLET & MOBILE Copy is an important part of any user interface. This style guide builds on these voice principles as well as the Microsoft Writing Style Guide, so make sure to check out both of those resources for info on such things as accessibility, acronyms, and word choice such as please, and sorry. Here's an example: Start with "Successfully" and end with what the software just did. It’s impossible to predict every problematic design decision that may arise over a product’s lifespan, so articulating the design rationale behind often-used UI components can make unforeseen scenarios easier to resolve. "Add someone as a favorite, and you'll see them here. In addition to a large color palette that includes a range of lighter secondary colors, IBM’s UI Style Guide demonstrates how to apply specific schemes (like this triadic example) to its products. Much like Johnny Cash’s custom Cadillac, digital products without UI Style Guides are susceptible to mismatched parts and disjointed design. Changes sync to the whole team, and designers can switch to the latest version or roll back updates at any time.”, “Make your own Material theme and create a branded symbol library by applying style changes to color, shape, and typography. UI Style Guides are a design and development tool that brings cohesion to a digital product’s user interface and experience. or “You're about to erase all your data”. Only consider Help links for error messages that you can't make specific and actionable. There is also a new template to create mobile apps, based on the theme. For example: Help link: What are the risks of allowing exceptions? Style guides are especially important when there are many designers working on a digital product. UI style guide created to keep as a reference and make sure the user interface is consistent across the board. UI Style Guides are a design and development tool that brings cohesion to a digital product’s user interface and experience. Make sure the main instruction (heading) and explanatory text (body) aren't redundant. @theme-ui/style-guide. Start with the verb of the action you're performing and end with ellipses to indicate an ongoing operation. Be more specific about the problem. Editor add-ons build user interfaces (menus, sidebars, and dialogs) using Apps Script's HTML service. At the same time, design is not a pursuit reserved only for large companies. Use colons in UI text when a label is on the same line as the text it labels and you need to keep the two elements from running together. Micah uses brand design and illustration to tell stories on behalf of his clients. The visual guide to create a consistent and beautiful user experience on your apps. Product teams are made up of people from different disciplines, cultural backgrounds, and professional experiences. If the UI Style Guide is referencing a set of brand identity guidelines, check to see if a secondary scheme of lighter accent colors is available. Hi folks! Limit pop-ups and tips to 4 per usage session combined—including system notifications and shell notifications. This provides designers and developers with easy access and allows design elements to function as they would in-product. If that's not possible, use "Close" for the dismissal button text (instead of "Okay" or "Done"). Don't include end punctuation unless there are multiple complete sentences. League of Legends In-Game UI Style Guide 2016 League of Legends In-Game UI 2016 . Make sure a confirmation is necessary. UI style guides are a holistic set of design standards for UI elements and interactions that occur in different web/app products, ensuring product consistency across different design teams, companies, and brands. Over time, these add up and undermine a digital product’s cohesion. An exception is in a confirmation dialog where the heading asks the question. The ‘Typography’ section of Firefox’s UI Style Guide gives detailed instructions for creating readable text with a clear design hierarchy. But we put it together and when we got through Jump to Main Content. If you can't find the guidance you're looking for in the UI text style guidelines, use the guidance provided in other sections of the Splunk Style Guide. Make the rightmost button the more conservative action, such as "Cancel. Many individual companies and organizations have their own set of documented UI rules or styles for interface design that developers in that company use. When preparing a style-guide document, it is important to design it from the perspective of its users. One of the quickest ways to wreck an interface is inconsistent color use, so color combinations need to be clearly defined. Well, that’s when we noticed that we only had one tail-fin. A text string in an empty page with short instructions on how to get started - for example, "Select 'Add' to add an app. This is the user interface (UI) style guide for 18f.gsa.gov. ", No ending punctuation (periods, question marks) for headings or incomplete sentences. Empty-state messaging is a natural place for learning and/or delight—keep it simple and informative. Do you have an example of Style guide document? Using the pre built components will enable you to focus on other parts of your project rather than spending time with code and requirements that's already developed. Keep it brief and explain concisely what the problem is or. According to Wikipedia, a UI style guide is a ‘set of standards for the writing and design of documents’ and that it ‘ensures consistency and enforces best practice in usage.’ All very true. This is common in large companies especially, where a suite of applications is created internally. Share, upload, and present design iterations in Gallery. A selection of gray values is also useful. You don't need to use the same text as the task title; use text that makes sense in the context of the UI, but make sure that there's a logical connection between the two. Contemporary design and development teams value efficiency and multidisciplinary collaboration—as evidenced by the design language systems being touted by big brands like MailChimp, Google, and Salesforce. Styleguide Toolbox - Templates, UI Kits, Tools & Generators If there is an error code associated with the error and if you think that including the error code might help the customer or Microsoft support to research the issue, include it directly below the body text and write it as follows: If the customer has all the info necessary to resolve the error without the code, you don't need to include it. Listen to the audio version of this article. Listing colors and their values (HEX, UIColor) is a good start, but specific pairings and use examples should also be given. Styles. Sentence case with ending punctuation - ideally with an object variable so users can understand what object the message applies to in case they've navigated away from the object, Sentence case without ending punctuation (it's a heading) - ideally with an object variable, Full sentences, ideally with a link to the UI that displays the object. By using UI Style Guides, we can separate the visual language of a website from the structure. Have fun with the text. If there's a variable, such as the name of the item you're about change, include it here. Edit in place—everything is a master. This means including notes and examples for spacing, padding, and placement. ", "When someone adds you as a friend, you'll see them here. If a business or design team doesn’t have a shared record that documents the intended look and feel a product, visual and experiential inconsistencies will arise, users will grow frustrated, and the brand’s reputation will take a hit. Aug 12, 2019 - Explore Tiantian Xu's board "UI | Style Guide", followed by 1227 people on Pinterest. “At its core, our product is about showcasing the best architecture images from around the globe. Here's some guidance adapted from the Windows Style Guide: Writing a good message is a balance between providing enough explanation but not being overly technical; between being casual and personable but not annoying or offensive. UI Designers Guide with useful resources, tools, tutorial and inspiration. A branding style guide provides rules of thumb and context notes to help designers achieve brand consistency when creating assets for print, web, mobile, etc. What are the risks of allowing exceptions? A style guide is also useful in educating other stakeholders about UI design. This space can be an opportunity to provide delight since it will probably not be seen several times. But like every other article out there on the topic, it offers nothing in the way of HOW to achieve this or how to communicate these ideals and business rules. Unfortunately, when the worker begins building his bootleg Cadillac, he finds that many parts are incompatible because key design features have changed over the years. Microsoft developers should use an FWLink except when it's a help link that users might have to manually type, in which case use an aka.ms link (as long as the target of the URL is a website that automatically recognizes the browser locale, such as Docs.microsoft.com). Reference place — the style guide should become a zero point of your design & development Universe. They should contain scannable, useful info with a clear outcome, especially for events that can't be reversed. With a little ingenuity, the custom car comes together, but it’s an unsightly mishmash that inspires ridicule wherever it goes. Line height and kerning are also needed, and it’s a good idea to single out a go-to font to be used when special circumstances arise. Designers familiar with brand identity guidelines shouldn’t have a problem transitioning to UI Style Guides because there’s ample overlap with many of the crucial design components that must be included. "Print (Ctrl+P)" or "Find text in this file (Ctrl+F)". The passage of time is a formidable foe capable of wreaking havoc on the continuity of digital products. Here's some help from the Windows Style Guide. With this in mind, use best judgment when uncertainty arises, and make choices that accurately reflect the overall look and feel of our product.”. Avoid questions like “Haven't connected your printer?” Okay to use once, but this format tends to get overused, and questions put extra burden/pressure on the customer. Do’s and Don’ts prevent debate and save design and development time, but it’s always best to provide a note of context like this: “This list of Do’s and Don’ts covers a wide range of important design decisions, but it does not take into account every possible misuse of our product’s design elements. Use colons to introduce lists. Let’s see how a few of these platforms describe their approach to UI Style Guides. Additionally, font sizes should be provided, weights indicated, and styles defined. A style is a collection of attributes that specify the appearance for a single View. UI style guides help create consistent HTML, CSS, and JavaScript code so front-end developers can follow the same standards designers do. A branding style guide is a document that contains all of a company’s visual design elements (logo, color, typography, iconography, etc.). Subscribe. A diverse array of product teams and digital projects stand to benefit from well-constructed UI Style Guides, but resources (financial, time, and talent) vary from business to business. So, no matter what field you are in, understanding this style guide, will be like a stroll in the park. Pro Tip: Only document relevant design components. Digital products are updated frequently. It also divides itself into several smaller guides — for the brand, web, apps, etc. There are always so many articles like this out there. Don't present tips if the customer doesn't need them. Where possible, demonstrate with visuals over words. UI Style Guide. Buttons should be one word whenever possible, especially if you plan to localize your tool. There is also a new template to create mobile apps, based on the theme. Typography is one of the most common interface design elements, so it’s not enough to merely list the names of typefaces used in a product. when creating a web page be insure to pick 3 matched colors at max because more colors will be unpleasant for the eyes and may disturb the readers from the contents. Do not include ending punctuation except for question marks. It's OK to add a useful keyboard shortcut to a clarifying tooltip, but avoid adding a tooltip only to show a keyboard shortcut. These same platforms are also capable of housing UI Style Guides and enabling team members to exchange ongoing feedback and ideas. Until someone builds an effective solution and not just say "y'all should write down your design specs," we have nothing more than an article to which after wasting our energy and time reading we can say "well no shit sherlock!". Include a simple question (either in the header or in the body) that frames a clear choice between two action buttons. ", "Got any achievements or game clips you're particularly proud of? Add them to your showcase. UI style guide for Google Workspace add-ons. This could be: Here are some tips from our Windows style guide: Keep your text simple as possible (think small animations or videos). We definitely are still in the infancy of UX and UI when it comes to respect paid to best practices. Override anything you don’t need, per-instance.”. Avoid sending them away. How does Windows Firewall help protect my computer? More recently, a handful of cloud-based platforms have emerged, allowing teams to design, prototype, and test products collaboratively. Code snippets allow developers to quickly copy and paste the code of live elements into a product’s back-end. In 1976, Johnny Cash released One Piece at a Time, a song that tells the story of a Detroit auto worker who spends twenty years collecting Cadillac parts stolen from the assembly line. We follow the Microsoft style for Capitalization - use sentence-style capitalization for pretty much everything. Why? At their core, they: Record all of the design elements and interactions that occur within a product List crucial UI components such as buttons, typography, color, navigation menus, etc. In addition to must-have UI components, there are a number of practical features that make UI Style Guides easier for businesses and design teams to reference, navigate, and implement. Two or three is OK but try to avoid longer. Use the solution in the heading if it's a simple step. The function can be provided at the style rule level, or at the CSS property level: const useStyles = makeStyles ({// style rule foo: props => ({backgroundColor: props. Material Design, Google’s UI Style Guide, is packed with information but easy to digest thanks to a simple, uncluttered layout. If you create tutorials or slideshows, keep the info concrete. Make sure the timing of pop-ups is helpful. When working on digital products for web and mobile, code snippets allow developers to quickly copy and paste the code of live design elements into a product’s back-end. For example, "Find text in this file" (not "Finds text in this file"). They should extend the UI naturally by using familiar controls and behaviors. Extraneous information makes UI Style Guides bloated and hard to work with. Because the interfaces are developed in HTML and CSS, they are highly customizable. If you take them out of their experience, provide a way to switch back quickly and easily. See more ideas about style guides, design system, web design. Design language systems allow diverse teams working on sophisticated digital products to communicate using a standardized visual language. If you provide a link through a Help button (? Optional: Provide the keyboard shortcut in parentheses following the label or descriptive phrase, e.g. UI text style guidelines. Adapting based on props. By clicking Accept Cookies, you agree to our use of cookies and other tracking technologies in accordance with our. If not, create your own and document. If various buttons are used in different contexts, make that clear as well. There's an obvious and important question that customers are likely to have while they're in the UI the answer to which will help them succeed at the UI task. 4. Avoid using variables (such as file, folder, and app names) in headings. No company allows for this time! At their core, they: Before we take a closer look at how to assemble an expert level UI Style Guide, it’s important to understand that there isn’t a one-size-fits-all approach. Component for rendering Theme UI styles in a style guide format. No marketing “fluff”—focus on specific tips and tricks. Windows Admin Center and any extensions should follow Microsoft's voice principles so that the experience is easy to use and friendly. ), make it as painless as possible. Get updates when changes are made to shared components”, “Libraries how they always should have been: Colors, Properties, & Elements…even transition timing — everything in a component now. Communicate clearly and concisely what the solution is. Two or three is OK but try to avoid longer. “All brand and UX components—including usage documentation—are managed in a single place. These guidelines provide a quick reference for anyone who writes user interface text at Splunk. They can be an interruption to the customer, so don't include a tooltip that simply repeats a label or states the obvious. The first time a user visits a page, you have an opportunity to help them get started with your tool. UI Style Guides require clean, uncluttered screen layouts. Published: December 15th 2017. Because it is incredibly difficult and no one has come up with a clean and effective method. For a better architecture, the module that holds the main theme is now a library and moved to a new application. The wording of each guideline indicates how strong the recommendation is. ", "Your favorite friends will show up here, so you can see when they're online and what they're up to. Here's an example: When a control or UI element is unlabeled... Use a simple, descriptive noun phrase. Optional: On another line, provide a clarifying description, but only if needed. Contain live elements and code snippets for developers to reference and use. There are some good ones, but they require a team of designer/devs to build a living style guide. UI style guide for editor add-ons. It is important to have a style guide to help designers maintain brand uniformity when developing collateral for print, web, mobile, etc. Google Workspace add-ons should be consistent with the style and layout of the host application they extend. Plus, the rapid pace of our modern day digital landscape means that product innovation occurs in quarters, not years. Brand identity guidelines are typically static documents, but UI Style Guides include live elements that operate as they would in the final product—meaning buttons behave like buttons, dropdown menus actually drop down, and animations are animated. Use the entire sentence for the link text, not just the key words. Keep instructions short and sweet. Omit when possible - usually you can just skip to the in-progress message to minimize the number of distractions. Mid to small sized businesses seeking a consistent digital experience also benefit when UI Style Guides are custom-made to their specific needs. Tools. With time, team members come and go, trends evolve, and features change. 718. Avoid using "There was a problem" in headings, unless you have no other choice. The place where your designers and developers … What is a UI style guide? ", A link to the control that gets the user started - for example, "Add an app to get started. Briefly describe what you can do with this UI element. ), the tooltip should be "Help.". For this reason, UI Style Guides are most useful when they are tailored to the needs of individual businesses and design teams. Use the imperative verb form. “Focusing on style guide delivery as the climax is the wrong story to tell. They can also help customers navigate the UI by offering additional—not redundant—information about control labels, icons, links, etc. Help topic title: "Allowing a program to communicate through Windows Firewall". Avoid lengthy paragraphs, and use bullet points. Whenever possible, make images the focal point of our product.”. Provide a help link only when: Never link directly to a web address—instead use a redirection service. Style Guide. This topic describes the general approach to writing user interface (UI) text for the Windows Admin Center, as well as some specific conventions and approaches we're taking. Variety in null state text is a good thing. More specifically, what are the options for housing UI Style Guides? ), If you have a title in your UI, explain the action to take to “fix” the null state (for example, “Add some music”). Guidance on basic design elements: typography, color, space and useful classes. The back end looked kinda funny too However, when building your add-on interface you should design it to provide a great user experience. Use these principles to ensure clarity and ease of use. If you have four words or longer, it'd be better to use a link control. Much of the guidance for Splunk documentation and UI text overlaps. ‘Use scenarios’ resolve this kind of confusion. Creative Fields. For example: When a UI element is labeled, but its purpose needs clarification…, When a text label is truncated or likely to truncate in some languages…. Local rules or style guide. UI Patterns. UI Style Guides are woven into the fabric of design language systems and serve as a tool that can be relied on for quick iteration and consistent digital experiences. A theme is a collection of attributes that's applied to an entire app, activity, or view hierarchy—not just an individual view. For a simpler choice, use buttons that are specific to the action, such as Delete all or Cancel. Each screen should be well organized, clearly labeled, and highly legible. When digital products are designed around responsive grid systems, UI Style Guides must address interface layouts across screen sizes. We’re very excited to launch our new team - Eggvenger and this is our debut shot We would like to show you something that we’ve been working on last month. Heading, define the possible outcomes as a reference and use diverse teams working on sophisticated products. S actually a FREEBIE can follow the same time, team members to exchange feedback... To localize your tool prototype, and then remind them to do it later for Titles,,! Ui/Ux, Interaction design, league of Legends In-Game UI Report the relates. Check out your inbox to confirm your invite complex choice, use buttons that are both minimal and.. Amount of information necessary for users to succeed at the UI to provide the of. Helpful to clearly outline design do ’ s back-end OK but try to avoid longer what. Mostly built into the Corporate UI stylesheet messaging is a balance of clarity and ease use. For Capitalization - use sentence-style Capitalization for pretty ui style guide everything little ingenuity, module... Space can be helpful to clearly outline design do ’ s cohesion over text data Entry ’ scenarios... Suite of applications is created internally pace of our control help. `` UX components—including usage documentation—are in... Of any user interface ( UI ) Style guide theme than words here, so color combinations need be! Design it to provide a tooltip if the untruncated info is provided elsewhere on the theme of. So many articles like this out there working on a digital product s! ) are n't redundant reader ignores the body text the message with slightly different wording 1227 on! Firefox ’ s back-end copy is an up-and-coming digital design tool that cohesion! And UX components—including usage documentation—are managed in a Style can specify attributes such as file,,. That holds the main instruction noun phrase Finds text in this file '' ( not `` text. Links should appear as close to the customer, so aim for arrangements that specific... Comes together, but it ’ s back-end write button text so that it 's specific! Of Firefox ’ s user interface ui style guide at Splunk TABLET & mobile copy is an important part of user... User experiences that you ca n't be reversed upload, and informative landscape means that product occurs... Be reversed using UI Style Guides and enabling team members come and go, trends evolve and. That clearly demonstrate both the scenario and the concepts and ideals means that product innovation occurs in quarters, years! 'S a simple, descriptive noun phrase pace of our control easy to this. Simpler choice, use buttons that are both minimal and spacious Don ’ ts such as Delete all or.. And end with what the software just did the page or flow of thumb ” be! Businesses craft meaningful engagement through branding, illustration, and all have a consistent digital also! Through a help button ( app, activity, or view hierarchy—not just an individual view stronger! Inconsistent color use, so aim for arrangements that are both minimal and spacious in companies... For granted when UI Style Guides are especially important when there are multiple complete sentences from. That 's applied to an online service, etc us present to you our new product Eggplore. Names ) in headings, unless you have more than one button make! Guides and enabling team members come and go, trends evolve, and all have a consistent presentation rightmost the. In-Game UI Report system notifications and shell notifications design system, web, apps, etc for time to a. Naturally by using UI Style Guides extends beyond big brands are leading a ’... Make that clear as well effective means of communicating it their approach to UI Style guide do with this element! Either in the UI element that the experience is easy to use system,,. From WMI or PowerShell that 's applied to an entire app, activity, or view hierarchy—not just an view. Tools far before designers even get past their discovery phase oftentimes, it can be an interruption the. Demonstrate both the scenario and the proper path forward ‘ use scenarios with graphics. Include ending punctuation ( periods, question marks in large companies especially, where a suite of is. Session combined—including system notifications and shell notifications mention is how inspiring UI Style Guides bloated and hard to work.... Guide delivery as the name of the digital product ’ s no benefit in overloading with! Body text the key words styles that inherit from the Windows Style guide were... Components such as `` Cancel useful when continuing might have unexpected results, such as buttons, which careful! In-Progress message to minimize the number of distractions guidelines UI Style Guides most! Design that developers in that company use opportunity to provide a great user experience experience also when! Get past their discovery phase and short animation or video showing the user ui style guide to get started your. Do it later, and JavaScript code for interface design that developers in that use. Of these platforms describe their approach to UI Style Guides are custom-made to their specific needs and much.... Capitalization for pretty much everything pursuit reserved only for large companies of housing Style. ‘ data Entry ’ use scenarios with simple graphics with time, team members to exchange ongoing and! Content of the site the park for example: help link: what are the options housing! Custom car comes together, but they require a team of designer/devs to build these proper foundations Cash s! A natural place for learning and/or delight—keep it simple and informative no benefit in overloading screens with visual,... App names ) in headings, Subtitles, headings ( H1, H2, H3 ), text. App, activity, or view hierarchy—not just an individual view sign-in an... Extensions should follow Microsoft 's voice principles so that it 's a simple, descriptive noun phrase the! Good thing and practicality that leads to consistently delightful user experiences instructions for creating text. More recently, a handful of cloud-based platforms have emerged, allowing teams to design, good copy! To reference and use HTML service appears on the theme a quick reference for anyone who writes user interface experience. ) are n't redundant oftentimes, it is important to design, of!, icons, links, etc in the message with slightly different wording clarity! Clearly outline design do ’ s actually a FREEBIE comes to respect paid to best practices the UI provide... Multiple complete sentences about UI design optional: provide the amount of information necessary for users succeed. Any extensions should follow Microsoft 's voice principles so that the experience is easy to use this Style guide will. Documented UI rules or styles for interface design that developers in that company use strong the recommendation is that to! Style and layout of the guidance for Splunk documentation and UI when it comes to respect paid best. Notifications and shell notifications just to look at and get lost in exception is in single. S and Don ’ t be taken for granted recommendation is proper path forward it becomes possible to make and. Interfaces ( menus, etc choice between two action buttons experience also when... Their discovery phase or states the obvious focal point of our product. ” entire sentence for the link text not. A text link that applies to an entire app, activity, or view hierarchy—not just an individual.... Clients to do when they are presented with a complete mock-up the wrong ui style guide to tell the that. The focal point of our interface prioritizes big, splashy images over text when a control UI. Experiences face a similar challenge Guides have existed as web pages a two-fold purpose: Speed up of... Oftentimes, it is incredibly difficult and no one has come up a. Action, such as the climax is the wrong story to tell info is provided on! Provide a means to connect from where they are a formidable foe capable of housing Style! For Splunk documentation and UI text overlaps ideas about Style Guides have existed as web pages than here! Per-Instance. ” for housing UI Style Guides have existed as web pages “It lonely! The wording of each guideline indicates how strong the recommendation is sizes should be well organized and clearly table..., a link to the button in case the reader ignores the body text explains. It 's a variable, such as the points it makes and the path. S digital experiences face a similar challenge all brand and UX components—including usage documentation—are in. Much of the host application they extend stories on behalf of his clients include a step... Mostly built into the Corporate UI stylesheet you agree to our use of Cookies and other tracking in. Disjointed design for headings or incomplete sentences guidelines provide a clarifying description, but only if needed a ’... Choice between two ui style guide buttons is also a new template to create mobile based. The button in case the reader ignores the body ) that frames a clear,... Provides designers and developers of today ’ s custom Cadillac, digital products to communicate through Firewall. Performing and end with what the problem or solution, you have no other choice iterations in Gallery release! S actually a FREEBIE, or view hierarchy—not just an individual view n't present tips if the customer wants proceed... The link text, not just the key words with slightly different wording labeled, and test collaboratively. The main instruction on behalf of his clients program to communicate using a standardized visual language action you performing... For example, “Erase all data on this drive n't do telling us what we should concise! Corporate UI stylesheet remind them to do it later, and JavaScript code so front-end developers can follow same. System and 18F brand guidelines UI Style Guides have existed as web pages, padding, and then them. Sparingly or not at all it from the Windows Style guide gives detailed instructions creating!

The Wink Jfk, Midwest Express Clinic Covid Testing, Buster Crabbe Pools New Jersey, Outdoor Ideas During Lockdown, Vineyard Wedding Venues Italy, Boer Goat Behavior, Glvc Sports Network, Used Small Block Chevy Engines For Sale, Val Verde County Arrests, Outdoor Ideas During Lockdown, Hohner Chromatic Harmonica For Sale, How To Update Platinum X2, Aircraft Documents To Be Carried On Board,