Tokens

Tokens are the core building blocks of the design system, describing colors and font sizes.

  1. Body XS
    10px → 12px
    var(--text-body-xs)
    Lorem ipsum dolor sit amet, qui minim labore adipisicing minim sint cillum sint consectetur cupidatat.
  2. Body S
    12px → 14px
    var(--text-body-s)
    Lorem ipsum dolor sit amet, qui minim labore adipisicing minim sint cillum sint consectetur cupidatat.
  3. Body M
    14px → 16px
    var(--text-body-m)
    Lorem ipsum dolor sit amet, qui minim labore adipisicing minim sint cillum sint consectetur cupidatat.
  4. Body L
    16px → 18px
    var(--text-body-l)
    Lorem ipsum dolor sit amet, qui minim labore adipisicing minim sint cillum sint consectetur cupidatat.
  5. Body XL
    18px → 22px
    var(--text-body-xl)
    Lorem ipsum dolor sit amet, qui minim labore adipisicing minim sint cillum sint consectetur cupidatat.
  6. Headline XS
    16px → 20px
    var(--text-headline-xs)
    Lorem ipsum dolor sit amet, qui minim labore adipisicing minim sint cillum sint consectetur cupidatat.
  7. Headline S
    18px → 24px
    var(--text-headline-s)
    Lorem ipsum dolor sit amet, qui minim labore adipisicing minim sint cillum sint consectetur cupidatat.
  8. Headline M
    20px → 32px
    var(--text-headline-m)
    Lorem ipsum dolor sit amet, qui minim labore adipisicing minim sint cillum sint consectetur cupidatat.
  9. Headline L
    26px → 40px
    var(--text-headline-l)
    Lorem ipsum dolor sit amet, qui minim labore adipisicing minim sint cillum sint consectetur cupidatat.
  10. Headline XL
    32px → 54px
    var(--text-headline-xl)
    Lorem ipsum dolor sit amet, qui minim labore adipisicing minim sint cillum sint consectetur cupidatat.
  11. Headline 2XL
    38px → 80px
    var(--text-headline-2xl)
    Lorem ipsum dolor sit amet, qui minim labore adipisicing minim sint cillum sint consectetur cupidatat.
  12. Headline 3XL
    52px → 88px
    var(--text-headline-3xl)
    Lorem ipsum dolor sit amet, qui minim labore adipisicing minim sint cillum sint consectetur cupidatat.
  1. background-default
    var(--color-background-default)
  2. background-light
    var(--color-background-light)
  3. background-faint
    var(--color-background-faint)
  4. background-inverted
    var(--color-background-inverted)
  5. background-card
    var(--color-background-card)
  6. background-alert
    var(--color-background-alert)
  7. text-default
    var(--color-text-default)
  8. text-secondary
    var(--color-text-secondary)
  9. text-tertiary
    var(--color-text-tertiary)
  10. text-inverted-default
    var(--color-text-inverted-default)
  11. accent-default
    var(--color-accent-default)
  12. accent-hover
    var(--color-accent-hover)
  13. accent-subdued
    var(--color-accent-subdued)
  14. text-on-color
    var(--color-text-on-color)
  15. text-alert
    var(--color-text-alert)
  16. border
    var(--color-border)
  17. border-subdued
    var(--color-border-subdued)
  18. border-accent
    var(--color-border-accent)
  19. overlay
    var(--color-overlay)
  20. input-border
    var(--color-input-border)
  21. border-alert
    var(--color-border-alert)
  22. input-border-alert
    var(--color-input-border-alert)
  23. table-border
    var(--color-table-border)
  24. table-stripe
    var(--color-table-stripe)
  25. teal
    var(--color-teal)
  26. teal-hover
    var(--color-teal-hover)
  27. salmon
    var(--color-salmon)
  28. salmon-hover
    var(--color-salmon-hover)
  29. yellow
    var(--color-yellow)
  30. yellow-hover
    var(--color-yellow-hover)
  31. purple
    var(--color-purple)
  32. purple-hover
    var(--color-purple-hover)
  33. alert
    var(--color-alert)
  34. success
    var(--color-success)

Blocks

Blocks are structured ways of holding content. They are the atomic parts a page is made of.

See below for a structured lists of available blocks and their variations.

Typography

Vertical Layout

Sample Eyebrow

Sample Title

