{"id":7,"date":"2026-09-25T07:48:38","date_gmt":"2026-09-25T07:48:38","guid":{"rendered":"https:\/\/colorlibhub.com\/creative-agency-blocks\/work\/whisk\/"},"modified":"2026-09-25T07:48:38","modified_gmt":"2026-09-25T07:48:38","slug":"whisk","status":"publish","type":"page","link":"https:\/\/colorlibhub.com\/creative-agency-blocks\/work\/whisk\/","title":{"rendered":"Whisk design system"},"content":{"rendered":"\n<div class=\"wp-block-group alignfull creative-agency-hero creative-agency-hero--tight has-global-padding is-layout-constrained wp-container-core-group-is-layout-bbc0fe06 wp-block-group-is-layout-constrained\" style=\"padding-top:var(--wp--preset--spacing--80);padding-bottom:var(--wp--preset--spacing--80)\">\n<h1 class=\"wp-block-heading creative-agency-statement\">Whisk design system<\/h1>\n<\/div>\n\n\n\n\n<div class=\"wp-block-group alignfull creative-agency-project has-global-padding is-layout-constrained wp-container-core-group-is-layout-bf9f4144 wp-block-group-is-layout-constrained\" style=\"padding-top:var(--wp--preset--spacing--20);padding-bottom:0\">\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"https:\/\/colorlibhub.com\/creative-agency-blocks\/wp-content\/themes\/creative-agency\/assets\/images\/work-whisk.webp\" alt=\"A hand holding up a rainbow-coloured whisk dipped in meringue\" style=\"aspect-ratio:16\/9;object-fit:cover\"\/><\/figure>\n\n\n\n<div class=\"wp-block-columns creative-agency-project-meta is-layout-flex wp-container-core-columns-is-layout-f431c180 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p class=\"creative-agency-meta-label has-secondary-color has-text-color wp-block-paragraph\">Client<\/p>\n\n\n\n<p class=\"has-contrast-color has-text-color wp-block-paragraph\">Whisk<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p class=\"creative-agency-meta-label has-secondary-color has-text-color wp-block-paragraph\">Service<\/p>\n\n\n\n<p class=\"has-contrast-color has-text-color wp-block-paragraph\">Design system<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p class=\"creative-agency-meta-label has-secondary-color has-text-color wp-block-paragraph\">Year<\/p>\n\n\n\n<p class=\"has-contrast-color has-text-color wp-block-paragraph\">2025<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:40%\">\n<ul class=\"wp-block-social-links has-normal-icon-size creative-agency-share is-content-justification-right is-layout-flex wp-container-core-social-links-is-layout-d1a62e0f wp-block-social-links-is-layout-flex\"><li class=\"wp-social-link wp-social-link-facebook wp-block-social-link\"><a href=\"https:\/\/www.facebook.com\/\" class=\"wp-block-social-link-anchor\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M12 2C6.5 2 2 6.5 2 12c0 5 3.7 9.1 8.4 9.9v-7H7.9V12h2.5V9.8c0-2.5 1.5-3.9 3.8-3.9 1.1 0 2.2.2 2.2.2v2.5h-1.3c-1.2 0-1.6.8-1.6 1.6V12h2.8l-.4 2.9h-2.3v7C18.3 21.1 22 17 22 12c0-5.5-4.5-10-10-10z\"><\/path><\/svg><span class=\"wp-block-social-link-label screen-reader-text\">Facebook<\/span><\/a><\/li>\n\n<li class=\"wp-social-link wp-social-link-pinterest wp-block-social-link\"><a href=\"https:\/\/www.pinterest.com\/\" class=\"wp-block-social-link-anchor\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M12.289,2C6.617,2,3.606,5.648,3.606,9.622c0,1.846,1.025,4.146,2.666,4.878c0.25,0.111,0.381,0.063,0.439-0.169 c0.044-0.175,0.267-1.029,0.365-1.428c0.032-0.128,0.017-0.237-0.091-0.362C6.445,11.911,6.01,10.75,6.01,9.668 c0-2.777,2.194-5.464,5.933-5.464c3.23,0,5.49,2.108,5.49,5.122c0,3.407-1.794,5.768-4.13,5.768c-1.291,0-2.257-1.021-1.948-2.277 c0.372-1.495,1.089-3.112,1.089-4.191c0-0.967-0.542-1.775-1.663-1.775c-1.319,0-2.379,1.309-2.379,3.059 c0,1.115,0.394,1.869,0.394,1.869s-1.302,5.279-1.54,6.261c-0.405,1.666,0.053,4.368,0.094,4.604 c0.021,0.126,0.167,0.169,0.25,0.063c0.129-0.165,1.699-2.419,2.142-4.051c0.158-0.59,0.817-2.995,0.817-2.995 c0.43,0.784,1.681,1.446,3.013,1.446c3.963,0,6.822-3.494,6.822-7.833C20.394,5.112,16.849,2,12.289,2\"><\/path><\/svg><span class=\"wp-block-social-link-label screen-reader-text\">Pinterest<\/span><\/a><\/li>\n\n<li class=\"wp-social-link wp-social-link-x wp-block-social-link\"><a href=\"https:\/\/x.com\/\" class=\"wp-block-social-link-anchor\"><svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" version=\"1.1\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\" focusable=\"false\"><path d=\"M13.982 10.622 20.54 3h-1.554l-5.693 6.618L8.745 3H3.5l6.876 10.007L3.5 21h1.554l6.012-6.989L15.868 21h5.245l-7.131-10.378Zm-2.128 2.474-.697-.997-5.543-7.93H8l4.474 6.4.697.996 5.815 8.318h-2.387l-4.745-6.787Z\" \/><\/svg><span class=\"wp-block-social-link-label screen-reader-text\">X<\/span><\/a><\/li><\/ul>\n<\/div>\n<\/div>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity is-style-wide\"\/>\n\n\n\n<div class=\"wp-block-columns creative-agency-project-details is-layout-flex wp-container-core-columns-is-layout-f431c180 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:58.33%\">\n<h2 class=\"wp-block-heading creative-agency-project-title\">Project details<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Whisk is a recipe app with a small team and a large library: six hundred recipes, three platforms, and a component for every one-off screen anyone had ever needed.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">We audited every screen, cut the component library from 214 parts to 48, and wrote the tokens and documentation that let designers and developers speak the same language. New screens now ship in days rather than sprints.<\/p>\n\n\n\n<ul class=\"wp-block-list is-style-creative-agency-dots\">\n<li>One token set for colour, type and spacing across iOS, Android and web.<\/li>\n\n\n\n<li>Forty-eight documented components, each with usage notes and code.<\/li>\n\n\n\n<li>A contribution process the in-house team now runs without us.<\/li>\n<\/ul>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:41.66%\">\n<div class=\"wp-block-buttons is-content-justification-right is-layout-flex wp-container-core-buttons-is-layout-d1a62e0f wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button is-style-outline is-style-outline--1\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/colorlibhub.com\/creative-agency-blocks\/contact\/\">Live view<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns creative-agency-project-nav is-layout-flex wp-container-core-columns-is-layout-f431c180 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p class=\"has-text-align-left creative-agency-project-nav__label creative-agency-project-nav__label--left wp-block-paragraph\">Previous<\/p>\n\n\n\n<h3 class=\"wp-block-heading has-text-align-left creative-agency-project-nav__title\"><a href=\"https:\/\/colorlibhub.com\/creative-agency-blocks\/work\/nookdesk\/\">Nookdesk booking app<\/a><\/h3>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p class=\"has-text-align-right creative-agency-project-nav__label creative-agency-project-nav__label--right wp-block-paragraph\">Next<\/p>\n\n\n\n<h3 class=\"wp-block-heading has-text-align-right creative-agency-project-nav__title\"><a href=\"https:\/\/colorlibhub.com\/creative-agency-blocks\/work\/harrow-and-pine\/\">Harrow &amp; Pine packaging<\/a><\/h3>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n\n<div class=\"wp-block-group alignfull creative-agency-facts has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\" style=\"padding-top:var(--wp--preset--spacing--90);padding-bottom:var(--wp--preset--spacing--90)\">\n<p aria-hidden=\"true\" class=\"is-style-creative-agency-watermark creative-agency-watermark--centre wp-block-paragraph\">Quick Fact<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-f431c180 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-container-core-group-is-layout-11664209 wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading has-text-align-center creative-agency-count has-secondary-color has-text-color\">214<\/h3>\n\n\n\n<p class=\"has-text-align-center has-contrast-color has-text-color wp-block-paragraph\">Products shipped<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-container-core-group-is-layout-11664209 wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading has-text-align-center creative-agency-count has-primary-color has-text-color\">96<\/h3>\n\n\n\n<p class=\"has-text-align-center has-contrast-color has-text-color wp-block-paragraph\">Clients since 2014<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-container-core-group-is-layout-11664209 wp-block-group-is-layout-constrained\">\n<h3 class=\"wp-block-heading has-text-align-center creative-agency-count has-tertiary-color has-text-color\">18<\/h3>\n\n\n\n<p class=\"has-text-align-center has-contrast-color has-text-color wp-block-paragraph\">Design awards<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n\n<div class=\"wp-block-columns alignfull creative-agency-strip is-layout-flex wp-container-core-columns-is-layout-7ad78e94 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6ab8b87de2c93&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6ab8b87de2c93\" class=\"wp-block-image size-large wp-lightbox-container\"><img decoding=\"async\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/colorlibhub.com\/creative-agency-blocks\/wp-content\/themes\/creative-agency\/assets\/images\/studio-1.webp\" alt=\"Two designers planning a project on a wall of sticky notes\" style=\"aspect-ratio:19\/20;object-fit:cover\"\/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\tdata-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.thisImage.buttonRight\"\n\t\t\tdata-wp-style--top=\"state.thisImage.buttonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6ab8b87de2e08&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6ab8b87de2e08\" class=\"wp-block-image size-large wp-lightbox-container\"><img decoding=\"async\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/colorlibhub.com\/creative-agency-blocks\/wp-content\/themes\/creative-agency\/assets\/images\/studio-2.webp\" alt=\"A designer in glasses smiling at the studio table, a colleague and a laptop beside him\" style=\"aspect-ratio:19\/20;object-fit:cover\"\/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\tdata-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.thisImage.buttonRight\"\n\t\t\tdata-wp-style--top=\"state.thisImage.buttonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6ab8b87de2f34&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6ab8b87de2f34\" class=\"wp-block-image size-large wp-lightbox-container\"><img decoding=\"async\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/colorlibhub.com\/creative-agency-blocks\/wp-content\/themes\/creative-agency\/assets\/images\/studio-3.webp\" alt=\"The team at a long white table, working on their laptops\" style=\"aspect-ratio:19\/20;object-fit:cover\"\/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\tdata-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.thisImage.buttonRight\"\n\t\t\tdata-wp-style--top=\"state.thisImage.buttonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6ab8b87de303d&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6ab8b87de303d\" class=\"wp-block-image size-large wp-lightbox-container\"><img decoding=\"async\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/colorlibhub.com\/creative-agency-blocks\/wp-content\/themes\/creative-agency\/assets\/images\/studio-4.webp\" alt=\"A tidy desk with a laptop and a tablet side by side under a lamp\" style=\"aspect-ratio:19\/20;object-fit:cover\"\/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\tdata-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.thisImage.buttonRight\"\n\t\t\tdata-wp-style--top=\"state.thisImage.buttonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<figure data-wp-context=\"{&quot;imageId&quot;:&quot;6ab8b87de3145&quot;}\" data-wp-interactive=\"core\/image\" data-wp-key=\"6ab8b87de3145\" class=\"wp-block-image size-large wp-lightbox-container\"><img decoding=\"async\" data-wp-class--hide=\"state.isContentHidden\" data-wp-class--show=\"state.isContentVisible\" data-wp-init=\"callbacks.setButtonStyles\" data-wp-on--click=\"actions.showLightbox\" data-wp-on--load=\"callbacks.setButtonStyles\" data-wp-on--pointerdown=\"actions.preloadImage\" data-wp-on--pointerenter=\"actions.preloadImageWithDelay\" data-wp-on--pointerleave=\"actions.cancelPreload\" data-wp-on-window--resize=\"callbacks.setButtonStyles\" src=\"https:\/\/colorlibhub.com\/creative-agency-blocks\/wp-content\/themes\/creative-agency\/assets\/images\/studio-5.webp\" alt=\"A meeting around a monitor on a wall covered in sticky notes\" style=\"aspect-ratio:19\/20;object-fit:cover\"\/><button\n\t\t\tclass=\"lightbox-trigger\"\n\t\t\ttype=\"button\"\n\t\t\taria-haspopup=\"dialog\"\n\t\t\tdata-wp-bind--aria-label=\"state.thisImage.triggerButtonAriaLabel\"\n\t\t\tdata-wp-init=\"callbacks.initTriggerButton\"\n\t\t\tdata-wp-on--click=\"actions.showLightbox\"\n\t\t\tdata-wp-style--right=\"state.thisImage.buttonRight\"\n\t\t\tdata-wp-style--top=\"state.thisImage.buttonTop\"\n\t\t>\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"12\" height=\"12\" fill=\"none\" viewBox=\"0 0 12 12\">\n\t\t\t\t<path fill=\"#fff\" d=\"M2 0a2 2 0 0 0-2 2v2h1.5V2a.5.5 0 0 1 .5-.5h2V0H2Zm2 10.5H2a.5.5 0 0 1-.5-.5V8H0v2a2 2 0 0 0 2 2h2v-1.5ZM8 12v-1.5h2a.5.5 0 0 0 .5-.5V8H12v2a2 2 0 0 1-2 2H8Zm2-12a2 2 0 0 1 2 2v2h-1.5V2a.5.5 0 0 0-.5-.5H8V0h2Z\" \/>\n\t\t\t<\/svg>\n\t\t<\/button><\/figure>\n<\/div>\n<\/div>\n\n\n\n\n<div class=\"wp-block-group alignfull creative-agency-band has-on-primary-color has-primary-background-color has-text-color has-background has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\" style=\"padding-top:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--50)\">\n<p class=\"has-text-align-center creative-agency-band__link has-heading-font-size wp-block-paragraph\"><a href=\"https:\/\/colorlibhub.com\/creative-agency-blocks\/work\/\">Visit our work<\/a><\/p>\n<\/div>\n\n\n","protected":false},"excerpt":{"rendered":"<p>Whisk design system Client Whisk Service Design system Year 2025 Project details Whisk is a recipe app with a small team and a large library: six hundred recipes, three platforms, and a component for every one-off screen anyone had ever needed. We audited every screen, cut the component library from 214 parts to 48, and [&hellip;]<\/p>\n","protected":false},"author":0,"featured_media":0,"parent":5,"menu_order":4,"comment_status":"closed","ping_status":"closed","template":"page-no-title","meta":{"footnotes":""},"class_list":["post-7","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/colorlibhub.com\/creative-agency-blocks\/wp-json\/wp\/v2\/pages\/7","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/colorlibhub.com\/creative-agency-blocks\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/colorlibhub.com\/creative-agency-blocks\/wp-json\/wp\/v2\/types\/page"}],"replies":[{"embeddable":true,"href":"https:\/\/colorlibhub.com\/creative-agency-blocks\/wp-json\/wp\/v2\/comments?post=7"}],"version-history":[{"count":0,"href":"https:\/\/colorlibhub.com\/creative-agency-blocks\/wp-json\/wp\/v2\/pages\/7\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/colorlibhub.com\/creative-agency-blocks\/wp-json\/wp\/v2\/pages\/5"}],"wp:attachment":[{"href":"https:\/\/colorlibhub.com\/creative-agency-blocks\/wp-json\/wp\/v2\/media?parent=7"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}