Launching Visual update to AWS Management Console (preview)

The visual update improves and makes the AWS Management Console more user-friendly by making it easier to ingest information

[{"selector":"#anim-f491d8fc-4fd9-44d8-a5d6-40266b79b051","keyframes":{"opacity":[1,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-cab18219-a231-4b3f-9bf9-c835bbc6d346","keyframes":{"transform":["scale(3)","scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}]

It also included a whole new family of motion and visuals while maintaining the highest accessibility standards to provide a more enjoyable experience

[{"selector":"#anim-6adbfe02-9c32-4dec-a5b0-17c57d9acd42 [data-leaf-element=\"true\"]","keyframes":{"transform":["translate(0%, 0%) scale(1.5)","translate(0%, 0%) scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-ef8b5300-5e76-4361-9eaa-ac2a9d466459","keyframes":{"transform":["translate3d(115.55555%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-4c75e94f-c2b7-4963-bfab-ca61919f08cc","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-e5fce36e-32f1-4f1d-aa8c-1cac17658aa2","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}]

AWS also unveiled Toolbar, a fresh approach to navigating and gaining access to relevant tools and features

[{"selector":"#anim-c2dadf1b-eb2b-4fc5-baa6-746262d39379 [data-leaf-element=\"true\"]","keyframes":{"transform":["translate3d(12.514648210040342%, 0, 0)","translate3d(0%, 0, 0)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-131471f2-045c-4f80-acc9-6b571fcf9226","keyframes":{"transform":["translate3d(-121.03449%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-57164867-bf81-499b-bcda-6527b6857636","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-191a4420-f2c9-4e6f-9ee5-cde3b3b3a4fd","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}]

In addition to enhancing a more dynamic and expressive experience, updated colors, iconography, and shapes support a consistent and seamless journey across all AWS experiences

[{"selector":"#anim-520dbe42-e62c-4715-b6ed-18b2f9630a5c [data-leaf-element=\"true\"]","keyframes":{"transform":["translate(0%, 0%) scale(1.5)","translate(0%, 0%) scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-553509fc-a547-407d-9a73-81d5af75c4ae","keyframes":{"transform":["translate3d(110.30302%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-2fd171b0-3cab-4b46-91d3-01d0c4d32872","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-4152b001-4194-4651-acbd-5b6d4f77b7c0","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}]

By going to the AWS Management Console, you can begin to see the visual update in a few consoles across all AWS Regions

[{"selector":"#anim-aa86e68b-284b-45be-978f-deb56914920a [data-leaf-element=\"true\"]","keyframes":{"transform":["translate3d(-12.514648210040342%, 0, 0)","translate3d(0%, 0, 0)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-833d65b8-be32-4d84-8c84-43fae1224638","keyframes":{"transform":["translate3d(-115.55555%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":1000,"easing":"cubic-bezier(.2, 0, .8, 1)","fill":"both"}] [{"selector":"#anim-746a6015-34e3-4c8b-a736-bc9bcfe058d9","keyframes":{"transform":["rotateZ(-180deg)","rotateZ(0deg)"]},"delay":0,"duration":1000,"easing":"cubic-bezier(.2, 0, .5, 1)","fill":"forwards"}]

You can now take advantage of a more readable and intuitive experience that enhances overall task efficiency because of the new graphic treatment

[{"selector":"#anim-68ddf953-45ae-402c-8aa3-31157a5f8e52 [data-leaf-element=\"true\"]","keyframes":{"transform":["translate3d(12.514648210040342%, 0, 0)","translate3d(0%, 0, 0)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-f7654f72-c881-43c8-bec8-3856b851df43","keyframes":{"transform":["translate3d(115.55555%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-5da2180e-4b17-4f05-beb0-725d723aeaea","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-fa3d7b6d-d74c-4ba8-b96e-523fac37ff16","keyframes":{"transform":["scale(0.15)","scale(1)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"forwards"}]