Optional description. Lorem ipsum dolor sit amet, qui minim labore adipisicing minim sint cillum sint consectetur cupidatat.
  • Optional
  • List
  • Items
  1. Running an on-premises artifact management solution, such as jFrog Artifactory, may seem like a good idea at first glance, but in reality, it comes with a number of downsides that can be detrimental to a business’s operations.
  2. Running an on-premises artifact management solution, such as jFrog Artifactory, may seem like a good idea at first glance, but in reality, it comes with a number of downsides that can be detrimental to a business’s operations.
  3. Running an on-premises artifact management solution, such as jFrog Artifactory, may seem like a good idea at first glance, but in reality, it comes with a number of downsides that can be detrimental to a business’s operations.

Vertical Layout (Light)

Sample Eyebrow

Sample Title

Optional description. Lorem ipsum dolor sit amet, qui minim labore adipisicing minim sint cillum sint consectetur cupidatat.
  • Optional
  • List
  • Items
  1. Running an on-premises artifact management solution, such as jFrog Artifactory, may seem like a good idea at first glance, but in reality, it comes with a number of downsides that can be detrimental to a business’s operations.
  2. Running an on-premises artifact management solution, such as jFrog Artifactory, may seem like a good idea at first glance, but in reality, it comes with a number of downsides that can be detrimental to a business’s operations.
  3. Running an on-premises artifact management solution, such as jFrog Artifactory, may seem like a good idea at first glance, but in reality, it comes with a number of downsides that can be detrimental to a business’s operations.

Vertical Layout (Dark)

Sample Eyebrow

Sample Title

Optional description. Lorem ipsum dolor sit amet, qui minim labore adipisicing minim sint cillum sint consectetur cupidatat.
  • Optional
  • List
  • Items
  1. Running an on-premises artifact management solution, such as jFrog Artifactory, may seem like a good idea at first glance, but in reality, it comes with a number of downsides that can be detrimental to a business’s operations.
  2. Running an on-premises artifact management solution, such as jFrog Artifactory, may seem like a good idea at first glance, but in reality, it comes with a number of downsides that can be detrimental to a business’s operations.
  3. Running an on-premises artifact management solution, such as jFrog Artifactory, may seem like a good idea at first glance, but in reality, it comes with a number of downsides that can be detrimental to a business’s operations.

Horizontal Layout

Sample Eyebrow

Sample Title

  1. Running an on-premises artifact management solution, such as jFrog Artifactory, may seem like a good idea at first glance, but in reality, it comes with a number of downsides that can be detrimental to a business’s operations.
  2. Running an on-premises artifact management solution, such as jFrog Artifactory, may seem like a good idea at first glance, but in reality, it comes with a number of downsides that can be detrimental to a business’s operations.
  3. Running an on-premises artifact management solution, such as jFrog Artifactory, may seem like a good idea at first glance, but in reality, it comes with a number of downsides that can be detrimental to a business’s operations.

Horizontal Layout (Light)

Sample Eyebrow

Sample Title

  1. Running an on-premises artifact management solution, such as jFrog Artifactory, may seem like a good idea at first glance, but in reality, it comes with a number of downsides that can be detrimental to a business’s operations.
  2. Running an on-premises artifact management solution, such as jFrog Artifactory, may seem like a good idea at first glance, but in reality, it comes with a number of downsides that can be detrimental to a business’s operations.
  3. Running an on-premises artifact management solution, such as jFrog Artifactory, may seem like a good idea at first glance, but in reality, it comes with a number of downsides that can be detrimental to a business’s operations.

Horizontal Layout (Dark)

Sample Eyebrow

Sample Title

  1. Running an on-premises artifact management solution, such as jFrog Artifactory, may seem like a good idea at first glance, but in reality, it comes with a number of downsides that can be detrimental to a business’s operations.
  2. Running an on-premises artifact management solution, such as jFrog Artifactory, may seem like a good idea at first glance, but in reality, it comes with a number of downsides that can be detrimental to a business’s operations.
  3. Running an on-premises artifact management solution, such as jFrog Artifactory, may seem like a good idea at first glance, but in reality, it comes with a number of downsides that can be detrimental to a business’s operations.

Example

Optional Eyebrow

Sample Title

Optional description. Lorem ipsum dolor sit amet, qui minim labore adipisicing minim sint cillum sint consectetur cupidatat.
  • Optional
  • List
  • Items

