Search for tag: "design"

Transforming Business with AI and Hybrid Cloud: A Hybrid by Design Approach

The explosion of AI over the past two years has tipped the scales in a long-developing paradigm shift: technology is no longer just a tool to support business objectives, but a fundamental driver…

From  chq_master_librarians

Red Hat Summit 2024_Aparna Sharma, IBM Consulting & Stefanie Chiras, Red Hat

Red Hat Summit 2024 | Aparna Sharma, Stefanie Chiras - Cube Interview during the Red Hat Summit 2024

From  chq_master_librarians

10 Principles for Secure by Design: Baking Security into Your Systems

In this video, cybersecurity expert Jeff Crume explores the 10 principles for secure by design, a best practice approach to building secure systems. Jeff discusses the importance of security by…

From  chq_master_librarians

Updated checkout modal

updated checkout modal

From  310000JV3M 310000JV3M

Intro to designing with Carbon

Intro to designing with Carbon

From  310000JV3M 310000JV3M

Grid Introduction

grid introduction

From  310000JV3M 310000JV3M

IBM Rhapsody Systems Engineering

IBM Rhapsody Systems Engineering is a cloud native, web-based solution for systems engineering teams. It utilizes the SysML V2 modeling language to facilitate the development of smarter, more complex…

From  chq_master_librarians

2x grid: overview

2x grid overview

From  550003PPHW 550003PPHW

Motion: overview

Carbon components have motion built in for microinteractions. However, the motion design of the overarching UI — that is, how the components interact with each other and enter and exit the page…

From  550003PPHW 550003PPHW

Color: overview

Application of the color palette brings a unified and recognizable consistency to IBM's array of digital products and interfaces. This consistency is grounded in a set of well-defined rules…

From  550003PPHW 550003PPHW

2x grid: breakpoints

Use this set of standard breakpoints to maintain layout integrity across screen sizes. For best results, test designs and code at each of these standard breakpoints. Create custom breakpoints to…

From  550003PPHW 550003PPHW

2x grid: fixed boxes

A grid can be formed with fixed boxes by arranging tiles in an inline block, icons in toolbars, etc. Column count grows with browser width. Tiles wrap to the next line, or are sometimes truncated…

From  550003PPHW 550003PPHW

2x grid: fluid columns

Fluid column structures are ideal for editorial content, dashboards, images, video, data visualizations, etc. In each case, scaling the size of things is more useful to the user than scaling the…

From  550003PPHW 550003PPHW

2x grid: hybrid boxes

Hybrid boxes have different scaling rules in each dimension, so they do not use aspect ratios. When a user would resize the browser expecting content to scale in one dimension but not the other, use…

From  550003PPHW 550003PPHW

2x grid: sizing scale - scaling multiple

After determining your base size, multiply it as needed for each use. For box sizing, apply an aspect ratio too.

From  550003PPHW 550003PPHW

2x grid: sizing scale - vertical rhythm

Use the fixed sizing scale to set vertical spacing between sections, by adding it to the top or bottom margin of a box.

From  550003PPHW 550003PPHW