While the aesthetic Zen is minimal, the design system is robust and compiled of an extensive library of components. The components have detailed specifications, including spacings between elements, created with ︎︎︎Spaces, allowing designers and engineers to toggle them when needed.
The typography features Gerstner Program and Söhne Breit, balancing function and expression. The typographic scale is classic, setting constraints yet allowing for deliberate and appropriate design choices. The simple color palette features a small set of grays for the majority of the UI, and a handful of primary accents for status indicators and other semantic needs. Detailed motion specifications were developed, creating a consistent framework for how elements should move within the experience.
The typography features Gerstner Program and Söhne Breit, balancing function and expression. The typographic scale is classic, setting constraints yet allowing for deliberate and appropriate design choices. The simple color palette features a small set of grays for the majority of the UI, and a handful of primary accents for status indicators and other semantic needs. Detailed motion specifications were developed, creating a consistent framework for how elements should move within the experience.
![](https://freight.cargo.site/t/original/i/c1499600b829da3615d3ee72839528450a401c0a4491c02f76c4dba3967a715d/01.01_foundation_grid2x-s.jpg)
![](https://freight.cargo.site/t/original/i/f1257bb73dc8a8759a9fa8953fc5ef756bfb758c691a9614e571dad5f8a74ba4/01.02_foundation_typography2x.jpg)
![](https://freight.cargo.site/t/original/i/d78d186a77290014c314eced939b045a0a078976d2632f8e7626fe2242b9b6b4/01.03_foundation_color2x.jpg)
![](https://freight.cargo.site/t/original/i/a85f6b6edbdb456da50efd1ed613f5067459366d8190b95c0ffa21ac9d070fe2/01.04_foundation_spacing2x-s.jpg)
![](https://freight.cargo.site/t/original/i/6d2ef2c14b6f5b18a1f3d413f628f3ddfdce77caacd9dec06405b246d4c4abae/01.05_foundation_aspect-ratio2x-s.jpg)
![](https://freight.cargo.site/t/original/i/1063b989fe6146f8b33c4e5f5bbebfea9fdc4e944e3cbde62b9b83be46cff095/01.06_foundation_motion2x-s.jpg)
![](https://freight.cargo.site/t/original/i/732913d4672f883d38081f43d37442f4d1ce0a28dd375d6516015551afe1103d/02.01_component_accordion2x-s.jpg)
![](https://freight.cargo.site/t/original/i/6e4418c469273fa6f46ba4f88a732d9a09c12cc706fb736dbb3d5189d0b6e398/02.02_component_audio-player2x.jpg)
![](https://freight.cargo.site/t/original/i/124cd7c1554f534f4e6fe63f24336202b691e0ff14e4043a9e0504b836247186/02.03.01_component_block-text2x.jpg)
![](https://freight.cargo.site/t/original/i/ca51334161e4c1720d38097d804730915cc257734c8eda01ec0fc6c22a71727c/02.03.02_component_block-media2x.jpg)
![](https://freight.cargo.site/t/original/i/e89d89b41a7f5a107da2742a60f82d1065e613a7f33afcf5e57d4cd2f20e9379/02.03.03_component_block-misc2x.jpg)
![](https://freight.cargo.site/t/original/i/fbbbc896c26698ce8da032669c6eaab3ff26b0b4d0d43acda601de3f20da3095/02.03.04_component_block-look-item2x.jpg)
![](https://freight.cargo.site/t/original/i/6d5045846e62be44e19b18c3a7928b868eae55201fc91e26eb4cf33d56f0a1c2/02.03.05_component_block-look2x.jpg)
![](https://freight.cargo.site/t/original/i/c500a63a0dde4b85884650be08b563bc22f5cc300d49ae0592bc3645f55b861a/02.04_component_button2x.jpg)
![](https://freight.cargo.site/t/original/i/045af1db98d96dde4a62df327d26a20979170245ab29e9ad3e2b17248638033b/02.05_component_card-grid2x-1.jpg)
![](https://freight.cargo.site/t/original/i/2683c4a70e6f34c424b34e3e03b8dd432478ae112dd3099b34d045d2a269f462/02.05_component_card-grid2x.jpg)
![](https://freight.cargo.site/t/original/i/ccd979ee31764f80252176878bfef8e4a66b8d7d8c11623908754d7d9da9c0e5/02.06_component_checbox2x-s.jpg)
![](https://freight.cargo.site/t/original/i/267a876fe441a4aee1cb5f45249930e2b20f7b06ae45e60da1b74cd6360d9fe4/02.07_component_chip2x.jpg)
![](https://freight.cargo.site/t/original/i/3cd7663ac2edcc80b6a42cdccf18cac7b81ced6359b42b077cb8022830e18591/02.08.01_component_drawer2x.jpg)
![](https://freight.cargo.site/t/original/i/1165e8564336800f3fab3cb2d9bee8212c23b2f5d9d70118173442d291b8fefe/02.08.02_component_drawer2x.jpg)
![](https://freight.cargo.site/t/original/i/e887fd37c842522962854f25a70b37b910b58af31b858cd1a4308f2f880c1e03/02.08.03_component_drawer2x.jpg)
![](https://freight.cargo.site/t/original/i/17148ffb0be690e3d75dcb98d3976e0fe4237de220a4d72e8a0e8690accf9140/02.09_component_dots2x-s.jpg)
![](https://freight.cargo.site/t/original/i/28f15145dc298c054a4bbcf2147d2207fbe5a3fa1a589f3f555f971b61c95327/02.10_component_dropdown2x-s.jpg)
![](https://freight.cargo.site/t/original/i/fabba958e0b6796891306338bdbcb12ca5a26ce88b610caaae01be72944ea041/02.11_component_feature2x.jpg)
![](https://freight.cargo.site/t/original/i/7318219bc84eaa7012d73478610ff6cfcf64cd2d6c1a426b9cd39feb29b24cb5/02.12_component_filter2x.jpg)
![](https://freight.cargo.site/t/original/i/437b9d57385ea652be3e844c58072bad5ab6b1abd50cca73850d5d5c2797417f/02.13.01_component_footer2x-s.jpg)
![](https://freight.cargo.site/t/original/i/39fa14790278d3d1c6ac66c1c65060784b32395b00ab5ef8d3ca70b20d0904f1/02.13.02_component_footer2x.jpg)
![](https://freight.cargo.site/t/original/i/4446fab27425e71d19f5eed5e959572dd522839babe00004de97435bb0d315e5/02.14_component_form2x.jpg)
![](https://freight.cargo.site/t/original/i/27393b8cd9304e812024d737fc386049865aaa80c6914bb69d5e7ce905e20456/02.15.01_component_header2x-s.jpg)
![](https://freight.cargo.site/t/original/i/05416fff9b200881d33fac53b0cb1a4e336440b99db107aa018c61defef1e86b/02.15.02_component_header2x.jpg)
![](https://freight.cargo.site/t/original/i/ae0217a71a98ea157d800d191bd4630c9e061460024db162890e035346385916/02.16_component_icon2x.jpg)
![](https://freight.cargo.site/t/original/i/6b3586fcdb52a07118d5070e0425a5313fae3720842088b03665bc38c4ec04d8/02.17_component_image2x-s.jpg)
![](https://freight.cargo.site/t/original/i/1682a70a4a0535ca80c51a61d362f0425f311275f3c4d4d2a6d038f32661350a/02.18_component_label2x-s.jpg)
![](https://freight.cargo.site/t/original/i/63613a1b7d730679c251e199f63570be396395f261ea4a5e59e44408d20e4988/02.19_component_link2x.jpg)
![](https://freight.cargo.site/t/original/i/8edac7aa657f29cc5583b5da96cd273f963e9c4a5befdfd8289f8f7a85e113ac/02.20_component_loader2x-s.jpg)
![](https://freight.cargo.site/t/original/i/0d9500b86cc1c8ba718636bac34c29062bb8c0e24555e0e2d593fb136095a13e/02.21_component_look-grid2x.jpg)
![](https://freight.cargo.site/t/original/i/b05c1a02f34b22e619a5ec47c63f09bbf01008819c64c5eee77dea3ef853a458/02.22_component_menu2x-s.jpg)
![](https://freight.cargo.site/t/original/i/d8f0f45a155b4382769019ce92166c8659b5e46a3bc1c125df7d5a4f85ce2939/02.23.01_component_modal2x.jpg)
![](https://freight.cargo.site/t/original/i/b7a3234cd436e39c6a02a5a87686cd0a79d7eae8863873c85298adbb85c385ae/02.23.02_component_modal2x.jpg)
![](https://freight.cargo.site/t/original/i/d68ac98c41b54b6066bb3b54eff6f50217aab80df3939499ad1d1e76496a452b/02.24_component_notification2x.jpg)
![](https://freight.cargo.site/t/original/i/e367d72848e061403c8d9018d0011b8795b4b2578d887db1b7e881bedbb3c0f6/02.25_component_overlay2x.jpg)
![](https://freight.cargo.site/t/original/i/028140c12c11ed64a90e980dc849ea29c7dd437942a9f563fbdbaa054a79a6e0/02.26_component_pagination2x-s.jpg)
![](https://freight.cargo.site/t/original/i/ee0c3e18bd0368d0863e3aa03ab7ef347ea2bab36608ccb44cc89cf232eec8e3/02.27.01_component_product-info2x.jpg)
![](https://freight.cargo.site/t/original/i/4435ed26ca087971f70ecfaa93cf304357aa974f2d47474b15f0a462cf6333fc/02.27.02_component_product-info2x.jpg)
![](https://freight.cargo.site/t/original/i/98db02c29c5f622d8acf69e4f91bbee6dd2de6425018bb59f0d0de28a2006e19/02.27.03_component_product-info2x.jpg)
![](https://freight.cargo.site/t/original/i/5b8ba3eeadd22e2f6612d2b16e7399c9fe57aa0824fc5f4edc14f4084fbe7b0a/02.28.01_component_product-grid2x.jpg)
![](https://freight.cargo.site/t/original/i/6223aa42d89b0cd25dcbdee616b897acd92171cef0667814b0c64c741ea4e712/02.28.02_component_product-grid2x-s.jpg)
![](https://freight.cargo.site/t/original/i/84b572513bdcfd3619a1b524ad563102390572f537f1146b0a707e8973694bc4/02.28.03_component_product-grid2x.jpg)
![](https://freight.cargo.site/t/original/i/a72ac036d122f5997c7f8b716e5c50537662f1f7b8c4dba585059cbf4f341b56/02.29_component_radio-button2x.jpg)
![](https://freight.cargo.site/t/original/i/869e1eb6d2c480e8cecd6036a399bd4595b598a8ae2f4fa840696042d5e31f9b/02.30_component_scroll-bar2x-s.jpg)
![](https://freight.cargo.site/t/original/i/4016707392a9a8f6c22bd403953c92947508b842180521aec991820213f538ee/02.31.01_component_story-grid2x-s.jpg)
![](https://freight.cargo.site/t/original/i/39f745c3bde545bbfc8740f172502c28f250df2d0262a662085b9653640f60a2/02.31.02_component_story-grid2x.jpg)
![](https://freight.cargo.site/t/original/i/3ca578672fb25dc1ab6f64ef8e1ab1bce8ab94f829b0e01367286c49146416fb/02.32_component_tabs2x.jpg)
![](https://freight.cargo.site/t/original/i/3c4c5d413606aab7b3f08cdf03cd7b917a406ea28c6c94ce927dc69fcc12303a/02.33_component_text-input2x.jpg)
![](https://freight.cargo.site/t/original/i/6f0636cb63c0a01b8fa582f9316e87f1bff1315e00b4fe8a23579a7f1798d0b6/02.34.01_component_title2x.jpg)
![](https://freight.cargo.site/t/original/i/b6de0dc8f76781f20b9fe3175a6723d8886e4ebb7d99cc8a9179e2f2ff117c94/02.34.02_component_title2x.jpg)
![](https://freight.cargo.site/t/original/i/90a30c380371f457542abba77c4e5bdaf6cd583506d5aa1c3560182a4621f1ba/02.35_component_toast2x-s.jpg)
![](https://freight.cargo.site/t/original/i/421e326f90bfb612f7c38ec4fc8e11c7b649dcff283201eee6d7c2df68c086c4/03.01_pattern_add-to-bag2x.jpg)
![](https://freight.cargo.site/t/original/i/215df7cb9c751179bc9af54a8866d30544a9eea76ed6325b9aaf223b513cb36f/03.02_pattern_favoriting2x.jpg)
![](https://freight.cargo.site/t/original/i/8fa9a6deeb9957cffea5f80b9c2905d56d9c8484f7039957c87db92c2529c05f/03.03.01_pattern_filtering2x.jpg)
![](https://freight.cargo.site/t/original/i/643f01d5cb41def9e4a9ef365f96a0896991c479a3d132557adb6a68f89de8bd/03.03.02_pattern_filtering2x.jpg)
![](https://freight.cargo.site/t/original/i/20d20862eaa761ce4d6c31d9fdc32cd88763d97a4dbd030b60c841a447930538/03.03.03_pattern_filtering2x.jpg)
![](https://freight.cargo.site/t/original/i/03dec39c4f0b0f3a5195200430d37698660d146dfe889ae9c8d3192134cc9ede/03.04_pattern_image-zoom2x.jpg)
![](https://freight.cargo.site/t/original/i/50b80c28648369898fb2ff9d445af83c20da788260e81ad484e1743f53aa9c01/03.05_pattern_lookbook2x.jpg)
![](https://freight.cargo.site/t/original/i/8fa818a5a3fdb0964d303a6b6f3073c7b533c701b8ef706290815ec51e182f68/03.06.01_pattern_navigation2x.jpg)
![](https://freight.cargo.site/t/original/i/f9dcbf3b34448348432b6cadd5a2a9d70bf2540ef741c0d7bc6e630d4a8fd8bc/03.06.02_pattern_navigation2x.jpg)
![](https://freight.cargo.site/t/original/i/3091ba45deccccb87aeab64cc153ca276d3ed82dc89d32b0b6e32c6a22aa430e/03.07_pattern_newsletter2x.jpg)
![](https://freight.cargo.site/t/original/i/7e1d343d8fb05daae573372669b4312dc3501b51cdad677209d9adb3d96b6b70/03.08_pattern_notifications2x.jpg)
![](https://freight.cargo.site/t/original/i/6e18e426487172a874a186ceb7dcd443ccb147e480273dc5f0a9abd6236af401/03.09_pattern_quick-add2x.jpg)
![](https://freight.cargo.site/t/original/i/a39923a7b9260c9e012cf8343bd4a558b456d225a9e1ba2a23be2f34c32fec57/03.10_pattern_shop-the-look2x.jpg)
![](https://freight.cargo.site/t/original/i/604604119a877bfaab1d872b957b6cad7c0c9f35bc31d8c7423e29776a508b77/03.11_pattern_search2x.jpg)
![](https://freight.cargo.site/t/original/i/1ab3a3c99641b7721ce2fd5332f9580ff2c1ad312da9ddf93a084eb9219d620f/04.01_layout_4042x.jpg)
![](https://freight.cargo.site/t/original/i/01a1618bae4d81d651084b0c2629ac0c60e1e16fb56b71fafbe0996a3fa06937/04.02.01_layout_brands2x.jpg)
![](https://freight.cargo.site/t/original/i/af3d4157e769ef6be42b91feb8eaa2ba52cb77407eebb0235bcae87058875aca/04.02.02_layout_brands2x.jpg)
![](https://freight.cargo.site/t/original/i/99ad6ad364fb140cea56b34ffa93fe93f2f49dc3e6ea7d838f876e1a85c720fb/04.02.03_layout_brands2x-s.jpg)
![](https://freight.cargo.site/t/original/i/875760043336a996fcf00f13281e81e8060ac08c0c4a6022e4e6e0a24a930989/04.02.04_layout_brands2x-s.jpg)
![](https://freight.cargo.site/t/original/i/1cef0eb9342efc82c88687a75e8187d37e69a1133d9879a5a26645b6d17460d2/04.03_layout_faq2x.jpg)
![](https://freight.cargo.site/t/original/i/02c7f0d68d874834965c8a59616969abaae2d87e868706aa447e929f0ef5160e/04.04.01_layout_home2x.jpg)
![](https://freight.cargo.site/t/original/i/c6f80d3d7d9f533f79b4d9dcaae251d8249aaa718bff6caca8cd081e9ef6dceb/04.04.02_layout_home2x.jpg)
![](https://freight.cargo.site/t/original/i/fe84230d85c01033473c7ca681fe1d7c9a0b6434b740724c9f3ff9f8c9d0656c/04.04.03_layout_home2x.jpg)
![](https://freight.cargo.site/t/original/i/061ca84684cb62f8f11be2be75703bea0a132f0efcb6395b5401c2d7049832f2/04.05_layout_generic-detail2x.jpg)
![](https://freight.cargo.site/t/original/i/823c98b4c022df51974df7c7bcbec122dd3b8e38fe21c451a4954306fc45dcd4/04.06.01_layout_journal2x.jpg)
![](https://freight.cargo.site/t/original/i/32944c4a9e67625343cbfd3a998770373bc11f64f4ee6018fb9cb95a7492ee89/04.06.02_layout_journal2x.jpg)
![](https://freight.cargo.site/t/original/i/39973c9bc37e6a664a42cff7fcabe11043688db4c6864062e17a31d4ba6bd518/04.06.03_layout_journal2x.jpg)
![](https://freight.cargo.site/t/original/i/62c1226a1e64f983576bab48391ccfd192913df0650199066b41c09bf9bc8aba/04.06.04_layout_journal2x.jpg)
![](https://freight.cargo.site/t/original/i/353a3bef51bae0c746645a44e2cc4115b7e6aa7935ea7c7f60505a25e715453a/04.06.05_layout_journal2x.jpg)
![](https://freight.cargo.site/t/original/i/40b5786f6c2713aadee5c2978ce76f41906ed91b5ea541f6dc3c65504ab13fe5/04.06.06_layout_journal2x.jpg)
![](https://freight.cargo.site/t/original/i/ca50be63428daca15223a581a66e426a5f70851aabfd3a7f618d966d7c02daa3/04.07.01_layout_listing2x.jpg)
![](https://freight.cargo.site/t/original/i/65c33a30e11731d2cc9bb1d8a90dce5da04ff33ed9e54917bdcddc04be3a88b7/04.07.02_layout_listing2x-s.jpg)
![](https://freight.cargo.site/t/original/i/0d529ffe051a13181d16a4b6e4da24d4234a3e79ddd27d3953c6d0cd6a8a6615/04.07.03_layout_listing2x.jpg)
![](https://freight.cargo.site/t/original/i/f7538265de7d6b1b419a8e065944b01ac699218329778b4fdfa4d533a25af989/04.08.01_layout_pdp2x-s.jpg)
![](https://freight.cargo.site/t/original/i/7f0d835e0cfc95d22318db775fa312cf787af7f2d6270bb3f12f1019715b4f39/04.08.02_layout_pdp2x.jpg)
![](https://freight.cargo.site/t/original/i/8c0df246388beb893b49cbb12fd6daefc73e7912538c026fe564b8a7874accec/04.08.03_layout_pdp2x.jpg)
![](https://freight.cargo.site/t/original/i/dd7e723ac57af7293e7299150cc9f108daaba22f08c1845687aea952722d4d45/04.08.04_layout_pdp2x.jpg)
![](https://freight.cargo.site/t/original/i/dbb9e447a5eb44b7b828e4bb3605c0c6926ebef3d04322c5da5311453f0f3ca6/04.08.05_layout_pdp2x.jpg)
![](https://freight.cargo.site/t/original/i/27590fcf695c3552027d8b8aad1c369677c6a265ad52d96b729ea25cfcfa7c3e/04.08.06_layout_pdp2x.jpg)
![](https://freight.cargo.site/t/original/i/39a490a5bced2c5249aaf3f1aba48d7e1a0b93955b0daf31a37b9fe8043453ca/04.08.07_layout_pdp2x.jpg)
![](https://freight.cargo.site/t/original/i/1179a3641214aecb0e7a78c7f3fb4a3351f6e6b657e40cb06256c2890c5d44fd/04.09.01_layout_search-results2x.jpg)
![](https://freight.cargo.site/t/original/i/5c598c981d083e8645189e1f789537b8bed4168258e231e1c2b7f732deda73db/04.09.02_layout_search-results2x.jpg)