Stop all downloads immediately

Block the download of dependencies that fail to meet your security or license requirements with package quarantine.
Optional Action

Rule-based responses

Use package promotion alongside our API and webhooks to programmatically define the security checks and outcomes required in order to advance a package to the next repo in your pipeline.
  • Optional
  • Tick List

Example (Light)

Optional Eyebrow

Sample Title

Optional description. Lorem ipsum dolor sit amet, qui minim labore adipisicing minim sint cillum sint consectetur cupidatat.
  • Optional
  • List
  • Items

Stop all downloads immediately

Block the download of dependencies that fail to meet your security or license requirements with package quarantine.
Optional Action

Rule-based responses

Use package promotion alongside our API and webhooks to programmatically define the security checks and outcomes required in order to advance a package to the next repo in your pipeline.
  • Optional
  • Tick List

Example (Dark)

Optional Eyebrow

Sample Title

Optional description. Lorem ipsum dolor sit amet, qui minim labore adipisicing minim sint cillum sint consectetur cupidatat.
  • Optional
  • List
  • Items

Stop all downloads immediately

Block the download of dependencies that fail to meet your security or license requirements with package quarantine.
Optional Action

Rule-based responses

Use package promotion alongside our API and webhooks to programmatically define the security checks and outcomes required in order to advance a package to the next repo in your pipeline.
  • Optional
  • Tick List

With Client Logo

Cloudsmith has made package management so easy that we don’t have to think about it. It just works
Sample Image

John Doe

Optional Position or Subline

Without Client Logo

Cloudsmith has made package management so easy that we don’t have to think about it. It just works

John Doe

Default Settings

Python is a versatile, high-level programming language featuring a simple and intuitive syntax. Python has a large and active community that provides a wealth of libraries and frameworks, making it a powerful choice for a wide range of tasks, such as data analysis, machine learning, web development and scripting.

With eyebrow

Optional Eyebrow

Python is a versatile, high-level programming language featuring a simple and intuitive syntax. Python has a large and active community that provides a wealth of libraries and frameworks, making it a powerful choice for a wide range of tasks, such as data analysis, machine learning, web development and scripting.

With title

Optional Title

Python is a versatile, high-level programming language featuring a simple and intuitive syntax. Python has a large and active community that provides a wealth of libraries and frameworks, making it a powerful choice for a wide range of tasks, such as data analysis, machine learning, web development and scripting.

Small text

Python is a versatile, high-level programming language featuring a simple and intuitive syntax. Python has a large and active community that provides a wealth of libraries and frameworks, making it a powerful choice for a wide range of tasks, such as data analysis, machine learning, web development and scripting.

Large text

Python is a versatile, high-level programming language featuring a simple and intuitive syntax. Python has a large and active community that provides a wealth of libraries and frameworks, making it a powerful choice for a wide range of tasks, such as data analysis, machine learning, web development and scripting.

Wide running text

Python is a versatile, high-level programming language featuring a simple and intuitive syntax. Python has a large and active community that provides a wealth of libraries and frameworks, making it a powerful choice for a wide range of tasks, such as data analysis, machine learning, web development and scripting.

Narrow running text

Python is a versatile, high-level programming language featuring a simple and intuitive syntax. Python has a large and active community that provides a wealth of libraries and frameworks, making it a powerful choice for a wide range of tasks, such as data analysis, machine learning, web development and scripting.

Example

Optional Eyebrow

Sample Title

Optional description. Lorem ipsum dolor sit amet, qui minim labore adipisicing minim sint cillum sint consectetur cupidatat.
  • Optional
  • List
  • Items
Optional Action
    Stop all downloads immediately
    Block the download of dependencies that fail to meet your security or license requirements with package quarantine.
    Optional Action
    Use package promotion alongside our API and webhooks to programmatically define the security checks and outcomes required in order to advance a package to the next repo in your pipeline.
    • Optional
    • Tick List
    An unobtrusive list item
    Block the download of dependencies that fail to meet your security or license requirements with package quarantine.

Example (Light)

Optional Eyebrow

Sample Title

Optional description. Lorem ipsum dolor sit amet, qui minim labore adipisicing minim sint cillum sint consectetur cupidatat.
  • Optional
  • List
  • Items
