SIUX Studio

Design system manager for extraordinary brands.

Design System

Brand styleguide

CSS / UI Library

Our framework enables multidisciplinary teams to maintain agility and excellence in building digital products.

Cloud brand tokens

Global tokens

Brand Identity

Clear boundaries

A productive, fast and easy way to manage brand and digital product attributes.

Manage product decisions instead of digital assets.

Brand management

Visual identity

Collaborative

Every day you make decisions to improve your business. We provide your team with the right tools to help definitions flow fast and frictionless into your products.

Inter

Primary

Secondary

Automate guidelines and processes with confidence, in seconds.

Auto-documented

Standard decisions

Productivity

Take away time-consuming repetitive tasks that do not add extra value in the process using our auto-documented PDF Style-guides and auto-generated CSS library.

Build scalable multi-device apps in an intuitive way.

CSS Library

Semantic & intuitive

Mobile first

We provide a semantic CSS library that automatically adjusts to your definitions, acting as a bridge between product, design and development teams with zero effort.

siux.studio

SHOP BRAND

Apolo Belvedere

$369

Yellow flowers

$159

// card-cluster.jsx
<div>
  <div className="display-flex justify-content-space-between">
    <div className="font-size-m font-weight-500">Cotton ceramic vase</div>
    <div className="color-success-6 font-size-m font-weight-600">$249</div>
  </div>
  <div className="font-size-s margin-top-xs">
    <i className="icon-system-star-fill color-warning-4"></i>
    <i className="icon-system-star-fill color-warning-4"></i>
    <i className="icon-system-star-fill color-warning-4"></i>
    <i className="icon-system-star-fill color-warning-4"></i>
    <i className="icon-system-star-fill color-neutral-2"></i>
  </div>
  <button className="hover:background-primary-9 font-weight-600 background-primary-7 color-white cursor-pointer border-radius-xs padding-s padding-top-xs padding-bottom-xs margin-top-l">
    Buy now
  </button>
  <button className="border-neutral-1 margin-left-s border-style-solid border-width-1 font-weight-600 color-neutral-7 background-white cursor-pointer border-radius-xs padding-s padding-top-xs padding-bottom-xs margin-top-l">
    Add to cart
  </button>
</div>

// card-cluster.jsx
<div>
  <div className="display-flex justify-content-space-between">
    <div className="font-size-m font-weight-500">Cotton ceramic vase</div>
    <div className="color-success-6 font-size-m font-weight-600">$249</div>
  </div>
  <div className="font-size-s margin-top-xs">
    <i className="icon-system-star-fill color-warning-4"></i>
    <i className="icon-system-star-fill color-warning-4"></i>
    <i className="icon-system-star-fill color-warning-4"></i>
    <i className="icon-system-star-fill color-warning-4"></i>
    <i className="icon-system-star-fill color-neutral-2"></i>
  </div>
  <button className="hover:background-primary-9 font-weight-600 background-primary-7 color-white cursor-pointer border-radius-xs padding-s padding-top-xs padding-bottom-xs margin-top-l">
    Buy now
  </button>
  <button className="border-neutral-1 margin-left-s border-style-solid border-width-1 font-weight-600 color-neutral-7 background-white cursor-pointer border-radius-xs padding-s padding-top-xs padding-bottom-xs margin-top-l">
    Add to cart
  </button>
</div>

Iterate your brand, we keep it simple and organized.

Cloud Assets

Versioning

Public CDN

Confidently release new versions, knowing all assets are safe and secure. Embrace change in a friendly way by having your brand history always available on the cloud.

Organizing is a journey, not a destination.

Manage members & Roles

Billing plans

Brand Privacy

Organizations are the interface between your team, products and brands. Manage access and roles according to each brand to ensure proper privacy.

UX Designer

UX Engineer

Product Manager

Powerful APIs designed for creative UX engineers.

API Keys

CMS Access

Webhooks integration

Take full advantage of our services using it on web, native desktop and mobile applications, taking automation, consistency and productivity to the next level.

Siux APIs

APP-01

APP-02

APP-03

siux.studio/api/v1/brand/siux/definitions

{
    "name": "Siux Studio",
    "version": "0.0.1",
    "definitions": {
      "viewports": {
        "variations": [
          {
            "name": "Mobile",
            "value": 768,
          },
          {
            "name": "Tablet",
            "value": 1280,
          },
          {
            "name": "Desktop",
            "value": 1440,
          }
        ]
      },
      "font": {
        "variations": [
          {
            "name": "Inter",
            "variants": [
              "100",
              "300",
              "600",
              "700",
              "900"
            ],
          }
        ]
      },
      "color": {
        "variations": [
          {
            "name": "error",
            "value": "#F44336"
          },
          {
            "name": "grey",
            "value": "#616161"
          },
          {
            "name": "info",
            "value": "#2196F3"
          }]
        }
      }
    }

{
    "name": "Siux Studio",
    "version": "0.0.1",
    "definitions": {
      "viewports": {
        "variations": [
          {
            "name": "Mobile",
            "value": 768,
          },
          {
            "name": "Tablet",
            "value": 1280,
          },
          {
            "name": "Desktop",
            "value": 1440,
          }
        ]
      },
      "font": {
        "variations": [
          {
            "name": "Inter",
            "variants": [
              "100",
              "300",
              "600",
              "700",
              "900"
            ],
          }
        ]
      },
      "color": {
        "variations": [
          {
            "name": "error",
            "value": "#F44336"
          },
          {
            "name": "grey",
            "value": "#616161"
          },
          {
            "name": "info",
            "value": "#2196F3"
          }]
        }
      }
    }

Introducing integrations

Automatization

Easy Workflows

Open source

Get more value from the tools and platforms you work with every day by saving time.

Plans and pricing.

30 day free trial

Cancel anytime

Money back guarantee

Pricing built for businesses of all sizes. Always know what you'll pay.

Monthly

Annually

Entrepreneur

$0USDMonthly

For creative solo-entrepreneurs and digital content creators.

All features included
1 editor included
1 brand included
Only 1 member allowed

Startup

$26USDMonthly

For agile teams that need speed to iterate fast to production.

All features included
5 editors included
3 brands included
Up to 30 members allowed

Enterprise

Contact sales

For large organizations requiring 1:1 consulting services.

All features included
30 editors included
5 brands included
Unlimited members

View features table

Have doubts or feedback? Schedule a call.

Get help from our product team & our community.

hello@siux.studio

Do you have a particular need or want to suggest a feature? Let us know, we can help you.

Contact our team

Share with us your needs and let's work on an action plan to make your business more productive.

Join our community

Are you having trouble solving something? Get in the #help channel on our Discord server.