https://www.sczepanik.com/instagram daily 0.75 2023-07-06 https://images.squarespace-cdn.com/content/v1/5e486721773e7329dde9840d/1598229064039-KNKZTESK6RFQ6PGF1UHJ/IG_Desktop.jpg Instagram https://images.squarespace-cdn.com/content/v1/5e486721773e7329dde9840d/1590448536524-BGRLOB3K85KL2O5VLR92/IG_Mobile.jpg Instagram https://www.sczepanik.com/new-knowledge daily 0.75 2023-07-06 https://images.squarespace-cdn.com/content/v1/5e486721773e7329dde9840d/1598287124682-7QBXN30YJSTW21VL26Q5/graph-1.jpg New Knowledge https://images.squarespace-cdn.com/content/v1/5e486721773e7329dde9840d/1598286018099-2AELEYQ5KZEPAY6ZPVNJ/logo.png New Knowledge https://images.squarespace-cdn.com/content/v1/5e486721773e7329dde9840d/1598286653704-CSS7UPFQ4JUBHZWENVVZ/graph-2.jpg New Knowledge https://images.squarespace-cdn.com/content/v1/5e486721773e7329dde9840d/1598286713798-Q7J9QO2SLWOENZQE3IUU/NK_Desktop.jpg New Knowledge https://images.squarespace-cdn.com/content/v1/5e486721773e7329dde9840d/1598286756210-5ME0S5VZWJA0X73S9IGW/NK_Mobile.jpg New Knowledge https://www.sczepanik.com/marcel daily 0.75 2023-07-06 https://images.squarespace-cdn.com/content/v1/5e486721773e7329dde9840d/1590457835586-B3X3OUS8HURAKEOK0B5Q/Marcel-onboarding-01.gif Marcel https://images.squarespace-cdn.com/content/v1/5e486721773e7329dde9840d/1590458001218-2PTAIES5HQYG2VM3QOZB/Marcel-onboarding-02.gif Marcel https://images.squarespace-cdn.com/content/v1/5e486721773e7329dde9840d/1590457867576-ZZBXWDBDACXPSBFF3CXH/Marcel-onboarding-05.gif Marcel https://images.squarespace-cdn.com/content/v1/5e486721773e7329dde9840d/1590458018577-9KOJHCGK47HO2UCWMH04/Marcel-onboarding-04.gif Marcel https://images.squarespace-cdn.com/content/v1/5e486721773e7329dde9840d/1590458037678-R59QGY301ON72PT2RCVV/Marcel-onboarding-06.gif Marcel https://images.squarespace-cdn.com/content/v1/5e486721773e7329dde9840d/1590458057893-H5P0YA4CU6XF7B3VRJCY/Marcel-onboarding-07.gif Marcel https://www.sczepanik.com/home daily 1.0 2025-02-12 https://images.squarespace-cdn.com/content/v1/5e486721773e7329dde9840d/90479385-945a-476f-87d6-d1d5c862cfe8/Headspace-thumbnail.jpg Home Headspace https://images.squarespace-cdn.com/content/v1/5e486721773e7329dde9840d/1626921927293-ZI0L46UB30QDHU0QCEG9/Thumbnail.jpg Home Better Mortgage https://images.squarespace-cdn.com/content/v1/5e486721773e7329dde9840d/1598230352983-FJZMCCCI0AZ2G7UJDGVB/Levis-index-cover.jpg Home Levi’s website https://images.squarespace-cdn.com/content/v1/5e486721773e7329dde9840d/1598230467129-M72WQAEQZ6ISN18JW2X7/IG_Thumbnail.jpg Home Instagram website https://images.squarespace-cdn.com/content/v1/5e486721773e7329dde9840d/1598287487037-1ZM031N2RSI423O49B3M/NK_Thumbnail.jpg Home New Knowledge https://images.squarespace-cdn.com/content/v1/5e486721773e7329dde9840d/1598230629712-1EAYXY7UQM2MTVZDQJS2/Index+Thumbnail-4.gif Home Marcel prototype https://www.sczepanik.com/levi daily 0.75 2023-07-06 https://images.squarespace-cdn.com/content/v1/5e486721773e7329dde9840d/1598290897212-IVI9OKO2EI24H7QXL9UE/nav-mobile-01.jpg Levi's - Progressive Model Based on client feedback and user testing, the refinement of initial concepts led us to the progressive navigation model. A model that intentionally reveals pathways and reduces information overload. This system creates an inherent parity between mobile and desktop experiences. https://images.squarespace-cdn.com/content/v1/5e486721773e7329dde9840d/1598290923038-OUHXADYCL23RODHVRNQZ/nav-mobile-02.jpg Levi's - Flexible & Focused The progressive model allows users to enter a focused navigation state — one that encourages quick entry into gender doorways, as well as access to secondary taxonomy. On desktop, hovering over top-level navigation opens the progressive focus panels, allowing users to quickly access content. https://images.squarespace-cdn.com/content/v1/5e486721773e7329dde9840d/1598206028651-HEZKQ3CJIARD622KPL0M/nav-desktop-01.jpg Levi's https://images.squarespace-cdn.com/content/v1/5e486721773e7329dde9840d/1598226223696-98A55BN1OUSKRW6TKWDA/search-combo.jpg Levi's https://images.squarespace-cdn.com/content/v1/5e486721773e7329dde9840d/1598224799708-65QQOOW74IXOOM729QPL/plp-desktop.jpg Levi's https://images.squarespace-cdn.com/content/v1/5e486721773e7329dde9840d/1598215139160-7ICIE5T6GBUHP4AMK8WX/pdp-desktop.jpg Levi's https://images.squarespace-cdn.com/content/v1/5e486721773e7329dde9840d/1598228027310-N53Q4OSFJ0HGEXE62L0M/shopping-bag.jpg Levi's https://images.squarespace-cdn.com/content/v1/5e486721773e7329dde9840d/1598226387343-VRQTMHCIPXMMGEHJOQ72/checkout.jpg Levi's https://images.squarespace-cdn.com/content/v1/5e486721773e7329dde9840d/1598312421784-5X3LL7BI2OOX28IWS3L7/components.jpg Levi's https://www.sczepanik.com/profile daily 0.75 2025-02-10 https://images.squarespace-cdn.com/content/v1/5e486721773e7329dde9840d/1598288543563-MD5SM5IYRY43L22XZVNY/portrait.jpg Profile https://www.sczepanik.com/better daily 0.75 2023-07-06 https://images.squarespace-cdn.com/content/v1/5e486721773e7329dde9840d/1626916718187-QZPV6OVE3VW5D5WVY1IE/Layout.jpg Better https://images.squarespace-cdn.com/content/v1/5e486721773e7329dde9840d/1626916208796-PR4Z9TR3OZ99BYJDZSPR/Icon-Accessible.jpg Better - Accessible Anything built with our design system is usable by anybody, no matter how they access the web. https://images.squarespace-cdn.com/content/v1/5e486721773e7329dde9840d/1626916225250-01POP0F2TKTIRZEJGLR0/Icon-Simple.jpg Better - Simple Our design system is built to be discoverable and easy to navigate. https://images.squarespace-cdn.com/content/v1/5e486721773e7329dde9840d/1626916177681-I90DJ0D7L8S0U2RYID6S/Icon-Quality.jpg Better - Quality The way everything is built follows a consistent and high quality pattern. https://images.squarespace-cdn.com/content/v1/5e486721773e7329dde9840d/1626916194126-5VMZUQE2LTZFVD9AUPRP/Icon-Reusable.jpg Better - Reusable Components are built to be used in various context. https://images.squarespace-cdn.com/content/v1/5e486721773e7329dde9840d/1626915977556-NBFAO4RQPVXOGUTVC0RB/Our+pillars.jpg Better - Our pillars We never block product teams. We help them design experiences faster and ensure there is consistency across the product. https://images.squarespace-cdn.com/content/v1/5e486721773e7329dde9840d/1626916089298-9IIFZ6N2KWK6A59SKJM2/Levels+of+system.jpg Better - Levels of our design system Our design system consists of multiple levels that build on one another. These levels start very small (colors, spacing, typography) and form together in meaningful ways. https://images.squarespace-cdn.com/content/v1/5e486721773e7329dde9840d/1626918132659-MCOEXDLHPMJY8K23LA99/Component+cycle-compressed.gif Better - 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/5e486721773e7329dde9840d/1626918065302-WZ1FUEKH4OS0FJY6QK6U/Better+platform.jpg Better - 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/5e486721773e7329dde9840d/1626917817215-JWOGW6ZFPQL6TT2WCYTR/Documentation.jpg Better https://images.squarespace-cdn.com/content/v1/5e486721773e7329dde9840d/1626918784692-794JCJUTPX2GIPBEM5V4/Easing.jpg Better - 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/5e486721773e7329dde9840d/1626918672004-ZNNDV6NX2GZ6723CBFSH/Timing.gif Better - 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/5e486721773e7329dde9840d/1626920256167-PM0KXDY63XL9V6JX50Z9/Modal-3.gif Better - 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/5e486721773e7329dde9840d/1626920314770-DHX8XVRUVGFVW89IF6TC/Notification.gif Better - 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/5e486721773e7329dde9840d/1626921290362-ZN7VN2P5KBC0FL9215NF/UX+writing.jpg Better https://www.sczepanik.com/headspace daily 0.75 2025-02-11 https://images.squarespace-cdn.com/content/v1/5e486721773e7329dde9840d/a08e4afa-843f-447a-9017-8786cbac3c50/HS-foundations.png Headspace https://images.squarespace-cdn.com/content/v1/5e486721773e7329dde9840d/45cf1af7-b4da-4381-a31a-f21439a6bfc2/Emotional+colors.png Headspace - Emotional The ‘Emotional’ colors, such as calming blues and greens, bright oranges and yellows, and bold, vibrant hues, represent the brand's core principles of being mindful, encouraging, playful, simple, and proud. https://images.squarespace-cdn.com/content/v1/5e486721773e7329dde9840d/a1439c13-8ece-4459-bb86-c672a50f9cb5/Functional+colors.png Headspace - Functional The ‘Functional’ neutral colors, including whites, greys, and blacks, provide clarity and ease of use for UI elements such as buttons, forms, and typography. https://images.squarespace-cdn.com/content/v1/5e486721773e7329dde9840d/bccd94c1-fb8e-45ff-93d1-acc18c1a87c9/Color-banner.png Headspace https://images.squarespace-cdn.com/content/v1/5e486721773e7329dde9840d/a22e34b7-967d-4493-84c2-6d72d5e7e66b/Type-banner.png Headspace https://images.squarespace-cdn.com/content/v1/5e486721773e7329dde9840d/96adce61-f2d5-49f0-a359-210879c7e57e/Type-Playful.png Headspace - Playful We infuse emotions into our expressive marks, like question and exclamation marks, using abstract symbols. https://images.squarespace-cdn.com/content/v1/5e486721773e7329dde9840d/77d056b8-dd08-4897-8864-ee53c9d5a3e5/Type-Ownable.png Headspace - Ownable The nuances in our typeface make it distinctive and exclusive to Headspace, while also resolving spacing issues encountered with Aperçu. https://images.squarespace-cdn.com/content/v1/5e486721773e7329dde9840d/4c815d0c-9324-4d54-96cd-bc8ef1bdfb62/Type-Functional.png Headspace - Functional Accessible characters with open apertures resolve mirroring issues and ensure easy distinction. https://images.squarespace-cdn.com/content/v1/5e486721773e7329dde9840d/fc953b38-5df2-4982-b888-2a146b58b701/Type-Friendly.png Headspace - Friendly The letterforms evoke a sense of warmth, comfort, and ease through friendly curves. https://images.squarespace-cdn.com/content/v1/5e486721773e7329dde9840d/464297cf-2950-4c9d-b1c9-8ac4abc0d4b2/Icons-Sleep.png Headspace - 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/5e486721773e7329dde9840d/77a79696-f91b-42ce-8537-901ef4c65cb8/Icons.png Headspace - 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/5e486721773e7329dde9840d/13496294-4bef-46c6-a446-15e6efca7ddf/Tokens-sheets.png Headspace https://images.squarespace-cdn.com/content/v1/5e486721773e7329dde9840d/1595f8ff-2229-41f7-a793-f20316f01966/Token-example.png Headspace https://images.squarespace-cdn.com/content/v1/5e486721773e7329dde9840d/a3823184-c33b-4df7-986a-878f6b29d781/Dark+mode-80.gif Headspace https://images.squarespace-cdn.com/content/v1/5e486721773e7329dde9840d/b066aeff-9000-4a5d-80fa-5d98111ffde0/Motion-patterns.png Headspace - Patterns Basic motion patterns create smooth and cohesive animations, enhancing user experience while maintaining simplicity and clarity. https://images.squarespace-cdn.com/content/v1/5e486721773e7329dde9840d/307e9ab7-48b7-4699-96af-7b91b4573e4b/Motion-easing.png Headspace - Easing Easing curves create smooth and natural transitions, promoting a sense of calmness and tranquility within the member experience. https://images.squarespace-cdn.com/content/v1/5e486721773e7329dde9840d/4a3d979b-487e-40e9-82e9-ed986d2caf02/Motion-duration.png Headspace - Duration Duration options ensure fluid animations, reflecting tranquility, mindfulness, elegance, context, and complexity. https://images.squarespace-cdn.com/content/v1/5e486721773e7329dde9840d/b308f69b-9d21-4777-b2d2-36794034c984/Motion-depth.png Headspace - Depth Depth adds dimension and depth perception, elevating the visual experience and providing a sense of hierarchy, realism, and intuitive navigation. https://images.squarespace-cdn.com/content/v1/5e486721773e7329dde9840d/62004c1d-5e33-44ae-9841-990235eda216/Dynamic+Duration.gif Headspace - 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/5e486721773e7329dde9840d/c1ac6728-164e-4f2f-ad31-78d46fc88c43/Motion-onboarding.gif Headspace - 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/5e486721773e7329dde9840d/12ca1b62-c3c2-4c6c-97ec-65901addba10/Components.png Headspace