Optional Action
    Stop all downloads immediately
    Block the download of dependencies that fail to meet your security or license requirements with package quarantine.
    Optional Action
    Use package promotion alongside our API and webhooks to programmatically define the security checks and outcomes required in order to advance a package to the next repo in your pipeline.
    • Optional
    • Tick List
    An unobtrusive list item
    Block the download of dependencies that fail to meet your security or license requirements with package quarantine.

Example (Dark)

Optional Eyebrow

Sample Title

Optional description. Lorem ipsum dolor sit amet, qui minim labore adipisicing minim sint cillum sint consectetur cupidatat.
  • Optional
  • List
  • Items
Optional Action
    Stop all downloads immediately
    Block the download of dependencies that fail to meet your security or license requirements with package quarantine.
    Optional Action
    Use package promotion alongside our API and webhooks to programmatically define the security checks and outcomes required in order to advance a package to the next repo in your pipeline.
    • Optional
    • Tick List
    An unobtrusive list item
    Block the download of dependencies that fail to meet your security or license requirements with package quarantine.

Other

Dark Theme

Not sure which plan is right for you?
Start your free trial

Light Theme

Not sure which plan is right for you?
Start your free trial

Optional gradient

Not sure which plan is right for you?
Start your free trial

Right Aligned with Illustration Props

Not sure which plan is right for you?
Start your free trial

Top Aligned

Not sure which plan is right for you?
Start your free trial

Small Variant

Not sure which plan is right for you?
Start your free trial

Large Variant

Not sure which plan is right for you?
Start your free trial

Default

npm install
Installing dependencies...
Dependencies installed
npm run build
Building project...
Project built
npm run deploy
Deploying project...
Project deployed

With Actions

npm install
Installing dependencies...
Dependencies installed

Listings

Twitter Cards

Optional Eyebrow

Sample Title

Optional description. Lorem ipsum dolor sit amet, qui minim labore adipisicing minim sint cillum sint consectetur cupidatat.
  • Optional
  • List
  • Items

Twitter Cards (Light)

Optional Eyebrow

Sample Title

Optional description. Lorem ipsum dolor sit amet, qui minim labore adipisicing minim sint cillum sint consectetur cupidatat.
  • Optional
  • List
  • Items

Twitter Cards (Dark)

Optional Eyebrow

Sample Title

Optional description. Lorem ipsum dolor sit amet, qui minim labore adipisicing minim sint cillum sint consectetur cupidatat.
  • Optional
  • List
  • Items

Tick List Cards

Optional Eyebrow

Sample Title

Optional description. Lorem ipsum dolor sit amet, qui minim labore adipisicing minim sint cillum sint consectetur cupidatat.
  • Optional
  • List
  • Items

Tick List Cards (Light)

Optional Eyebrow

Sample Title

Optional description. Lorem ipsum dolor sit amet, qui minim labore adipisicing minim sint cillum sint consectetur cupidatat.
  • Optional
  • List
  • Items

Tick List Cards (Dark)

Optional Eyebrow

Sample Title

Optional description. Lorem ipsum dolor sit amet, qui minim labore adipisicing minim sint cillum sint consectetur cupidatat.
  • Optional
  • List
  • Items

Non-stretching cards

Optional Eyebrow

Sample Title

Optional description. Lorem ipsum dolor sit amet, qui minim labore adipisicing minim sint cillum sint consectetur cupidatat.

Non-stretching cards (Light)

Optional Eyebrow

Sample Title

Optional description. Lorem ipsum dolor sit amet, qui minim labore adipisicing minim sint cillum sint consectetur cupidatat.

Non-stretching cards (Dark)

Optional Eyebrow

Sample Title

Optional description. Lorem ipsum dolor sit amet, qui minim labore adipisicing minim sint cillum sint consectetur cupidatat.

Testimonial Cards

Optional Eyebrow

Sample Title

Optional description. Lorem ipsum dolor sit amet, qui minim labore adipisicing minim sint cillum sint consectetur cupidatat.

Testimonial Cards (Light)

Optional Eyebrow

Sample Title

Optional description. Lorem ipsum dolor sit amet, qui minim labore adipisicing minim sint cillum sint consectetur cupidatat.

Testimonial Cards (Dark)

Optional Eyebrow

Sample Title

Optional description. Lorem ipsum dolor sit amet, qui minim labore adipisicing minim sint cillum sint consectetur cupidatat.

With all props

Optional Eyebrow

