https://www.aditibahri.com/home daily 1.0 2026-01-23 https://images.squarespace-cdn.com/content/v1/675cb7c1face3505fa18f4cb/1734129601860-C5JG3IGU0WCBUZOPJ71G/HPE+-+NameValue+List%402x.png Home - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/675cb7c1face3505fa18f4cb/1734129601864-7AGVDRSMEIWTT8FQHRJ1/home-thumb-ck%402x.png Home https://images.squarespace-cdn.com/content/v1/675cb7c1face3505fa18f4cb/1734129601868-4F0RS4LBD430FO1O9I4A/home-thumb-hp%402x.png Home https://images.squarespace-cdn.com/content/v1/675cb7c1face3505fa18f4cb/1734129601860-C5JG3IGU0WCBUZOPJ71G/HPE+-+NameValue+List%402x.png Home - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/675cb7c1face3505fa18f4cb/1734129601864-7AGVDRSMEIWTT8FQHRJ1/home-thumb-ck%402x.png Home https://images.squarespace-cdn.com/content/v1/675cb7c1face3505fa18f4cb/1734129601868-4F0RS4LBD430FO1O9I4A/home-thumb-hp%402x.png Home https://www.aditibahri.com/hpe-design-system-name-value-list daily 0.75 2026-01-23 https://images.squarespace-cdn.com/content/v1/675cb7c1face3505fa18f4cb/1734129603875-LWRM3J06XRCMWCJXHSPZ/Screen+Shot+2022-01-07+at+1.32.41+PM+%282%29.jpg Name-Value List Component Design https://images.squarespace-cdn.com/content/v1/675cb7c1face3505fa18f4cb/1734129603879-GSZ43UB9N50XP0DA9TGD/Use+Cases.png Name-Value List Component Design Some screenshots of PropertyList use cases across HPE service apps. Some inconsistencies that immediately stood out for me were around spacing, font styling and layout. https://images.squarespace-cdn.com/content/v1/675cb7c1face3505fa18f4cb/1734129603884-2WOYMZ3PYL5M10ICTJKC/Value+content+types.png Name-Value List Component Design Exercise in categorizing the different types of content presented in the ‘value’ field https://images.squarespace-cdn.com/content/v1/675cb7c1face3505fa18f4cb/1734129603888-5TD37HLZE04QMY89AU6R/Anatomy+of+name-value+pair.png Name-Value List Component Design - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/675cb7c1face3505fa18f4cb/1734129603892-7VDJZKOTWHV1N5QPBA9O/content+hierarchy.png Name-Value List Component Design - Make it stand out Examples including “do’s” and dont’s” to demonstrate content hierarchy and visual design guidelines https://images.squarespace-cdn.com/content/v1/675cb7c1face3505fa18f4cb/1734129603896-D7X6V4BB8INGK2XGXUZ1/Variants.png Name-Value List Component Design - Make it stand out Image showing NameValue List variants: Horizontal, Vertical, Grid https://images.squarespace-cdn.com/content/v1/675cb7c1face3505fa18f4cb/1734129603900-D3ZUMQ4L3NEMCCBK8QBI/slack+poll-naming.png Name-Value List Component Design - Make it stand out Screenshot from Slack showing a quick team poll to align on naming. https://images.squarespace-cdn.com/content/v1/675cb7c1face3505fa18f4cb/1734129603903-HJ2XV0XJKLK1DYBNR6TJ/Responsiveness.png Name-Value List Component Design https://images.squarespace-cdn.com/content/v1/675cb7c1face3505fa18f4cb/1734129603907-3WRVUZC5KKFSUZ6CNAL2/Grommet.png Name-Value List Component Design - Make it stand out NameValue List component as built on Grommet (dev framework for the HPE Design System). Any new component has to be built on Grommet before customizing and styling it for the HPE theme. https://images.squarespace-cdn.com/content/v1/675cb7c1face3505fa18f4cb/1734129603911-RAJ7DAW8TAQSZQL3V3BC/name+value+list+interaction.png Name-Value List Component Design - Make it stand out Interactive NameValue Lists: Name-Value Pair as a read-only display for horizontal forms; Content truncation for longer descriptions https://images.squarespace-cdn.com/content/v1/675cb7c1face3505fa18f4cb/1734129603916-7D5G3KMLXA68ZFQDZ5AT/Screen+Shot+2022-01-10+at+1.44.19+PM.png Name-Value List Component Design - Make it stand out Creating and publishing component in Figma https://images.squarespace-cdn.com/content/v1/675cb7c1face3505fa18f4cb/1734129603875-LWRM3J06XRCMWCJXHSPZ/Screen+Shot+2022-01-07+at+1.32.41+PM+%282%29.jpg Name-Value List Component Design https://images.squarespace-cdn.com/content/v1/675cb7c1face3505fa18f4cb/1734129603879-GSZ43UB9N50XP0DA9TGD/Use+Cases.png Name-Value List Component Design Some screenshots of PropertyList use cases across HPE service apps. Some inconsistencies that immediately stood out for me were around spacing, font styling and layout. https://images.squarespace-cdn.com/content/v1/675cb7c1face3505fa18f4cb/1734129603884-2WOYMZ3PYL5M10ICTJKC/Value+content+types.png Name-Value List Component Design Exercise in categorizing the different types of content presented in the ‘value’ field https://images.squarespace-cdn.com/content/v1/675cb7c1face3505fa18f4cb/1734129603888-5TD37HLZE04QMY89AU6R/Anatomy+of+name-value+pair.png Name-Value List Component Design - Make it stand out Whatever it is, the way you tell your story online can make all the difference. https://images.squarespace-cdn.com/content/v1/675cb7c1face3505fa18f4cb/1734129603892-7VDJZKOTWHV1N5QPBA9O/content+hierarchy.png Name-Value List Component Design - Make it stand out Examples including “do’s” and dont’s” to demonstrate content hierarchy and visual design guidelines https://images.squarespace-cdn.com/content/v1/675cb7c1face3505fa18f4cb/1734129603896-D7X6V4BB8INGK2XGXUZ1/Variants.png Name-Value List Component Design - Make it stand out Image showing NameValue List variants: Horizontal, Vertical, Grid https://images.squarespace-cdn.com/content/v1/675cb7c1face3505fa18f4cb/1734129603900-D3ZUMQ4L3NEMCCBK8QBI/slack+poll-naming.png Name-Value List Component Design - Make it stand out Screenshot from Slack showing a quick team poll to align on naming. https://images.squarespace-cdn.com/content/v1/675cb7c1face3505fa18f4cb/1734129603903-HJ2XV0XJKLK1DYBNR6TJ/Responsiveness.png Name-Value List Component Design https://images.squarespace-cdn.com/content/v1/675cb7c1face3505fa18f4cb/1734129603907-3WRVUZC5KKFSUZ6CNAL2/Grommet.png Name-Value List Component Design - Make it stand out NameValue List component as built on Grommet (dev framework for the HPE Design System) https://images.squarespace-cdn.com/content/v1/675cb7c1face3505fa18f4cb/1734129603911-RAJ7DAW8TAQSZQL3V3BC/name+value+list+interaction.png Name-Value List Component Design - Make it stand out Interactive NameValue Lists: Name-Value Pair as a read-only display for horizontal forms; Content truncation for longer descriptions https://images.squarespace-cdn.com/content/v1/675cb7c1face3505fa18f4cb/1734129603916-7D5G3KMLXA68ZFQDZ5AT/Screen+Shot+2022-01-10+at+1.44.19+PM.png Name-Value List Component Design - Make it stand out Creating and publishing component in Figma https://www.aditibahri.com/common-kit daily 0.75 2026-01-23 https://images.squarespace-cdn.com/content/v1/675cb7c1face3505fa18f4cb/1734129614202-6BLB7QWD1ZYKEA9LBPW1/Common+Kit%402x.png Common Kit https://images.squarespace-cdn.com/content/v1/675cb7c1face3505fa18f4cb/1734129614207-1B4LIIUX8J0LUXIMPLTU/legacy+code%402x.png Common Kit https://images.squarespace-cdn.com/content/v1/675cb7c1face3505fa18f4cb/1734129614212-BIHEC9DDPGBOD3GAWTGF/building+relationships%402x.png Common Kit Screenshots of two existing engineer-led initiatives: An effort to document the use of font icons across the Consumer site (left) and a CSS style document for the Education site (right) https://images.squarespace-cdn.com/content/v1/675cb7c1face3505fa18f4cb/1734129614216-WHDYJS1YDWXO566V4NV4/site+audit%402x.png Common Kit https://images.squarespace-cdn.com/content/v1/675cb7c1face3505fa18f4cb/1734129614221-CRRFOAH2O3W3NPEZOYIF/site+audit+copy%402x.png Common Kit https://images.squarespace-cdn.com/content/v1/675cb7c1face3505fa18f4cb/1734129614225-J2FZCZMWF8SJGTW8NPF5/layout-grid+system%402x.png Common Kit https://images.squarespace-cdn.com/content/v1/675cb7c1face3505fa18f4cb/1734129614229-HNLTO3P9FSVAI62GNLNC/Common-kit-github-page%402x.png Common Kit https://images.squarespace-cdn.com/content/v1/675cb7c1face3505fa18f4cb/1734129614233-9J33L16T466R41YFUYTS/Common-kit-sketch-01%402x.png Common Kit https://images.squarespace-cdn.com/content/v1/675cb7c1face3505fa18f4cb/1734129614237-F3EIOPO5A2FBS2019A2I/Common-kit-sketch-02%402x.png Common Kit https://images.squarespace-cdn.com/content/v1/675cb7c1face3505fa18f4cb/1734129614242-VFI8QW0AEAETQAWXB4TJ/Common-kit-sketch-icon-03%402x.png Common Kit https://images.squarespace-cdn.com/content/v1/675cb7c1face3505fa18f4cb/1734129614246-BNK11STD0A8DOQX6Y9HX/Screen%2BShot%2B2021-01-19%2Bat%2B11.01.39%2BPM.png Common Kit A snapshot of the Asana dashboard showing the current workflow: (1) Research: Is it component-worthy? (2) Design (3) Engineering (4) Code review (5) Design review (6) Documentation review https://images.squarespace-cdn.com/content/v1/675cb7c1face3505fa18f4cb/1734129614202-6BLB7QWD1ZYKEA9LBPW1/Common+Kit%402x.png Common Kit https://images.squarespace-cdn.com/content/v1/675cb7c1face3505fa18f4cb/1734129614207-1B4LIIUX8J0LUXIMPLTU/legacy+code%402x.png Common Kit https://images.squarespace-cdn.com/content/v1/675cb7c1face3505fa18f4cb/1734129614212-BIHEC9DDPGBOD3GAWTGF/building+relationships%402x.png Common Kit Screenshots of two existing engineer-led initiatives: A documentation of used font icons across the Consumer site (left) and a CSS style document for the Education site (right) https://images.squarespace-cdn.com/content/v1/675cb7c1face3505fa18f4cb/1734129614216-WHDYJS1YDWXO566V4NV4/site+audit%402x.png Common Kit https://images.squarespace-cdn.com/content/v1/675cb7c1face3505fa18f4cb/1734129614221-CRRFOAH2O3W3NPEZOYIF/site+audit+copy%402x.png Common Kit https://images.squarespace-cdn.com/content/v1/675cb7c1face3505fa18f4cb/1734129614225-J2FZCZMWF8SJGTW8NPF5/layout-grid+system%402x.png Common Kit https://images.squarespace-cdn.com/content/v1/675cb7c1face3505fa18f4cb/1734129614229-HNLTO3P9FSVAI62GNLNC/Common-kit-github-page%402x.png Common Kit https://images.squarespace-cdn.com/content/v1/675cb7c1face3505fa18f4cb/1734129614233-9J33L16T466R41YFUYTS/Common-kit-sketch-01%402x.png Common Kit https://images.squarespace-cdn.com/content/v1/675cb7c1face3505fa18f4cb/1734129614237-F3EIOPO5A2FBS2019A2I/Common-kit-sketch-02%402x.png Common Kit https://images.squarespace-cdn.com/content/v1/675cb7c1face3505fa18f4cb/1734129614242-VFI8QW0AEAETQAWXB4TJ/Common-kit-sketch-icon-03%402x.png Common Kit https://images.squarespace-cdn.com/content/v1/675cb7c1face3505fa18f4cb/1734129614246-BNK11STD0A8DOQX6Y9HX/Screen%2BShot%2B2021-01-19%2Bat%2B11.01.39%2BPM.png Common Kit A snapshot of the Asana dashboard showing the current workflow: (1) Research: Is it component-worthy? (2) Design (3) Engineering (4) Code review (5) Design review (6) Documentation review https://www.aditibahri.com/csm-homepage daily 0.75 2026-01-23 https://images.squarespace-cdn.com/content/v1/675cb7c1face3505fa18f4cb/1734129616096-J5WQ4QS1FPKS4K5TX3AC/IMG_6482.JPG Homepage Redesign https://images.squarespace-cdn.com/content/v1/675cb7c1face3505fa18f4cb/1734129616101-FB5EPWEQM38L52QDW94E/homepage+-+before.png Homepage Redesign https://images.squarespace-cdn.com/content/v1/675cb7c1face3505fa18f4cb/1734129616106-ZEX9JNI9YXH10G2LOCJ0/before+after+copy.png Homepage Redesign https://images.squarespace-cdn.com/content/v1/675cb7c1face3505fa18f4cb/1734129616111-AJ0BTRQDURBIGZJIH0R6/IMG_6101.jpg Homepage Redesign https://images.squarespace-cdn.com/content/v1/675cb7c1face3505fa18f4cb/1734129616115-8RZSCW3PU4AJ6GPIOUHE/Screenshot_2021-02-21%2BConsumer%2BHomepage%2BScreens%2B-%2BInVision.jpg Homepage Redesign A screenshot from the Invision project to showcase design iterations of the homepage https://images.squarespace-cdn.com/content/v1/675cb7c1face3505fa18f4cb/1734129616121-5ELCV9AUEWS6ASGSIDB4/homepage+-+after+mobile%402x.png Homepage Redesign https://images.squarespace-cdn.com/content/v1/675cb7c1face3505fa18f4cb/1734129616126-PNR3UW704SF8UH8Z6EZN/homepage+-+after%402x.png Homepage Redesign https://images.squarespace-cdn.com/content/v1/675cb7c1face3505fa18f4cb/1734129616096-J5WQ4QS1FPKS4K5TX3AC/IMG_6482.JPG Homepage Redesign https://images.squarespace-cdn.com/content/v1/675cb7c1face3505fa18f4cb/1734129616101-FB5EPWEQM38L52QDW94E/homepage+-+before.png Homepage Redesign https://images.squarespace-cdn.com/content/v1/675cb7c1face3505fa18f4cb/1734129616106-ZEX9JNI9YXH10G2LOCJ0/before+after+copy.png Homepage Redesign https://images.squarespace-cdn.com/content/v1/675cb7c1face3505fa18f4cb/1734129616111-AJ0BTRQDURBIGZJIH0R6/IMG_6101.jpg Homepage Redesign https://images.squarespace-cdn.com/content/v1/675cb7c1face3505fa18f4cb/1734129616115-8RZSCW3PU4AJ6GPIOUHE/Screenshot_2021-02-21%2BConsumer%2BHomepage%2BScreens%2B-%2BInVision.jpg Homepage Redesign A screenshot from the Invision project to showcase design iterations of the homepage https://images.squarespace-cdn.com/content/v1/675cb7c1face3505fa18f4cb/1734129616121-5ELCV9AUEWS6ASGSIDB4/homepage+-+after+mobile%402x.png Homepage Redesign https://images.squarespace-cdn.com/content/v1/675cb7c1face3505fa18f4cb/1734129616126-PNR3UW704SF8UH8Z6EZN/homepage+-+after%402x.png Homepage Redesign https://www.aditibahri.com/under-construction-1 daily 0.75 2026-01-23