{
    "componentChunkName": "component---src-pages-gallery-index-mdx",
    "path": "/gallery/",
    "result": {"pageContext":{"frontmatter":{"title":"Gallery","description":"The IBM Design Language gallery displays examples of the vision of IBM designer Eliot Noyes that unity, not uniformity creates the correct total statement."},"relativePagePath":"/gallery/index.mdx","titleType":"append","MdxNode":{"id":"9cd808d5-c8de-5a91-90c4-ee34473c107b","children":[],"parent":"918431a4-4329-5fec-b427-f61bc654a7b4","internal":{"content":"---\ntitle: Gallery\ndescription:\n  The IBM Design Language gallery displays examples of the vision of IBM\n  designer Eliot Noyes that unity, not uniformity creates the correct total\n  statement.\n---\n\nimport { imageGalleryContainer } from './Gallery.module.scss';\nimport GalleryVideo from '../../components/GalleryVideo';\n\n<PageDescription>\n\n\nUnity, not uniformity. “A corporation should be like a painting; everything visible should contribute to the correct total statement.” — Eliot Noyes\n\n</PageDescription>\n\n\n<div className={imageGalleryContainer}>\n<ImageGallery>\n<ImageGalleryImage alt=\"flat style illustration of an eye\" title=\"flat style illustration of an eye\" col={4}>\n\n![flat style illustration of an eye](./assets/2306_1_IDL_gallery.png)\n\n</ImageGalleryImage>\n<ImageGalleryImage alt=\"IBM Plex pattern print\" title=\"IBM Plex pattern print\" col={4}>\n\n![IBM Plex pattern print](./assets/2306_2_IDL_gallery.png)\n\n</ImageGalleryImage>\n<ImageGalleryImage alt=\"digital rendering of a circle to square\" title=\"digital rendering of a circle to square\" col={4}>\n\n![digital rendering of a circle to square](./assets/2306_3_IDL_gallery.jpg)\n\n</ImageGalleryImage>\n\n<ImageGalleryImage alt=\"isometric 3D IBM 8-bar logo illustration\" title=\"isometric 3D IBM 8-bar logo illustration\" col={4}>\n\n![isometric 3D IBM 8-bar logo illustration](./assets/2306_4_IDL_gallery.png)\n\n</ImageGalleryImage>\n<ImageGalleryImage alt=\"IBM Quantum computer display\" title=\"IBM Quantum computer display\" col={8}>\n\n![IBM Quantum computer display](./assets/2405_5_IDL_gallery.png)\n\n</ImageGalleryImage>\n\n<ImageGalleryImage alt=\"IBM Knowledge Catalog product demo\" title=\"IBM Knowledge Catalog product demo\" col={8}>\n\n<GifPlayer color=\"dark\" className=\"video-player\">\n\n<video\n  autoPlay loop muted\n  src=\"https://www.ibm.com/design/language/videos/gallery/2306_6_IDL_gallery.mp4\"\n/>\n\n![IBM Knowledge Catalog product demo](./assets/2306_6_IDL_gallery_static.jpg)\n\n</GifPlayer>\n\n</ImageGalleryImage>\n<ImageGalleryImage alt=\"IBM rebus logo in blue on white tag sewn on woven shirt pocket\" title=\"IBM rebus logo in blue on white tag sewn on woven shirt pocket\" col={4}>\n\n![IBM rebus logo in blue on white tag sewn on woven shirt pocket](./assets/2306_7_IDL_gallery.jpg)\n\n</ImageGalleryImage>\n\n<ImageGalleryImage alt=\"exterior view of IBM location\" title=\"exterior view of IBM location\" col={4}>\n\n![exterior view of IBM location](./assets/2306_8_IDL_gallery.jpg)\n\n</ImageGalleryImage>\n<ImageGalleryImage alt=\"humans in clean room garments preparing food alongside robots in factory\" title=\"humans in clean room garments preparing food alongside robots in factory\" col={8}>\n\n![humans in clean room garments preparing food alongside robots in factory](./assets/2306_9_IDL_gallery.jpg)\n\n</ImageGalleryImage>\n\n<ImageGalleryImage alt=\"animated blue circles resolving to IBM\" title=\"animated blue circles resolving to IBM\" col={8}>\n\n<GifPlayer color=\"light\" className=\"video-player\">\n\n<video\n  autoPlay loop muted\n  src=\"https://www.ibm.com/design/language/videos/gallery/2306_10_IDL_gallery.mp4\"\n/>\n\n![animated blue circles resolving to IBM](./assets/2306_10_IDL_gallery_static.jpg)\n\n</GifPlayer>\n\n</ImageGalleryImage>\n<ImageGalleryImage alt=\"expressive pictogram for sustainability with data\" title=\"expressive pictogram for sustainability with data\" col={4}>\n\n![expressive pictogram for sustainability with data](./assets/2306_11_IDL_gallery.png)\n\n</ImageGalleryImage>\n\n<ImageGalleryImage alt=\"green gloves in clean room setting\" title=\"green gloves in clean room setting\" col={4}>\n\n![green gloves in clean room setting](./assets/2306_12_IDL_gallery.jpg)\n\n</ImageGalleryImage>\n<ImageGalleryImage alt=\"white t-shirt printed with International Business [creative] Machines in blue text\" title=\"white t-shirt printed with International Business [creative] Machines in blue text\" col={4}>\n\n![white t-shirt printed with International Business [creative] Machines in blue text](./assets/2306_13_IDL_gallery.png)\n\n</ImageGalleryImage>\n<ImageGalleryImage alt=\"dimensional mosaic digital rendering in blue and gray squares and cubes with dots\" title=\"dimensional mosaic digital rendering in blue and gray squares and cubes with dots\" col={4}>\n\n![dimensional mosaic digital rendering in blue and gray squares and cubes with dots](./assets/2306_14_IDL_gallery.jpg)\n\n</ImageGalleryImage>\n\n<ImageGalleryImage alt=\"infogram on radial grid\" title=\"infogram on radial grid\" col={4}>\n\n![infogram on radial grid](./assets/2306_15_IDL_gallery.png)\n\n</ImageGalleryImage>\n<ImageGalleryImage alt=\"consultants in discussion while walking outside building\" title=\"consultants in discussion while walking outside building\" col={8}>\n\n![consultants in discussion while walking outside building](./assets/2306_16_IDL_gallery.jpg)\n\n</ImageGalleryImage>\n\n<ImageGalleryImage alt=\"composite grid of IBM portraits\" title=\"composite grid of IBM portraits\" col={12}>\n\n![composite grid of IBM portraits](./assets/2306_17_IDL_gallery.jpg)\n\n</ImageGalleryImage>\n\n<ImageGalleryImage alt=\"flat-style illustration of two hands connecting dots\" title=\"flat-style illustration of two hands connecting dots\" col={4}>\n\n![flat-style illustration of two hands connecting dots](./assets/2306_18_IDL_gallery.png)\n\n</ImageGalleryImage>\n<ImageGalleryImage alt=\"portrait of person  crafting fiberglass chairs\" title=\"portrait of person  crafting fiberglass chairs\" col={4}>\n\n![portrait of person  crafting fiberglass chairs](./assets/2306_19_IDL_gallery.jpg)\n\n</ImageGalleryImage>\n<ImageGalleryImage alt=\"TechXchange graphic of photo and graphic patterns\" title=\"TechXchange graphic of photo and graphic patterns\" col={4}>\n\n![TechXchange graphic of photo and graphic patterns](./assets/2306_20_IDL_gallery.png)\n\n</ImageGalleryImage>\n\n<ImageGalleryImage alt=\"IBM Yorktown exterior at night\" title=\"IBM Yorktown exterior at night\" col={8}>\n\n![IBM Yorktown exterior at night](./assets/2306_21_IDL_gallery.jpg)\n\n</ImageGalleryImage>\n<ImageGalleryImage alt=\"IBM country anniversary animation\" title=\"IBM country anniversary animation\" col={4}>\n\n<GifPlayer color=\"dark\">\n\n![IBM country anniversary animation](./assets/2306_22_IDL_gallery.gif)\n![IBM country anniversary animation](./assets/2306_22_IDL_gallery_static.jpg)\n\n</GifPlayer>\n\n</ImageGalleryImage>\n\n<ImageGalleryImage alt=\"IBM consultant welcome kit\" title=\"IBM consultant welcome kit\" col={4}>\n\n![IBM consultant welcome kit](./assets/2306_23_IDL_gallery.jpg)\n\n</ImageGalleryImage>\n<ImageGalleryImage alt=\"IBM Quantum Composer product dashboard\" title=\"IBM Quantum Composer product dashboard\" col={8}>\n\n![IBM Quantum Composer product dashboard](./assets/2306_24_IDL_gallery.png)\n\n</ImageGalleryImage>\n\n<ImageGalleryImage alt=\"flat-style illustration of person at desk at night\" title=\"flat-style illustration of person at desk at night\" col={8}>\n\n![flat-style illustration of person at desk at night](./assets/2306_25_IDL_gallery.png)\n\n</ImageGalleryImage>\n<ImageGalleryImage alt=\"\" title=\"\" col={4}>\n\n![](./assets/2504_26_IDL_gallery.png)\n\n</ImageGalleryImage>\n\n<ImageGalleryImage alt=\"event invitation in architectural blueprint style\" title=\"event invitation in architectural blueprint style\" col={4}>\n\n![event invitation in architectural blueprint style](./assets/2405_27_IDL_gallery.png)\n\n</ImageGalleryImage>\n<ImageGalleryImage alt=\"three colleagues on casual seating viewing laptop\" title=\"three colleagues on casual seating viewing laptop\" col={8}>\n\n![three colleagues on casual seating viewing laptop](./assets/2306_28_IDL_gallery.jpg)\n\n</ImageGalleryImage>\n\n<ImageGalleryImage alt=\"flat-style illustrations of people in clothing representing various industries\" title=\"flat-style illustrations of people in clothing representing various industries\" col={12}>\n\n![flat-style illustrations of people in clothing representing various industries](./assets/2306_29_IDL_gallery.png)\n\n</ImageGalleryImage>\n\n<ImageGalleryImage alt=\"digital rendering of shifting blue grid pattern\" title=\"digital rendering of shifting blue grid pattern\" col={8}>\n\n![digital rendering of shifting blue grid pattern](./assets/2306_30_IDL_gallery.jpg)\n\n</ImageGalleryImage>\n<ImageGalleryImage alt=\"portrait of person at laptop in front of whiteboard on office wall\" title=\"portrait of person at laptop in front of whiteboard on office wall\" col={4}>\n\n![portrait of person at laptop in front of whiteboard on office wall](./assets/2306_31_IDL_gallery.jpg)\n\n</ImageGalleryImage>\n\n<ImageGalleryImage alt=\"flat-style illustration of person riding bicycle\" title=\"flat-style illustration of person riding bicycle\" col={4}>\n\n![flat-style illustration of person riding bicycle](./assets/2306_32_IDL_gallery.png)\n\n</ImageGalleryImage>\n<ImageGalleryImage alt=\"illustration of three mobile mockups of IBM Design Language site\" title=\"illustration of three mobile mockups of IBM Design Language site\" col={8}>\n\n![illustration of three mobile mockups of IBM Design Language site](./assets/2306_33_IDL_gallery.png)\n\n</ImageGalleryImage>\n\n<ImageGalleryImage alt=\"sample technical diagram\" title=\"sample technical diagram\" col={8}>\n\n![sample technical diagram](./assets/2306_34_IDL_gallery_v2.png)\n\n</ImageGalleryImage>\n<ImageGalleryImage alt=\"overhead view of hardware components on table\" title=\"overhead view of hardware components on table\" col={4}>\n\n![overhead view of hardware components on table](./assets/2306_35_IDL_gallery.jpg)\n\n</ImageGalleryImage>\n\n<ImageGalleryImage alt=\"isometric illustration of a quantum computer in blue and gray\" title=\"isometric illustration of a quantum computer in blue and gray\" col={4}>\n\n![isometric illustration of a quantum computer in blue and gray](./assets/2306_36_IDL_gallery.png)\n\n</ImageGalleryImage>\n<ImageGalleryImage alt=\"IBM Plex Japanese\" title=\"IBM Plex Japanese\" col={8}>\n\n![IBM Plex Japanese](./assets/2306_37_IDL_gallery.png)\n\n</ImageGalleryImage>\n\n<ImageGalleryImage alt=\"printed circuit boards\" title=\"printed circuit boards\" col={4}>\n\n![printed circuit boards](./assets/2306_38_IDL_gallery.jpg)\n\n</ImageGalleryImage>\n<ImageGalleryImage alt=\"industrial drill\" title=\"industrial drill\" col={4}>\n\n![industrial drill](./assets/2306_39_IDL_gallery.jpg)\n\n</ImageGalleryImage>\n<ImageGalleryImage alt=\"server components\" title=\"server components\" col={4}>\n\n![server components](./assets/2306_40_IDL_gallery.jpg)\n\n</ImageGalleryImage>\n\n<ImageGalleryImage alt=\"animation of dimensional details of the IBM 8-bar logo\" title=\"animation of dimensional details of the IBM 8-bar logo\" col={8}>\n\n<GifPlayer color=\"dark\" className=\"video-player\">\n\n<video\n  autoPlay loop muted\n  src=\"https://www.ibm.com/design/language/videos/gallery/2306_41_IDL_gallery.mp4\"\n/>\n\n![animation of dimensional details of the IBM 8-bar logo](./assets/2306_41_IDL_gallery_static.jpg)\n\n</GifPlayer>\n\n</ImageGalleryImage>\n<ImageGalleryImage alt=\"IBM LinuxONE web page displayed on tablet\" title=\"IBM LinuxONE web page displayed on tablet\" col={4}>\n\n![IBM LinuxONE web page displayed on tablet](./assets/2306_42_IDL_gallery.png)\n\n</ImageGalleryImage>\n\n<ImageGalleryImage alt=\"\" title=\"\" col={4}>\n\n![](./assets/2504_43_IDL_gallery.png)\n\n</ImageGalleryImage>\n<ImageGalleryImage alt=\"blind employee seated at dedicated workstation\" title=\"blind employee seated at dedicated workstation\" col={8}>\n\n![blind employee seated at dedicated workstation](./assets/2306_44_IDL_gallery.jpg)\n\n</ImageGalleryImage>\n\n<ImageGalleryImage alt=\"animation of abstracted AI model tuning sequence\" title=\"animation of abstracted AI model tuning sequence\" col={12}>\n\n<GifPlayer color=\"dark\" className=\"video-player\">\n\n<video\n  autoPlay loop muted\n  src=\"https://www.ibm.com/design/language/videos/gallery/2306_45_IDL_gallery.mp4\"\n/>\n\n![animation of abstracted AI model tuning sequence](./assets/2306_45_IDL_gallery_static.jpg)\n\n</GifPlayer>\n\n</ImageGalleryImage>\n\n<ImageGalleryImage alt=\"workers in industrial setting wearing safety gear\" title=\"workers in industrial setting wearing safety gear\" col={8}>\n\n![workers in industrial setting wearing safety gear](./assets/2306_46_IDL_gallery.jpg)\n\n</ImageGalleryImage>\n<ImageGalleryImage alt=\"laughing consultant on video call in focus room\" title=\"laughing consultant on video call in focus room\" col={4}>\n\n![laughing consultant on video call in focus room](./assets/2306_47_IDL_gallery.jpg)\n\n</ImageGalleryImage>\n\n<ImageGalleryImage alt=\"animation of IBM Plex typefaces\" title=\"animation of IBM Plex typefaces\" col={4}>\n\n<GifPlayer color=\"light\" className=\"video-player\">\n\n<video\n  autoPlay loop muted\n  src=\"https://www.ibm.com/design/language/videos/gallery/2306_48_IDL_gallery.mp4\"\n/>\n\n![animation of IBM Plex typefaces](./assets/2306_48_IDL_gallery_static.jpg)\n\n</GifPlayer>\n\n</ImageGalleryImage>\n<ImageGalleryImage alt=\"animation of IBM Consulting booklet\" title=\"animation of IBM Consulting booklet\" col={8}>\n\n<GifPlayer color=\"dark\" className=\"video-player\">\n\n<video\n  autoPlay loop muted\n  src=\"https://www.ibm.com/design/language/videos/gallery/2306_49_IDL_gallery.mp4\"\n/>\n\n![animation of IBM Consulting booklet](./assets/2306_49_IDL_gallery_static.jpg)\n\n</GifPlayer>\n\n</ImageGalleryImage>\n\n<ImageGalleryImage alt=\"aerial view of highway intersection with cars and trucks\" title=\"aerial view of highway intersection with cars and trucks\" col={8}>\n\n![aerial view of highway intersection with cars and trucks](./assets/2306_50_IDL_gallery.jpg)\n\n</ImageGalleryImage>\n<ImageGalleryImage alt=\"flat-style illustration of flowers\" title=\"flat-style illustration of flowers\" col={4}>\n\n![flat-style illustration of flowers](./assets/2306_51_IDL_gallery.png)\n\n</ImageGalleryImage>\n\n<ImageGalleryImage alt=\"journal cover art with Let's create and IBM rebus\" title=\"journal cover art with Let's create and IBM rebus\" col={4}>\n\n![journal cover art with Let's create and IBM rebus](./assets/2306_52_IDL_gallery.png)\n\n</ImageGalleryImage>\n<ImageGalleryImage alt=\"IBM Digital Analytics product dashboard\" title=\"IBM Digital Analytics product dashboard\" col={4}>\n\n![IBM Digital Analytics product dashboard](./assets/2306_53_IDL_gallery.png)\n\n</ImageGalleryImage>\n<ImageGalleryImage alt=\"two people in clean room garb looking at computer monitor\" title=\"two people in clean room garb looking at computer monitor\" col={4}>\n\n![two people in clean room garb looking at computer monitor](./assets/2306_54_IDL_gallery.jpg)\n\n</ImageGalleryImage>\n\n<ImageGalleryImage alt=\"IBM QRadar product launch animation\" title=\"IBM QRadar product launch animation\" col={12}>\n\n<GifPlayer color=\"dark\" className=\"video-player\">\n\n<video\n  autoPlay loop muted\n  src=\"https://www.ibm.com/design/language/videos/gallery/2306_55_IDL_gallery.mp4\"\n/>\n\n![IBM QRadar product launch animation](./assets/2306_55_IDL_gallery_static.jpg)\n\n</GifPlayer>\n\n</ImageGalleryImage>\n\n<ImageGalleryImage alt=\"flat-style illustration in blues\" title=\"flat-style illustration in blues\" col={4}>\n\n![flat-style illustration in blues](./assets/2306_56_IDL_gallery.png)\n\n</ImageGalleryImage>\n<ImageGalleryImage alt=\"digital renderings of Think plaques in multiple colors and languages\" title=\"digital renderings of Think plaques in multiple colors and languages\" col={4}>\n\n![digital renderings of Think plaques in multiple colors and languages](./assets/2306_57_IDL_gallery.jpg)\n\n</ImageGalleryImage>\n<ImageGalleryImage alt=\"animation of lenticular pattern wall\" title=\"animation of lenticular pattern wall\" col={4}>\n\n<GifPlayer color=\"dark\" className=\"video-player\">\n\n<video\n  autoPlay loop muted\n  src=\"https://www.ibm.com/design/language/videos/gallery/2306_58_IDL_gallery.mp4\"\n/>\n\n![animation of lenticular pattern wall](./assets/2306_58_IDL_gallery_static.jpg)\n\n</GifPlayer>\n\n</ImageGalleryImage>\n\n<ImageGalleryImage alt=\"IBM installation in Munich\" title=\"IBM installation in Munich\" col={8}>\n\n![IBM installation in Munich](./assets/2405_59_IDL_gallery.png)\n\n</ImageGalleryImage>\n<ImageGalleryImage alt=\"portait of person in server room at laptop\" title=\"portait of person in server room at laptop\" col={4}>\n\n![portait of person in server room at laptop](./assets/2306_60_IDL_gallery.jpg)\n\n</ImageGalleryImage>\n\n<ImageGalleryImage alt=\"animation of Carbon calendar component\" title=\"animation of Carbon calendar component\" col={4}>\n\n<GifPlayer color=\"light\" className=\"video-player\">\n\n<video\n  autoPlay loop muted\n  src=\"https://www.ibm.com/design/language/videos/gallery/2306_61_IDL_gallery.mp4\"\n/>\n\n![animation of Carbon calendar component](./assets/2306_61_IDL_gallery_static.jpg)\n\n</GifPlayer>\n\n</ImageGalleryImage>\n<ImageGalleryImage alt=\"illustration of security attack surfaces\" title=\"illustration of security attack surfaces\" col={8}>\n\n![illustration of security attack surfaces](./assets/2306_62_IDL_gallery.png)\n\n</ImageGalleryImage>\n\n<ImageGalleryImage alt=\"digital rendering of moving fibers in blues\" title=\"digital rendering of moving fibers in blues\" col={4}>\n\n![digital rendering of moving fibers in blues](./assets/2306_63_IDL_gallery.jpg)\n\n</ImageGalleryImage>\n<ImageGalleryImage alt=\"portrait of person in clean room pouring liquid\" title=\"portrait of person in clean room pouring liquid\" col={4}>\n\n![portrait of person in clean room pouring liquid](./assets/2306_64_IDL_gallery.jpg)\n\n</ImageGalleryImage>\n<ImageGalleryImage alt=\"IBM Security mobile app for identity verification\" title=\"IBM Security mobile app for identity verification\" col={4}>\n\n![IBM Security mobile app for identity verification](./assets/2405_65_IDL_gallery.png)\n\n</ImageGalleryImage>\n\n<ImageGalleryImage alt=\"aerial view of factory floor with workers\" title=\"aerial view of factory floor with workers\" col={8}>\n\n![aerial view of factory floor with workers](./assets/2306_66_IDL_gallery.jpg)\n\n</ImageGalleryImage>\n<ImageGalleryImage alt=\"servers in room awaiting configuration\" title=\"servers in room awaiting configuration\" col={4}>\n\n![servers in room awaiting configuration](./assets/2306_67_IDL_gallery.jpg)\n\n</ImageGalleryImage>\n\n<ImageGalleryImage alt=\"flat-style illustration of person seated with laptop\" title=\"flat-style illustration of person seated with laptop\" col={4}>\n\n![flat-style illustration of person seated with laptop](./assets/2306_68_IDL_gallery.png)\n\n</ImageGalleryImage>\n<ImageGalleryImage alt=\"Think studio set with host conducting SME interview\" title=\"Think studio set with host conducting SME interview\" col={8}>\n\n![Think studio set with host conducting SME interview](./assets/2306_69_IDL_gallery.jpg)\n\n</ImageGalleryImage>\n\n<ImageGalleryImage alt=\"flat-style illustration in greens\" title=\"flat-style illustration in greens\" col={4}>\n\n![flat-style illustration in greens](./assets/2306_70_IDL_gallery.png)\n\n</ImageGalleryImage>\n<ImageGalleryImage alt=\"social media banner on mobile phone\" title=\"social media banner on mobile phone\" col={4}>\n\n![social media banner on mobile phone](./assets/2306_71_IDL_gallery.jpg)\n\n</ImageGalleryImage>\n<ImageGalleryImage alt=\"isometric illustration of IBM Z mainframe\" title=\"isometric illustration of IBM Z mainframe\" col={4}>\n\n![isometric illustration of IBM Z mainframe](./assets/2306_72_IDL_gallery.png)\n\n</ImageGalleryImage>\n\n<ImageGalleryImage alt=\"still image of watsonx render\" title=\"still image of watsonx render\" col={8}>\n\n![still image of watsonx render](./assets/2306_73_IDL_gallery.jpg)\n\n</ImageGalleryImage>\n<ImageGalleryImage alt=\"flat-style illustration of hand on grid of blues\" title=\"flat-style illustration of hand on grid of blues\" col={4}>\n\n![flat-style illustration of hand on grid of blues](./assets/2306_74_IDL_gallery.png)\n\n</ImageGalleryImage>\n\n<ImageGalleryImage alt=\"flat-style illustration of a set of eyes\" title=\"flat-style illustration of a set of eyes\" col={4}>\n\n<GifPlayer color=\"light\" className=\"video-player\">\n\n<video\n  autoPlay loop muted\n  src=\"https://www.ibm.com/design/language/videos/gallery/2306_75_IDL_gallery.mp4\"\n/>\n\n![flat-style illustration of a set of eyes](./assets/2306_75_IDL_gallery_static.jpg)\n\n</GifPlayer>\n\n</ImageGalleryImage>\n<ImageGalleryImage alt=\"animation\" title=\"animation\" col={8}>\n\n<GifPlayer color=\"light\" className=\"video-player\">\n\n<video\n  autoPlay autoStart loop muted\n  src=\"https://www.ibm.com/design/language/videos/gallery/2405_76_IDL_gallery.mp4\"\n/>\n\n![animation](./assets/2306_76_IDL_gallery_static.jpg)\n\n</GifPlayer>\n\n</ImageGalleryImage>\n\n<ImageGalleryImage alt=\"sustainability webpage in laptop mockup\" title=\"sustainability webpage in laptop mockup\" col={4}>\n\n![sustainability webpage in laptop mockup](./assets/2306_77_IDL_gallery.png)\n\n</ImageGalleryImage>\n<ImageGalleryImage alt=\"IBM location exterior\" title=\"IBM location exterior\" col={4}>\n\n![IBM location exterior](./assets/2306_78_IDL_gallery.jpg)\n\n</ImageGalleryImage>\n<ImageGalleryImage alt=\"line-style illustration for sustainability\" title=\"line-style illustration for sustainability\" col={4}>\n\n![line-style illustration for sustainability](./assets/2306_79_IDL_gallery.png)\n\n</ImageGalleryImage>\n\n<ImageGalleryImage alt=\"neon rebus in hallway with person walking nearby\" title=\"neon rebus in hallway with person walking nearby\" col={4}>\n\n![neon rebus in hallway with person walking nearby](./assets/2306_80_IDL_gallery.jpg)\n\n</ImageGalleryImage>\n<ImageGalleryImage alt=\"IBM Developer posters\" title=\"IBM Developer posters\" col={8}>\n\n![IBM Developer posters](./assets/2406_81_IDL_gallery.png)\n\n</ImageGalleryImage>\n\n<ImageGalleryImage alt=\"line-style illustration with person walking up stairs\" title=\"line-style illustration with person walking up stairs\" col={8}>\n\n![line-style illustration with person walking up stairs](./assets/2306_82_IDL_gallery.png)\n\n</ImageGalleryImage>\n<ImageGalleryImage alt=\"line-style animation of white hand on blue background\" title=\"line-style animation of white hand on blue background\" col={4}>\n\n<GifPlayer color=\"light\">\n\n![line-style animation of white hand on blue background](./assets/2306_83_IDL_gallery.gif)\n![line-style animation of white hand on blue background](./assets/2306_83_IDL_gallery_static.jpg)\n\n</GifPlayer>\n\n</ImageGalleryImage>\n\n<ImageGalleryImage alt=\"portrait of IBM employee in anechoic test chamber with server\" title=\"portrait of IBM employee in anechoic test chamber with server\" col={4}>\n\n![portrait of IBM employee in anechoic test chamber with server](./assets/2306_84_IDL_gallery.jpg)\n\n</ImageGalleryImage>\n<ImageGalleryImage alt=\"newsprint ad for IBM Security\" title=\"newsprint ad for IBM Security\" col={4}>\n\n![newsprint ad for IBM Security](./assets/2306_85_IDL_gallery.png)\n\n</ImageGalleryImage>\n<ImageGalleryImage alt=\"digital rendering of exploded view of IBM hardware\" title=\"digital rendering of exploded view of IBM hardware\" col={4}>\n\n![digital rendering of exploded view of IBM hardware](./assets/2306_86_IDL_gallery.jpg)\n\n</ImageGalleryImage>\n\n<ImageGalleryImage alt=\"high-resolution media display for IBM Security featuring aurora and pattern\" title=\"high-resolution media display for IBM Security featuring aurora and pattern\" col={8}>\n\n<GifPlayer color=\"light\" className=\"video-player\">\n\n<video\n  autoPlay loop muted\n  src=\"https://www.ibm.com/design/language/videos/gallery/2306_87_IDL_gallery.mp4\"\n/>\n\n![high-resolution media display for IBM Security featuring aurora and pattern](./assets/2306_87_IDL_gallery_static.jpg)\n\n</GifPlayer>\n\n</ImageGalleryImage>\n<ImageGalleryImage alt=\"portraits of IBM Partner Plus consultants\" title=\"portraits of IBM Partner Plus consultants\" col={4}>\n\n![portraits of IBM Partner Plus consultants](./assets/2306_88_IDL_gallery.png)\n\n</ImageGalleryImage>\n\n<ImageGalleryImage alt=\"person walking in an IBM event installation\" title=\"person walking in an IBM event installation\" col={4}>\n\n![person walking in an IBM event installation](./assets/2306_89_IDL_gallery.jpg)\n\n</ImageGalleryImage>\n<ImageGalleryImage alt=\"isometric-style illustration of booth layout for event\" title=\"isometric-style illustration of booth layout for event\" col={8}>\n\n![isometric-style illustration of booth layout for event](./assets/2306_90_IDL_gallery.png)\n\n</ImageGalleryImage>\n\n<ImageGalleryImage alt=\"materiality options in wayfinding signage\" title=\"materiality options in wayfinding signage\" col={4}>\n\n<GifPlayer color=\"dark\" className=\"video-player\">\n\n<video\n  autoPlay loop muted\n  src=\"https://www.ibm.com/design/language/videos/gallery/2306_91_IDL_gallery.mp4\"\n/>\n\n![materiality options in wayfinding signage](./assets/2306_91_IDL_gallery_static.jpg)\n\n</GifPlayer>\n\n</ImageGalleryImage>\n<ImageGalleryImage alt=\"wood wall featuring Plex pattern\" title=\"wood wall featuring Plex pattern\" col={4}>\n\n![wood wall featuring Plex pattern](./assets/2306_92_IDL_gallery.jpg)\n\n</ImageGalleryImage>\n<ImageGalleryImage alt=\"wayfinding signage with IBM bee\" title=\"wayfinding signage with IBM bee\" col={4}>\n\n![wayfinding signage with IBM bee](./assets/2306_93_IDL_gallery.jpg)\n\n</ImageGalleryImage>\n\n<ImageGalleryImage alt=\"portrait of worker in huge greenhouse\" title=\"portrait of worker in huge greenhouse\" col={8}>\n\n![portrait of worker in huge greenhouse](./assets/2306_96_IDL_gallery.jpg)\n\n</ImageGalleryImage>\n<ImageGalleryImage alt=\"isometric illustration of greenhouses\" title=\"isometric illustration of greenhouses\" col={4}>\n\n![isometric illustration of greenhouses](./assets/2306_95_IDL_gallery.png)\n\n</ImageGalleryImage>\n\n<ImageGalleryImage alt=\"digital rendering of square to circle progression on a dot grid\" title=\"digital rendering of square to circle progression on a dot grid\" col={4}>\n\n![digital rendering of square to circle progression on a dot grid](./assets/2306_97_IDL_gallery.png)\n\n</ImageGalleryImage>\n<ImageGalleryImage alt=\"people in hard hats in industrial setting\" title=\"people in hard hats in industrial setting\" col={4}>\n\n![people in hard hats in industrial setting](./assets/2306_98_IDL_gallery.jpg)\n\n</ImageGalleryImage>\n<ImageGalleryImage alt=\"two-sided rollup banner for IBM Research event\" title=\"two-sided rollup banner for IBM Research event\" col={4}>\n\n![two-sided rollup banner for IBM Research event](./assets/2406_99_IDL_gallery.png)\n\n</ImageGalleryImage>\n\n<ImageGalleryImage alt=\"animation of data fabric concept\" title=\"animation of data fabric concept\" col={8}>\n\n<GifPlayer color=\"light\" className=\"video-player\">\n\n<video\n  autoPlay loop muted\n  src=\"https://www.ibm.com/design/language/videos/gallery/2306_100_IDL_gallery.mp4\"\n/>\n\n![animation of data fabric concept](./assets/2306_100_IDL_gallery_static.jpg)\n\n</GifPlayer>\n\n</ImageGalleryImage>\n<ImageGalleryImage alt=\"flat-style illustration with circles and squares forming heart\" title=\"flat-style illustration with circles and squares forming heart\" col={4}>\n\n![flat-style illustration with circles and squares forming heart](./assets/2306_101_IDL_gallery.png)\n\n</ImageGalleryImage>\n\n<ImageGalleryImage alt=\"Think 2023 event announcements scrolling on laptop\" title=\"Think 2023 event announcements scrolling on laptop\" col={4}>\n\n![Think 2023 event announcements scrolling on laptop](./assets/2405_102_IDL_gallery.png)\n\n</ImageGalleryImage>\n<ImageGalleryImage alt=\"worker's hand in lab setting with fluid-filled beakers in various colors\" title=\"worker's hand in lab setting with fluid-filled beakers in various colors\" col={8}>\n\n![worker's hand in lab setting with fluid-filled beakers in various colors](./assets/2306_103_IDL_gallery.jpg)\n\n</ImageGalleryImage>\n\n</ImageGallery> \n</div>\n","type":"Mdx","contentDigest":"21ce204657682c7cab17b74dbd48d479","owner":"gatsby-plugin-mdx","counter":1907},"frontmatter":{"title":"Gallery","description":"The IBM Design Language gallery displays examples of the vision of IBM designer Eliot Noyes that unity, not uniformity creates the correct total statement."},"exports":{},"rawBody":"---\ntitle: Gallery\ndescription:\n  The IBM Design Language gallery displays examples of the vision of IBM\n  designer Eliot Noyes that unity, not uniformity creates the correct total\n  statement.\n---\n\nimport { imageGalleryContainer } from './Gallery.module.scss';\nimport GalleryVideo from '../../components/GalleryVideo';\n\n<PageDescription>\n\n\nUnity, not uniformity. “A corporation should be like a painting; everything visible should contribute to the correct total statement.” — Eliot Noyes\n\n</PageDescription>\n\n\n<div className={imageGalleryContainer}>\n<ImageGallery>\n<ImageGalleryImage alt=\"flat style illustration of an eye\" title=\"flat style illustration of an eye\" col={4}>\n\n![flat style illustration of an eye](./assets/2306_1_IDL_gallery.png)\n\n</ImageGalleryImage>\n<ImageGalleryImage alt=\"IBM Plex pattern print\" title=\"IBM Plex pattern print\" col={4}>\n\n![IBM Plex pattern print](./assets/2306_2_IDL_gallery.png)\n\n</ImageGalleryImage>\n<ImageGalleryImage alt=\"digital rendering of a circle to square\" title=\"digital rendering of a circle to square\" col={4}>\n\n![digital rendering of a circle to square](./assets/2306_3_IDL_gallery.jpg)\n\n</ImageGalleryImage>\n\n<ImageGalleryImage alt=\"isometric 3D IBM 8-bar logo illustration\" title=\"isometric 3D IBM 8-bar logo illustration\" col={4}>\n\n![isometric 3D IBM 8-bar logo illustration](./assets/2306_4_IDL_gallery.png)\n\n</ImageGalleryImage>\n<ImageGalleryImage alt=\"IBM Quantum computer display\" title=\"IBM Quantum computer display\" col={8}>\n\n![IBM Quantum computer display](./assets/2405_5_IDL_gallery.png)\n\n</ImageGalleryImage>\n\n<ImageGalleryImage alt=\"IBM Knowledge Catalog product demo\" title=\"IBM Knowledge Catalog product demo\" col={8}>\n\n<GifPlayer color=\"dark\" className=\"video-player\">\n\n<video\n  autoPlay loop muted\n  src=\"https://www.ibm.com/design/language/videos/gallery/2306_6_IDL_gallery.mp4\"\n/>\n\n![IBM Knowledge Catalog product demo](./assets/2306_6_IDL_gallery_static.jpg)\n\n</GifPlayer>\n\n</ImageGalleryImage>\n<ImageGalleryImage alt=\"IBM rebus logo in blue on white tag sewn on woven shirt pocket\" title=\"IBM rebus logo in blue on white tag sewn on woven shirt pocket\" col={4}>\n\n![IBM rebus logo in blue on white tag sewn on woven shirt pocket](./assets/2306_7_IDL_gallery.jpg)\n\n</ImageGalleryImage>\n\n<ImageGalleryImage alt=\"exterior view of IBM location\" title=\"exterior view of IBM location\" col={4}>\n\n![exterior view of IBM location](./assets/2306_8_IDL_gallery.jpg)\n\n</ImageGalleryImage>\n<ImageGalleryImage alt=\"humans in clean room garments preparing food alongside robots in factory\" title=\"humans in clean room garments preparing food alongside robots in factory\" col={8}>\n\n![humans in clean room garments preparing food alongside robots in factory](./assets/2306_9_IDL_gallery.jpg)\n\n</ImageGalleryImage>\n\n<ImageGalleryImage alt=\"animated blue circles resolving to IBM\" title=\"animated blue circles resolving to IBM\" col={8}>\n\n<GifPlayer color=\"light\" className=\"video-player\">\n\n<video\n  autoPlay loop muted\n  src=\"https://www.ibm.com/design/language/videos/gallery/2306_10_IDL_gallery.mp4\"\n/>\n\n![animated blue circles resolving to IBM](./assets/2306_10_IDL_gallery_static.jpg)\n\n</GifPlayer>\n\n</ImageGalleryImage>\n<ImageGalleryImage alt=\"expressive pictogram for sustainability with data\" title=\"expressive pictogram for sustainability with data\" col={4}>\n\n![expressive pictogram for sustainability with data](./assets/2306_11_IDL_gallery.png)\n\n</ImageGalleryImage>\n\n<ImageGalleryImage alt=\"green gloves in clean room setting\" title=\"green gloves in clean room setting\" col={4}>\n\n![green gloves in clean room setting](./assets/2306_12_IDL_gallery.jpg)\n\n</ImageGalleryImage>\n<ImageGalleryImage alt=\"white t-shirt printed with International Business [creative] Machines in blue text\" title=\"white t-shirt printed with International Business [creative] Machines in blue text\" col={4}>\n\n![white t-shirt printed with International Business [creative] Machines in blue text](./assets/2306_13_IDL_gallery.png)\n\n</ImageGalleryImage>\n<ImageGalleryImage alt=\"dimensional mosaic digital rendering in blue and gray squares and cubes with dots\" title=\"dimensional mosaic digital rendering in blue and gray squares and cubes with dots\" col={4}>\n\n![dimensional mosaic digital rendering in blue and gray squares and cubes with dots](./assets/2306_14_IDL_gallery.jpg)\n\n</ImageGalleryImage>\n\n<ImageGalleryImage alt=\"infogram on radial grid\" title=\"infogram on radial grid\" col={4}>\n\n![infogram on radial grid](./assets/2306_15_IDL_gallery.png)\n\n</ImageGalleryImage>\n<ImageGalleryImage alt=\"consultants in discussion while walking outside building\" title=\"consultants in discussion while walking outside building\" col={8}>\n\n![consultants in discussion while walking outside building](./assets/2306_16_IDL_gallery.jpg)\n\n</ImageGalleryImage>\n\n<ImageGalleryImage alt=\"composite grid of IBM portraits\" title=\"composite grid of IBM portraits\" col={12}>\n\n![composite grid of IBM portraits](./assets/2306_17_IDL_gallery.jpg)\n\n</ImageGalleryImage>\n\n<ImageGalleryImage alt=\"flat-style illustration of two hands connecting dots\" title=\"flat-style illustration of two hands connecting dots\" col={4}>\n\n![flat-style illustration of two hands connecting dots](./assets/2306_18_IDL_gallery.png)\n\n</ImageGalleryImage>\n<ImageGalleryImage alt=\"portrait of person  crafting fiberglass chairs\" title=\"portrait of person  crafting fiberglass chairs\" col={4}>\n\n![portrait of person  crafting fiberglass chairs](./assets/2306_19_IDL_gallery.jpg)\n\n</ImageGalleryImage>\n<ImageGalleryImage alt=\"TechXchange graphic of photo and graphic patterns\" title=\"TechXchange graphic of photo and graphic patterns\" col={4}>\n\n![TechXchange graphic of photo and graphic patterns](./assets/2306_20_IDL_gallery.png)\n\n</ImageGalleryImage>\n\n<ImageGalleryImage alt=\"IBM Yorktown exterior at night\" title=\"IBM Yorktown exterior at night\" col={8}>\n\n![IBM Yorktown exterior at night](./assets/2306_21_IDL_gallery.jpg)\n\n</ImageGalleryImage>\n<ImageGalleryImage alt=\"IBM country anniversary animation\" title=\"IBM country anniversary animation\" col={4}>\n\n<GifPlayer color=\"dark\">\n\n![IBM country anniversary animation](./assets/2306_22_IDL_gallery.gif)\n![IBM country anniversary animation](./assets/2306_22_IDL_gallery_static.jpg)\n\n</GifPlayer>\n\n</ImageGalleryImage>\n\n<ImageGalleryImage alt=\"IBM consultant welcome kit\" title=\"IBM consultant welcome kit\" col={4}>\n\n![IBM consultant welcome kit](./assets/2306_23_IDL_gallery.jpg)\n\n</ImageGalleryImage>\n<ImageGalleryImage alt=\"IBM Quantum Composer product dashboard\" title=\"IBM Quantum Composer product dashboard\" col={8}>\n\n![IBM Quantum Composer product dashboard](./assets/2306_24_IDL_gallery.png)\n\n</ImageGalleryImage>\n\n<ImageGalleryImage alt=\"flat-style illustration of person at desk at night\" title=\"flat-style illustration of person at desk at night\" col={8}>\n\n![flat-style illustration of person at desk at night](./assets/2306_25_IDL_gallery.png)\n\n</ImageGalleryImage>\n<ImageGalleryImage alt=\"\" title=\"\" col={4}>\n\n![](./assets/2504_26_IDL_gallery.png)\n\n</ImageGalleryImage>\n\n<ImageGalleryImage alt=\"event invitation in architectural blueprint style\" title=\"event invitation in architectural blueprint style\" col={4}>\n\n![event invitation in architectural blueprint style](./assets/2405_27_IDL_gallery.png)\n\n</ImageGalleryImage>\n<ImageGalleryImage alt=\"three colleagues on casual seating viewing laptop\" title=\"three colleagues on casual seating viewing laptop\" col={8}>\n\n![three colleagues on casual seating viewing laptop](./assets/2306_28_IDL_gallery.jpg)\n\n</ImageGalleryImage>\n\n<ImageGalleryImage alt=\"flat-style illustrations of people in clothing representing various industries\" title=\"flat-style illustrations of people in clothing representing various industries\" col={12}>\n\n![flat-style illustrations of people in clothing representing various industries](./assets/2306_29_IDL_gallery.png)\n\n</ImageGalleryImage>\n\n<ImageGalleryImage alt=\"digital rendering of shifting blue grid pattern\" title=\"digital rendering of shifting blue grid pattern\" col={8}>\n\n![digital rendering of shifting blue grid pattern](./assets/2306_30_IDL_gallery.jpg)\n\n</ImageGalleryImage>\n<ImageGalleryImage alt=\"portrait of person at laptop in front of whiteboard on office wall\" title=\"portrait of person at laptop in front of whiteboard on office wall\" col={4}>\n\n![portrait of person at laptop in front of whiteboard on office wall](./assets/2306_31_IDL_gallery.jpg)\n\n</ImageGalleryImage>\n\n<ImageGalleryImage alt=\"flat-style illustration of person riding bicycle\" title=\"flat-style illustration of person riding bicycle\" col={4}>\n\n![flat-style illustration of person riding bicycle](./assets/2306_32_IDL_gallery.png)\n\n</ImageGalleryImage>\n<ImageGalleryImage alt=\"illustration of three mobile mockups of IBM Design Language site\" title=\"illustration of three mobile mockups of IBM Design Language site\" col={8}>\n\n![illustration of three mobile mockups of IBM Design Language site](./assets/2306_33_IDL_gallery.png)\n\n</ImageGalleryImage>\n\n<ImageGalleryImage alt=\"sample technical diagram\" title=\"sample technical diagram\" col={8}>\n\n![sample technical diagram](./assets/2306_34_IDL_gallery_v2.png)\n\n</ImageGalleryImage>\n<ImageGalleryImage alt=\"overhead view of hardware components on table\" title=\"overhead view of hardware components on table\" col={4}>\n\n![overhead view of hardware components on table](./assets/2306_35_IDL_gallery.jpg)\n\n</ImageGalleryImage>\n\n<ImageGalleryImage alt=\"isometric illustration of a quantum computer in blue and gray\" title=\"isometric illustration of a quantum computer in blue and gray\" col={4}>\n\n![isometric illustration of a quantum computer in blue and gray](./assets/2306_36_IDL_gallery.png)\n\n</ImageGalleryImage>\n<ImageGalleryImage alt=\"IBM Plex Japanese\" title=\"IBM Plex Japanese\" col={8}>\n\n![IBM Plex Japanese](./assets/2306_37_IDL_gallery.png)\n\n</ImageGalleryImage>\n\n<ImageGalleryImage alt=\"printed circuit boards\" title=\"printed circuit boards\" col={4}>\n\n![printed circuit boards](./assets/2306_38_IDL_gallery.jpg)\n\n</ImageGalleryImage>\n<ImageGalleryImage alt=\"industrial drill\" title=\"industrial drill\" col={4}>\n\n![industrial drill](./assets/2306_39_IDL_gallery.jpg)\n\n</ImageGalleryImage>\n<ImageGalleryImage alt=\"server components\" title=\"server components\" col={4}>\n\n![server components](./assets/2306_40_IDL_gallery.jpg)\n\n</ImageGalleryImage>\n\n<ImageGalleryImage alt=\"animation of dimensional details of the IBM 8-bar logo\" title=\"animation of dimensional details of the IBM 8-bar logo\" col={8}>\n\n<GifPlayer color=\"dark\" className=\"video-player\">\n\n<video\n  autoPlay loop muted\n  src=\"https://www.ibm.com/design/language/videos/gallery/2306_41_IDL_gallery.mp4\"\n/>\n\n![animation of dimensional details of the IBM 8-bar logo](./assets/2306_41_IDL_gallery_static.jpg)\n\n</GifPlayer>\n\n</ImageGalleryImage>\n<ImageGalleryImage alt=\"IBM LinuxONE web page displayed on tablet\" title=\"IBM LinuxONE web page displayed on tablet\" col={4}>\n\n![IBM LinuxONE web page displayed on tablet](./assets/2306_42_IDL_gallery.png)\n\n</ImageGalleryImage>\n\n<ImageGalleryImage alt=\"\" title=\"\" col={4}>\n\n![](./assets/2504_43_IDL_gallery.png)\n\n</ImageGalleryImage>\n<ImageGalleryImage alt=\"blind employee seated at dedicated workstation\" title=\"blind employee seated at dedicated workstation\" col={8}>\n\n![blind employee seated at dedicated workstation](./assets/2306_44_IDL_gallery.jpg)\n\n</ImageGalleryImage>\n\n<ImageGalleryImage alt=\"animation of abstracted AI model tuning sequence\" title=\"animation of abstracted AI model tuning sequence\" col={12}>\n\n<GifPlayer color=\"dark\" className=\"video-player\">\n\n<video\n  autoPlay loop muted\n  src=\"https://www.ibm.com/design/language/videos/gallery/2306_45_IDL_gallery.mp4\"\n/>\n\n![animation of abstracted AI model tuning sequence](./assets/2306_45_IDL_gallery_static.jpg)\n\n</GifPlayer>\n\n</ImageGalleryImage>\n\n<ImageGalleryImage alt=\"workers in industrial setting wearing safety gear\" title=\"workers in industrial setting wearing safety gear\" col={8}>\n\n![workers in industrial setting wearing safety gear](./assets/2306_46_IDL_gallery.jpg)\n\n</ImageGalleryImage>\n<ImageGalleryImage alt=\"laughing consultant on video call in focus room\" title=\"laughing consultant on video call in focus room\" col={4}>\n\n![laughing consultant on video call in focus room](./assets/2306_47_IDL_gallery.jpg)\n\n</ImageGalleryImage>\n\n<ImageGalleryImage alt=\"animation of IBM Plex typefaces\" title=\"animation of IBM Plex typefaces\" col={4}>\n\n<GifPlayer color=\"light\" className=\"video-player\">\n\n<video\n  autoPlay loop muted\n  src=\"https://www.ibm.com/design/language/videos/gallery/2306_48_IDL_gallery.mp4\"\n/>\n\n![animation of IBM Plex typefaces](./assets/2306_48_IDL_gallery_static.jpg)\n\n</GifPlayer>\n\n</ImageGalleryImage>\n<ImageGalleryImage alt=\"animation of IBM Consulting booklet\" title=\"animation of IBM Consulting booklet\" col={8}>\n\n<GifPlayer color=\"dark\" className=\"video-player\">\n\n<video\n  autoPlay loop muted\n  src=\"https://www.ibm.com/design/language/videos/gallery/2306_49_IDL_gallery.mp4\"\n/>\n\n![animation of IBM Consulting booklet](./assets/2306_49_IDL_gallery_static.jpg)\n\n</GifPlayer>\n\n</ImageGalleryImage>\n\n<ImageGalleryImage alt=\"aerial view of highway intersection with cars and trucks\" title=\"aerial view of highway intersection with cars and trucks\" col={8}>\n\n![aerial view of highway intersection with cars and trucks](./assets/2306_50_IDL_gallery.jpg)\n\n</ImageGalleryImage>\n<ImageGalleryImage alt=\"flat-style illustration of flowers\" title=\"flat-style illustration of flowers\" col={4}>\n\n![flat-style illustration of flowers](./assets/2306_51_IDL_gallery.png)\n\n</ImageGalleryImage>\n\n<ImageGalleryImage alt=\"journal cover art with Let's create and IBM rebus\" title=\"journal cover art with Let's create and IBM rebus\" col={4}>\n\n![journal cover art with Let's create and IBM rebus](./assets/2306_52_IDL_gallery.png)\n\n</ImageGalleryImage>\n<ImageGalleryImage alt=\"IBM Digital Analytics product dashboard\" title=\"IBM Digital Analytics product dashboard\" col={4}>\n\n![IBM Digital Analytics product dashboard](./assets/2306_53_IDL_gallery.png)\n\n</ImageGalleryImage>\n<ImageGalleryImage alt=\"two people in clean room garb looking at computer monitor\" title=\"two people in clean room garb looking at computer monitor\" col={4}>\n\n![two people in clean room garb looking at computer monitor](./assets/2306_54_IDL_gallery.jpg)\n\n</ImageGalleryImage>\n\n<ImageGalleryImage alt=\"IBM QRadar product launch animation\" title=\"IBM QRadar product launch animation\" col={12}>\n\n<GifPlayer color=\"dark\" className=\"video-player\">\n\n<video\n  autoPlay loop muted\n  src=\"https://www.ibm.com/design/language/videos/gallery/2306_55_IDL_gallery.mp4\"\n/>\n\n![IBM QRadar product launch animation](./assets/2306_55_IDL_gallery_static.jpg)\n\n</GifPlayer>\n\n</ImageGalleryImage>\n\n<ImageGalleryImage alt=\"flat-style illustration in blues\" title=\"flat-style illustration in blues\" col={4}>\n\n![flat-style illustration in blues](./assets/2306_56_IDL_gallery.png)\n\n</ImageGalleryImage>\n<ImageGalleryImage alt=\"digital renderings of Think plaques in multiple colors and languages\" title=\"digital renderings of Think plaques in multiple colors and languages\" col={4}>\n\n![digital renderings of Think plaques in multiple colors and languages](./assets/2306_57_IDL_gallery.jpg)\n\n</ImageGalleryImage>\n<ImageGalleryImage alt=\"animation of lenticular pattern wall\" title=\"animation of lenticular pattern wall\" col={4}>\n\n<GifPlayer color=\"dark\" className=\"video-player\">\n\n<video\n  autoPlay loop muted\n  src=\"https://www.ibm.com/design/language/videos/gallery/2306_58_IDL_gallery.mp4\"\n/>\n\n![animation of lenticular pattern wall](./assets/2306_58_IDL_gallery_static.jpg)\n\n</GifPlayer>\n\n</ImageGalleryImage>\n\n<ImageGalleryImage alt=\"IBM installation in Munich\" title=\"IBM installation in Munich\" col={8}>\n\n![IBM installation in Munich](./assets/2405_59_IDL_gallery.png)\n\n</ImageGalleryImage>\n<ImageGalleryImage alt=\"portait of person in server room at laptop\" title=\"portait of person in server room at laptop\" col={4}>\n\n![portait of person in server room at laptop](./assets/2306_60_IDL_gallery.jpg)\n\n</ImageGalleryImage>\n\n<ImageGalleryImage alt=\"animation of Carbon calendar component\" title=\"animation of Carbon calendar component\" col={4}>\n\n<GifPlayer color=\"light\" className=\"video-player\">\n\n<video\n  autoPlay loop muted\n  src=\"https://www.ibm.com/design/language/videos/gallery/2306_61_IDL_gallery.mp4\"\n/>\n\n![animation of Carbon calendar component](./assets/2306_61_IDL_gallery_static.jpg)\n\n</GifPlayer>\n\n</ImageGalleryImage>\n<ImageGalleryImage alt=\"illustration of security attack surfaces\" title=\"illustration of security attack surfaces\" col={8}>\n\n![illustration of security attack surfaces](./assets/2306_62_IDL_gallery.png)\n\n</ImageGalleryImage>\n\n<ImageGalleryImage alt=\"digital rendering of moving fibers in blues\" title=\"digital rendering of moving fibers in blues\" col={4}>\n\n![digital rendering of moving fibers in blues](./assets/2306_63_IDL_gallery.jpg)\n\n</ImageGalleryImage>\n<ImageGalleryImage alt=\"portrait of person in clean room pouring liquid\" title=\"portrait of person in clean room pouring liquid\" col={4}>\n\n![portrait of person in clean room pouring liquid](./assets/2306_64_IDL_gallery.jpg)\n\n</ImageGalleryImage>\n<ImageGalleryImage alt=\"IBM Security mobile app for identity verification\" title=\"IBM Security mobile app for identity verification\" col={4}>\n\n![IBM Security mobile app for identity verification](./assets/2405_65_IDL_gallery.png)\n\n</ImageGalleryImage>\n\n<ImageGalleryImage alt=\"aerial view of factory floor with workers\" title=\"aerial view of factory floor with workers\" col={8}>\n\n![aerial view of factory floor with workers](./assets/2306_66_IDL_gallery.jpg)\n\n</ImageGalleryImage>\n<ImageGalleryImage alt=\"servers in room awaiting configuration\" title=\"servers in room awaiting configuration\" col={4}>\n\n![servers in room awaiting configuration](./assets/2306_67_IDL_gallery.jpg)\n\n</ImageGalleryImage>\n\n<ImageGalleryImage alt=\"flat-style illustration of person seated with laptop\" title=\"flat-style illustration of person seated with laptop\" col={4}>\n\n![flat-style illustration of person seated with laptop](./assets/2306_68_IDL_gallery.png)\n\n</ImageGalleryImage>\n<ImageGalleryImage alt=\"Think studio set with host conducting SME interview\" title=\"Think studio set with host conducting SME interview\" col={8}>\n\n![Think studio set with host conducting SME interview](./assets/2306_69_IDL_gallery.jpg)\n\n</ImageGalleryImage>\n\n<ImageGalleryImage alt=\"flat-style illustration in greens\" title=\"flat-style illustration in greens\" col={4}>\n\n![flat-style illustration in greens](./assets/2306_70_IDL_gallery.png)\n\n</ImageGalleryImage>\n<ImageGalleryImage alt=\"social media banner on mobile phone\" title=\"social media banner on mobile phone\" col={4}>\n\n![social media banner on mobile phone](./assets/2306_71_IDL_gallery.jpg)\n\n</ImageGalleryImage>\n<ImageGalleryImage alt=\"isometric illustration of IBM Z mainframe\" title=\"isometric illustration of IBM Z mainframe\" col={4}>\n\n![isometric illustration of IBM Z mainframe](./assets/2306_72_IDL_gallery.png)\n\n</ImageGalleryImage>\n\n<ImageGalleryImage alt=\"still image of watsonx render\" title=\"still image of watsonx render\" col={8}>\n\n![still image of watsonx render](./assets/2306_73_IDL_gallery.jpg)\n\n</ImageGalleryImage>\n<ImageGalleryImage alt=\"flat-style illustration of hand on grid of blues\" title=\"flat-style illustration of hand on grid of blues\" col={4}>\n\n![flat-style illustration of hand on grid of blues](./assets/2306_74_IDL_gallery.png)\n\n</ImageGalleryImage>\n\n<ImageGalleryImage alt=\"flat-style illustration of a set of eyes\" title=\"flat-style illustration of a set of eyes\" col={4}>\n\n<GifPlayer color=\"light\" className=\"video-player\">\n\n<video\n  autoPlay loop muted\n  src=\"https://www.ibm.com/design/language/videos/gallery/2306_75_IDL_gallery.mp4\"\n/>\n\n![flat-style illustration of a set of eyes](./assets/2306_75_IDL_gallery_static.jpg)\n\n</GifPlayer>\n\n</ImageGalleryImage>\n<ImageGalleryImage alt=\"animation\" title=\"animation\" col={8}>\n\n<GifPlayer color=\"light\" className=\"video-player\">\n\n<video\n  autoPlay autoStart loop muted\n  src=\"https://www.ibm.com/design/language/videos/gallery/2405_76_IDL_gallery.mp4\"\n/>\n\n![animation](./assets/2306_76_IDL_gallery_static.jpg)\n\n</GifPlayer>\n\n</ImageGalleryImage>\n\n<ImageGalleryImage alt=\"sustainability webpage in laptop mockup\" title=\"sustainability webpage in laptop mockup\" col={4}>\n\n![sustainability webpage in laptop mockup](./assets/2306_77_IDL_gallery.png)\n\n</ImageGalleryImage>\n<ImageGalleryImage alt=\"IBM location exterior\" title=\"IBM location exterior\" col={4}>\n\n![IBM location exterior](./assets/2306_78_IDL_gallery.jpg)\n\n</ImageGalleryImage>\n<ImageGalleryImage alt=\"line-style illustration for sustainability\" title=\"line-style illustration for sustainability\" col={4}>\n\n![line-style illustration for sustainability](./assets/2306_79_IDL_gallery.png)\n\n</ImageGalleryImage>\n\n<ImageGalleryImage alt=\"neon rebus in hallway with person walking nearby\" title=\"neon rebus in hallway with person walking nearby\" col={4}>\n\n![neon rebus in hallway with person walking nearby](./assets/2306_80_IDL_gallery.jpg)\n\n</ImageGalleryImage>\n<ImageGalleryImage alt=\"IBM Developer posters\" title=\"IBM Developer posters\" col={8}>\n\n![IBM Developer posters](./assets/2406_81_IDL_gallery.png)\n\n</ImageGalleryImage>\n\n<ImageGalleryImage alt=\"line-style illustration with person walking up stairs\" title=\"line-style illustration with person walking up stairs\" col={8}>\n\n![line-style illustration with person walking up stairs](./assets/2306_82_IDL_gallery.png)\n\n</ImageGalleryImage>\n<ImageGalleryImage alt=\"line-style animation of white hand on blue background\" title=\"line-style animation of white hand on blue background\" col={4}>\n\n<GifPlayer color=\"light\">\n\n![line-style animation of white hand on blue background](./assets/2306_83_IDL_gallery.gif)\n![line-style animation of white hand on blue background](./assets/2306_83_IDL_gallery_static.jpg)\n\n</GifPlayer>\n\n</ImageGalleryImage>\n\n<ImageGalleryImage alt=\"portrait of IBM employee in anechoic test chamber with server\" title=\"portrait of IBM employee in anechoic test chamber with server\" col={4}>\n\n![portrait of IBM employee in anechoic test chamber with server](./assets/2306_84_IDL_gallery.jpg)\n\n</ImageGalleryImage>\n<ImageGalleryImage alt=\"newsprint ad for IBM Security\" title=\"newsprint ad for IBM Security\" col={4}>\n\n![newsprint ad for IBM Security](./assets/2306_85_IDL_gallery.png)\n\n</ImageGalleryImage>\n<ImageGalleryImage alt=\"digital rendering of exploded view of IBM hardware\" title=\"digital rendering of exploded view of IBM hardware\" col={4}>\n\n![digital rendering of exploded view of IBM hardware](./assets/2306_86_IDL_gallery.jpg)\n\n</ImageGalleryImage>\n\n<ImageGalleryImage alt=\"high-resolution media display for IBM Security featuring aurora and pattern\" title=\"high-resolution media display for IBM Security featuring aurora and pattern\" col={8}>\n\n<GifPlayer color=\"light\" className=\"video-player\">\n\n<video\n  autoPlay loop muted\n  src=\"https://www.ibm.com/design/language/videos/gallery/2306_87_IDL_gallery.mp4\"\n/>\n\n![high-resolution media display for IBM Security featuring aurora and pattern](./assets/2306_87_IDL_gallery_static.jpg)\n\n</GifPlayer>\n\n</ImageGalleryImage>\n<ImageGalleryImage alt=\"portraits of IBM Partner Plus consultants\" title=\"portraits of IBM Partner Plus consultants\" col={4}>\n\n![portraits of IBM Partner Plus consultants](./assets/2306_88_IDL_gallery.png)\n\n</ImageGalleryImage>\n\n<ImageGalleryImage alt=\"person walking in an IBM event installation\" title=\"person walking in an IBM event installation\" col={4}>\n\n![person walking in an IBM event installation](./assets/2306_89_IDL_gallery.jpg)\n\n</ImageGalleryImage>\n<ImageGalleryImage alt=\"isometric-style illustration of booth layout for event\" title=\"isometric-style illustration of booth layout for event\" col={8}>\n\n![isometric-style illustration of booth layout for event](./assets/2306_90_IDL_gallery.png)\n\n</ImageGalleryImage>\n\n<ImageGalleryImage alt=\"materiality options in wayfinding signage\" title=\"materiality options in wayfinding signage\" col={4}>\n\n<GifPlayer color=\"dark\" className=\"video-player\">\n\n<video\n  autoPlay loop muted\n  src=\"https://www.ibm.com/design/language/videos/gallery/2306_91_IDL_gallery.mp4\"\n/>\n\n![materiality options in wayfinding signage](./assets/2306_91_IDL_gallery_static.jpg)\n\n</GifPlayer>\n\n</ImageGalleryImage>\n<ImageGalleryImage alt=\"wood wall featuring Plex pattern\" title=\"wood wall featuring Plex pattern\" col={4}>\n\n![wood wall featuring Plex pattern](./assets/2306_92_IDL_gallery.jpg)\n\n</ImageGalleryImage>\n<ImageGalleryImage alt=\"wayfinding signage with IBM bee\" title=\"wayfinding signage with IBM bee\" col={4}>\n\n![wayfinding signage with IBM bee](./assets/2306_93_IDL_gallery.jpg)\n\n</ImageGalleryImage>\n\n<ImageGalleryImage alt=\"portrait of worker in huge greenhouse\" title=\"portrait of worker in huge greenhouse\" col={8}>\n\n![portrait of worker in huge greenhouse](./assets/2306_96_IDL_gallery.jpg)\n\n</ImageGalleryImage>\n<ImageGalleryImage alt=\"isometric illustration of greenhouses\" title=\"isometric illustration of greenhouses\" col={4}>\n\n![isometric illustration of greenhouses](./assets/2306_95_IDL_gallery.png)\n\n</ImageGalleryImage>\n\n<ImageGalleryImage alt=\"digital rendering of square to circle progression on a dot grid\" title=\"digital rendering of square to circle progression on a dot grid\" col={4}>\n\n![digital rendering of square to circle progression on a dot grid](./assets/2306_97_IDL_gallery.png)\n\n</ImageGalleryImage>\n<ImageGalleryImage alt=\"people in hard hats in industrial setting\" title=\"people in hard hats in industrial setting\" col={4}>\n\n![people in hard hats in industrial setting](./assets/2306_98_IDL_gallery.jpg)\n\n</ImageGalleryImage>\n<ImageGalleryImage alt=\"two-sided rollup banner for IBM Research event\" title=\"two-sided rollup banner for IBM Research event\" col={4}>\n\n![two-sided rollup banner for IBM Research event](./assets/2406_99_IDL_gallery.png)\n\n</ImageGalleryImage>\n\n<ImageGalleryImage alt=\"animation of data fabric concept\" title=\"animation of data fabric concept\" col={8}>\n\n<GifPlayer color=\"light\" className=\"video-player\">\n\n<video\n  autoPlay loop muted\n  src=\"https://www.ibm.com/design/language/videos/gallery/2306_100_IDL_gallery.mp4\"\n/>\n\n![animation of data fabric concept](./assets/2306_100_IDL_gallery_static.jpg)\n\n</GifPlayer>\n\n</ImageGalleryImage>\n<ImageGalleryImage alt=\"flat-style illustration with circles and squares forming heart\" title=\"flat-style illustration with circles and squares forming heart\" col={4}>\n\n![flat-style illustration with circles and squares forming heart](./assets/2306_101_IDL_gallery.png)\n\n</ImageGalleryImage>\n\n<ImageGalleryImage alt=\"Think 2023 event announcements scrolling on laptop\" title=\"Think 2023 event announcements scrolling on laptop\" col={4}>\n\n![Think 2023 event announcements scrolling on laptop](./assets/2405_102_IDL_gallery.png)\n\n</ImageGalleryImage>\n<ImageGalleryImage alt=\"worker's hand in lab setting with fluid-filled beakers in various colors\" title=\"worker's hand in lab setting with fluid-filled beakers in various colors\" col={8}>\n\n![worker's hand in lab setting with fluid-filled beakers in various colors](./assets/2306_103_IDL_gallery.jpg)\n\n</ImageGalleryImage>\n\n</ImageGallery> \n</div>\n","fileAbsolutePath":"/home/runner/work/design-language-website/design-language-website/src/pages/gallery/index.mdx"}}},
    "staticQueryHashes": ["1364590287","137577622","2102389209","2456312558","2746626797","2881613939","3037994772","768070550"]}