Sample Title

Optional description. Lorem ipsum dolor sit amet, qui minim labore adipisicing minim sint cillum sint consectetur cupidatat.
  • Optional
  • List
  • Items

Simple Card

Running an on-premises artifact management solution, such as jFrog Artifactory, may seem like a good idea at first glance, but in reality, it comes with a number of downsides that can be detrimental to a business’s operations.

Card with Icon

Running an on-premises artifact management solution, such as jFrog Artifactory, may seem like a good idea at first glance, but in reality, it comes with a number of downsides that can be detrimental to a business’s operations.

Card with Actions

Running an on-premises artifact management solution, such as jFrog Artifactory, may seem like a good idea at first glance, but in reality, it comes with a number of downsides that can be detrimental to a business’s operations.

Card with list

Running an on-premises artifact management solution, such as jFrog Artifactory, may seem like a good idea at first glance, but in reality, it comes with a number of downsides that can be detrimental to a business’s operations.
  • Optional
  • Tick List

With all props (Light)

Optional Eyebrow

Sample Title

Optional description. Lorem ipsum dolor sit amet, qui minim labore adipisicing minim sint cillum sint consectetur cupidatat.
  • Optional
  • List
  • Items

Simple Card

Running an on-premises artifact management solution, such as jFrog Artifactory, may seem like a good idea at first glance, but in reality, it comes with a number of downsides that can be detrimental to a business’s operations.

Card with Icon

Running an on-premises artifact management solution, such as jFrog Artifactory, may seem like a good idea at first glance, but in reality, it comes with a number of downsides that can be detrimental to a business’s operations.

Card with Actions

Running an on-premises artifact management solution, such as jFrog Artifactory, may seem like a good idea at first glance, but in reality, it comes with a number of downsides that can be detrimental to a business’s operations.

Card with list

Running an on-premises artifact management solution, such as jFrog Artifactory, may seem like a good idea at first glance, but in reality, it comes with a number of downsides that can be detrimental to a business’s operations.
  • Optional
  • Tick List

With all props (Dark)

Optional Eyebrow

Sample Title

Optional description. Lorem ipsum dolor sit amet, qui minim labore adipisicing minim sint cillum sint consectetur cupidatat.
  • Optional
  • List
  • Items

Simple Card

Running an on-premises artifact management solution, such as jFrog Artifactory, may seem like a good idea at first glance, but in reality, it comes with a number of downsides that can be detrimental to a business’s operations.

Card with Icon

Running an on-premises artifact management solution, such as jFrog Artifactory, may seem like a good idea at first glance, but in reality, it comes with a number of downsides that can be detrimental to a business’s operations.

Card with Actions

Running an on-premises artifact management solution, such as jFrog Artifactory, may seem like a good idea at first glance, but in reality, it comes with a number of downsides that can be detrimental to a business’s operations.

Card with list

Running an on-premises artifact management solution, such as jFrog Artifactory, may seem like a good idea at first glance, but in reality, it comes with a number of downsides that can be detrimental to a business’s operations.
  • Optional
  • Tick List

Example

Optional Eyebrow

Sample Title

Does this sound familiar?Multiple repositories for multiple teams using multiple software languages
Lower costs with CloudsmithFully cloud-native, fully managed service, fully not your problem anymore
Home-baked solutions filling in the blanks
Designed to enable performance for distributed teams regardless of location. Goodby hacky in-house tooling and on-premises “solutions”
Poor system performance, intolerable download speeds
Instant, standardized artifact management and distribution across all your teams

Example (Light)

Optional Eyebrow

Sample Title

Does this sound familiar?Multiple repositories for multiple teams using multiple software languages
Lower costs with CloudsmithFully cloud-native, fully managed service, fully not your problem anymore
Home-baked solutions filling in the blanks
Designed to enable performance for distributed teams regardless of location. Goodby hacky in-house tooling and on-premises “solutions”
Poor system performance, intolerable download speeds
Instant, standardized artifact management and distribution across all your teams

Example (Dark)

Optional Eyebrow

Sample Title

Does this sound familiar?Multiple repositories for multiple teams using multiple software languages
Lower costs with CloudsmithFully cloud-native, fully managed service, fully not your problem anymore
Home-baked solutions filling in the blanks
Designed to enable performance for distributed teams regardless of location. Goodby hacky in-house tooling and on-premises “solutions”
Poor system performance, intolerable download speeds
Instant, standardized artifact management and distribution across all your teams

