Home

Welcome to the Carbon for IBM.com website wiki!

This is a companion space for the official Carbon for IBM.com website.

We currently have two sections here:

📑 Design guideline drafts

Some of the work-in-progress draft guidelines will be published here for early adopters, before officially being incorporated into the website.

📘 Publishing guidelines

The Wiki will also host guidelines around how to publish content on the Carbon for IBM.com. Production guideline,publishing process, tips & tricks, etc.

Functional specs

Layout component (40)

• CTA block
• CTA section
• Callout data
• Callout media
• Callout quote
• Callout
• Card group
• Card section carousel
• Card section images
• Card section simple
• Card section
• Content block accordion
• Content block card static
• Content block cards
• Content block headlines
• Content block horizontal
• Content block media
• Content block mixed groups
• Content block segmented
• Content block simple
• Content block
• Content group banner
• Content group cards
• Content group pictograms
• Content group simple
• Content group
• Content item horizontal
• Content item
• Content section
• Cookies
• Feature card block large
• Feature card block medium
• Filter panel (WIP)
• Layout
• Lead space
• Leadspace block
• Link list section
• Logo grid
• Table of contents
• Tabs extended media

Service (2)

• Locale
• Translation

UI component (31)

• Accordion
• Audio player
• Back to top
• Button group
• CTA
• Card in card
• Card link
• Card
• Carousel
• Expressive modal
• Feature card
• Footer
• Footnotes
• Horizontal rules
• Image with caption
• Image
• Landscape Notification
• Leaving ibm
• Lightbox media viewer
• Link list
• Link with icon
• Locale Change Banner
• Locale modal
• Masthead
• Mega menu
• Pictogram item
• Quote
• Tabs extended
• Tag group
• Tag link
• Video

Utility (5)

• FPO images
• Markdown utility
• Same height utility
• Scroll animations
• Scroll into view