Home

Welcome to the Carbon for IBM.com website wiki!

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

📑 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.

Index (6)

• 2x Grid formula
• Character count standards
• Expressive Theme: research
• General best practices
• Glossary
• [WIP] Content model

📘 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.

Index (6)

• 2020 website content publishing process
• Carbon for IBM.com Production guidelines
• Functional spec template
• Markdown cheatsheet
• Publishing tips and tricks
• Writing functional specs

Design office hours

Index (1)

• Design Office Hours

Functional specs

Layout component (37)

• CTA block
• CTA section
• Callout media
• Callout quote
• Callout
• Card group
• Card section carousel
• Card section images
• Card section offset
• Card section simple
• Card section
• Content block cards
• 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
• Dotcom shell
• Feature section
• Layout
• Lead space block
• Lead space search
• Lead space
• Link list section
• Logo grid
• Table of contents
• Tabs extended media
• Tabs extended

Service (3)

• Locale
• Translation
• Video service

UI component (31)

• Back to top
• Background media
• Button group
• CTA
• Card in card
• Card link
• Card
• Carousel
• Expressive modal
• Feature card
• Filter group
• Filter panel
• Footer
• Image with caption
• Image
• Input select
• Leaving ibm
• Lightbox media viewer
• Link list
• Link with icon
• Locale modal
• Masthead L0
• Masthead L1
• Masthead
• Mega menu
• Pictogram item
• Quote
• Search typeahead
• Tag group
• Tag link
• Video

Utility (4)

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

Additional components

Carbon component (16)

• Carbon 2x grid
• Carbon accordion
• Carbon breadcrumb
• Carbon button
• Carbon checkbox
• Carbon form label
• Carbon icons
• Carbon link
• Carbon modal
• Carbon notification
• Carbon pagination
• Carbon pictograms
• Carbon search
• Carbon tabs
• Carbon tag
• Carbon tile

Design only (10)

• Accordion
• Audio player
• Content block accordion
• Cookies
• FPO images
• Footnotes
• Horizontal rule
• Landscape notification
• Locale change banner
• Site feedback

Feature flag (3)

• Callout data
• Content block card static
• Content block headlines