Vertical Layout

Optional Eyebrow

Sample Title

Optional description. Lorem ipsum dolor sit amet, qui minim labore adipisicing minim sint cillum sint consectetur cupidatat.
  • Optional
  • List
  • Items

Vertical Layout (Light)

Optional Eyebrow

Sample Title

Optional description. Lorem ipsum dolor sit amet, qui minim labore adipisicing minim sint cillum sint consectetur cupidatat.
  • Optional
  • List
  • Items

Vertical Layout (Dark)

Optional Eyebrow

Sample Title

Optional description. Lorem ipsum dolor sit amet, qui minim labore adipisicing minim sint cillum sint consectetur cupidatat.
  • Optional
  • List
  • Items

Horizontal Layout

Optional Eyebrow

Sample Title

Optional description. Lorem ipsum dolor sit amet, qui minim labore adipisicing minim sint cillum sint consectetur cupidatat.
  • Optional
  • List
  • Items

Horizontal Layout (Light)

Optional Eyebrow

Sample Title

Optional description. Lorem ipsum dolor sit amet, qui minim labore adipisicing minim sint cillum sint consectetur cupidatat.
  • Optional
  • List
  • Items

Horizontal Layout (Dark)

Optional Eyebrow

Sample Title

Optional description. Lorem ipsum dolor sit amet, qui minim labore adipisicing minim sint cillum sint consectetur cupidatat.
  • Optional
  • List
  • Items

Layout

With Border

Without Border

Small

Product Feature Display

Example

  1. Feature List Item 1

    This is a description of the feature list item.
    • Optional
    • Tick List
    • Items
    Feature List Item 1
  2. Feature List Item 2

    This is a description of the feature list item.
    Feature List Item 2

Light theme

Feature Section with Image

Cloudsmith provides a flexible, powerful permissions system, putting you in complete control over who can access software. You can also integrate with your identity provider to control authentication, team membership and manage the lifecycle of your users.

  • Optional
  • Tick List
  • Items
Feature Section Image

Dark theme

Feature Section with Image

Cloudsmith provides a flexible, powerful permissions system, putting you in complete control over who can access software. You can also integrate with your identity provider to control authentication, team membership and manage the lifecycle of your users.

  • Optional
  • Tick List
  • Items
Feature Section Image

Media Block

Example

Illustration

Example

Custom Media Aspect Ratio

Example

Illustration

Custom Media Aspect Ratio

Illustration

Example

Media with Text

Example

Image with Text

Running an on-premises artifact management solution, such as jFrog Artifactory, may seem like a good idea at first glance, but in reality, it comes with a number of downsides that can be detrimental to a business’s operations.
Learn More
Illustration

Left aligned with bleed

Illustration With Text

Running an on-premises artifact management solution, such as jFrog Artifactory, may seem like a good idea at first glance, but in reality, it comes with a number of downsides that can be detrimental to a business’s operations.

Right aligned without bleed

Running an on-premises artifact management solution, such as jFrog Artifactory, may seem like a good idea at first glance, but in reality, it comes with a number of downsides that can be detrimental to a business’s operations.

Small text

Running an on-premises artifact management solution, such as jFrog Artifactory, may seem like a good idea at first glance, but in reality, it comes with a number of downsides that can be detrimental to a business’s operations.

Large text

Running an on-premises artifact management solution, such as jFrog Artifactory, may seem like a good idea at first glance, but in reality, it comes with a number of downsides that can be detrimental to a business’s operations.

With tick list

Illustration With Text

Running an on-premises artifact management solution, such as jFrog Artifactory, may seem like a good idea at first glance, but in reality, it comes with a number of downsides that can be detrimental to a business’s operations.
  • Optional
  • Tick List
  • Items

With Actions

Illustration With Text

Running an on-premises artifact management solution, such as jFrog Artifactory, may seem like a good idea at first glance, but in reality, it comes with a number of downsides that can be detrimental to a business’s operations.
Get StartedAnother actionLet’s add more

Custom Media Aspect Ratio

Illustration With Text

Running an on-premises artifact management solution, such as jFrog Artifactory, may seem like a good idea at first glance, but in reality, it comes with a number of downsides that can be detrimental to a business’s operations.

Left aligned with bleed

Illustration With Text

Running an on-premises artifact management solution, such as jFrog Artifactory, may seem like a good idea at first glance, but in reality, it comes with a number of downsides that can be detrimental to a business’s operations.
Illustration

Right aligned without bleed

Running an on-premises artifact management solution, such as jFrog Artifactory, may seem like a good idea at first glance, but in reality, it comes with a number of downsides that can be detrimental to a business’s operations.
Illustration

Small text

Running an on-premises artifact management solution, such as jFrog Artifactory, may seem like a good idea at first glance, but in reality, it comes with a number of downsides that can be detrimental to a business’s operations.
Illustration

Large text

Running an on-premises artifact management solution, such as jFrog Artifactory, may seem like a good idea at first glance, but in reality, it comes with a number of downsides that can be detrimental to a business’s operations.
Illustration

With tick list

Illustration With Text

Running an on-premises artifact management solution, such as jFrog Artifactory, may seem like a good idea at first glance, but in reality, it comes with a number of downsides that can be detrimental to a business’s operations.
  • Optional
  • Tick List
  • Items
Illustration

With Actions

Illustration With Text

Running an on-premises artifact management solution, such as jFrog Artifactory, may seem like a good idea at first glance, but in reality, it comes with a number of downsides that can be detrimental to a business’s operations.
Get Started
Illustration

Custom Media Aspect Ratio

Illustration With Text

Running an on-premises artifact management solution, such as jFrog Artifactory, may seem like a good idea at first glance, but in reality, it comes with a number of downsides that can be detrimental to a business’s operations.
Illustration

Hero

Example

Example of a primary hero

This is an example of a primary hero with an image and a list of items.

Example

Example of a primary hero

This is an example of a primary hero with an image and a list of items.

Example image

Default

Product

A differentiated developer experience

With List

Product

A differentiated developer experience

With Gradient

Product

A differentiated developer experience

Dark Theme

Product

A differentiated developer experience

Default

It’s time to ditch your legacy artifact management solution

Experience the future of DevOps today

What sets Cloudsmith apart

  1. Fully managed cloud hosting
    ...instead of horribly high licensing costs
  2. Fully managed cloud hosting
    ...instead of horribly high licensing costs
  3. Fully managed cloud hosting
    ...instead of horribly high licensing costs

Dark Theme with Illustration

It’s time to ditch your legacy artifact management solution

Experience the future of DevOps today

What sets Cloudsmith apart

  1. Fully managed cloud hosting
    ...instead of horribly high licensing costs
  2. Fully managed cloud hosting
    ...instead of horribly high licensing costs
  3. Fully managed cloud hosting
    ...instead of horribly high licensing costs

Default

Cloudsmith Case Studies

Our Customers

With Background

Cloudsmith Case Studies

Our Customers

With Dark Background

Cloudsmith Case Studies

Our Customers

Icons

A set of custom icons can be used to communicate abstract ideas and product features.

webhooks
visibility
users
uptime
tag
support
success
stop
speed
selfservice
rules
proxy
nativetooling
lock
formats
fixes
distribution
dependencies
costs
cloud
check
cli
bindings
availability
api

Illustrations

Brand illustration set the visual tone. They are used to convey the notion of the product, its features and values.

They can also be used to communicate high level abstract concepts, that cannot be easily represented by stylized product UI.

Collaborate
Control
Shipped
Formats
SecureSupplyChain
FormatHeader
Homepage
Centralize
Automate
Experience
Speed
Upstream
Edge
Latency
Elasticity
Meta
MultiFormat
Network
Secure
Simple
NavigatorCallToAction
NavigatorEntry
NavigatorTeaser

Third Party Logos

Logos of supported formats and integrations are kept as SVGs, which makes them easy to inline and re-style.

Below is a list of all logos currently available as inline SVGs.

zapier
vagrant
unity
travis
terraform
teams
swift
slack
semaphore
sbt
rust
rubygems
ruby
redhat
python
puppet
powershell
php
onelogin
okta
octopus
nuget
npm
myob
microsoft
maven
lua
jumpcloud
jenkins
isc
hex
helm
harness
ha
gradle
google
go
gitlab
github
eclipse
drone
docker
debian
datadog
cran
conda
conan
composer
cocoapods
circleci
chocolatey
chef
buildkite
bitbucket
binary
awscode
ansible
alpine