what does StudyPortals's design system include?

    Technology
    code depthHTML/CSS/JS
    components
    JS library/frameworkVue
    typescript
    web components
    tests
    linter
    CSSSass, postCSS
    CSS in JS
    design tokens
    bundle managerWebpack, Gulp
    distributionnpm
    Design
    UI kit
    brand guidelinesGo to brand guidelines
    color paletteGo to color palette
    color namingnatural pattern
    contrast analysis
    typographyGo to typography
    iconsIcon Font
    space / gridGo to space / grid
    illustration
    data visualization
    animation
    voice & tone
    Documentation & guidelines
    accessibility guidelines
    design principlesGo to design principles
    documentation website
    code documentation
    storybook

    do you need help with your system?

    Evangelize Design System with a Free Template!

    Slide Icon

    40+ Slides ready for action. Perfect for team and stakeholder presentation. Available as a powerpoint and keynote deck.

    Learn more & download

    UXPin: Prototype and Manage Your Design System

    Prototyping Icon

    Join thousands of companies (including PayPal, Sapient and HBO) and optimize your design process with UXPin.

    Start a free trial now!