Skip to content

Instantly share code, notes, and snippets.

@en3sis
Created April 5, 2019 07:53
Show Gist options
  • Save en3sis/a7805a6de8dccf88e25dd667c264ad19 to your computer and use it in GitHub Desktop.
Save en3sis/a7805a6de8dccf88e25dd667c264ad19 to your computer and use it in GitHub Desktop.
"pages": [
{
"title": "EOS Design System",
"description": "EOS Design System is SUSE's solution for cohesive UX/UI in Open Source enterprise products. It helps developers to autonomously deliver consistent UX and engaging interfaces.",
"path": "/"
},
{
"title": "Welcome to EOS Design System | EOS",
"description": "EOS provides developers with comprehensive guides on Colors, Icons and Writing. This tools will enable you to deliver engaging UI and consistent UX",
"path": "/dashboard"
},
{
"title": "Color guides | EOS",
"description": "EOS provides a complete color palette suited for your UI design. The colors in this palette have been designed to work harmoniously with each other.",
"path": "/colors"
},
{
"title": "Color guides: How to use colors | EOS",
"description": "Follow this guide to consistently use and combine the color palettes for text, backgrounds, and links.",
"path": "/colors/how-to"
},
{
"title": "Icon guides | EOS",
"description": "EOS offers a comprehensive guide, which enables developers and designers to use icons consistently across products.",
"path": "/icons"
},
{
"title": "Icon guides: Icon set | EOS",
"description": "EOS provides an opens source, handcrafted iconic font designed using the Material Design guidelines. It is a 100% compliant with the Material Design icon specification and also uses ligatures.",
"path": "/icons/eos-icons-set"
},
{
"title": "Icon guides: Icon UX | EOS",
"description": "EOS provides an Icon UX guide that helps guide users intuitively through a workflow without relying on too much copy.",
"path": "/icons/icon-ux"
},
{
"title": "Icon guides: Do’s & Dont’s | EOS",
"description": "Finding the correct icon and using it consistently on your UI requires a well-defined set of rules. EOS provides a list of Do’s & Dont’s for icons.",
"path": "/icons/when-to-use-them"
},
{
"title": "Icon guides: Logo icons set | EOS",
"description": "EOS provides set of third-party logos follows the EOS design guidelines.",
"path": "/icons/logo-icons-set"
},
{
"title": "Writing guides | EOS",
"description": "EOS provides a comprehensive guide on how to communicate with users in a clear and consistent way, providing guidelines for Brand Voice, Brand Tone and UX Writing.",
"path": "/writing"
},
{
"title": "Writing guides: Brand Voice | EOS",
"description": "A brand's Voice is unique. It reflects who we are, our personality. It needs to be consistent across our applications in order for users to feel it's SUSE speaking.",
"path": "/writing/brand-voice"
},
{
"title": "Writing guides: Brand Tone | EOS",
"description": "A brand's Tone can change depending on the type of message you're trying to convey. It adapts to the emotional state of the person we're addressing.",
"path": "/writing/brand-tone"
},
{
"title": "Writing guides: UX Writing | EOS",
"description": "Our UX writing guide offers a set of general writing tips and best practices, which are very useful when writing content for any application.",
"path": "/writing/ux-writing"
},
{
"title": "Writing guides: Conventions and Rules | EOS",
"description": "This collection of writing conventions and rules helps developers implement a coherent content strategy.",
"path": "/writing/conventions-and-rules"
},
{
"title": "Button | EOS",
"description": "Our buttons guide enables developers and designers to use buttons consistently across products.",
"path": "/buttons"
},
{
"title": "Design specs",
"description": "- ",
"path": "/internal/design-specs"
},
{
"title": "Buttons: Sizing | EOS",
"description": "The size of buttons plays a key role in helping users to identify buttons according to their importance.",
"path": "/buttons/sizing"
},
{
"title": "Buttons: Icon buttons | EOS",
"description": "Icons accompanying text are a useful means for delivering information. This guide gives you information on how to use them in buttons.",
"path": "/buttons/icon-buttons"
},
{
"title": "Changelog | EOS",
"description": "Follow the changelog with our latest releases where we add improvements and new features.",
"path": "/changelog"
},
{
"title": "Spacewalk icons SUMA",
"description": "-",
"path": "/internal/spacewalk-icons-suma"
},
{
"title": "Icons report page",
"description": "- ",
"path": "/internal/icons-report"
},
{
"title": "All special icons",
"description": "-",
"path": "/internal/special-icons"
},
{
"title": "Spacewalk icons in SCC",
"description": "- ",
"path": "/internal/spacewalk-icons-scc"
},
{
"title": "Stratos icons",
"description": "-",
"path": "/internal/stratos-icons"
},
{
"title": "Typography | EOS",
"description": "EOS provides typography suited for your UI design. The typography styles for headings, body text, lists, and more. ",
"path": "/typography"
},
{
"title": "Color guides: Gradients | EOS",
"description": "In order to promote EOS brand we extended our color palette with gradients. Gradients are designed only for \r\nmarketing purpose, therefor can be used only for graphics and design pieces intended for brand promotion.",
"path": "/colors/gradients"
},
{
"title": "Icons guides : Logo icons | EOS",
"description": "Third-party logos used as icons in our interfaces should be harmonious with our icon set.\n",
"path": "/icons/logo-icons"
},
{
"title": "Cookies policy",
"description": "-",
"path": "/cookies-policy"
},
{
"title": "Mocked menu",
"description": "",
"path": "/internal/mocked-menu"
},
{
"title": "News page",
"description": "",
"path": "/news/"
},
{
"title": "Alerts",
"description": "Alerts page",
"path": "/alerts"
},
{
"title": "Alerts: Global | EOS",
"description": "",
"path": "/alerts/global"
},
{
"title": "Alerts: Section | EOS",
"description": "",
"path": "/alerts/section"
},
{
"title": "Alerts: Inline | EOS",
"description": "",
"path": "/alerts/inline"
}
]
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment