10 Web Stories Design Tips to Create Interesting Visuals

[{"selector":"#anim-9c4fe0d5-8af8-4ec8-b42a-36e2aa49e263","keyframes":{"opacity":[0,1]},"delay":0,"duration":2600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-b570189b-ae3e-4294-8cc0-caf84f5f9520","keyframes":{"transform":["translate3d(-115.18988%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":2600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-b786dbf1-5781-47d8-98e8-706b02bd0fae","keyframes":{"opacity":[0,1]},"delay":0,"duration":2600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-0e0a555f-a116-4494-bf90-81ed1d92cb4b","keyframes":{"transform":["rotate(-167deg) translate3d(88.48263%, 0px, 0) rotate(167deg)","rotate(-167deg) translate3d(0px, 0px, 0) rotate(167deg)"]},"delay":0,"duration":2600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-2c3d0ff5-c480-4768-be54-d6469c7f2418","keyframes":{"opacity":[0,1]},"delay":0,"duration":2600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-e819f18f-2a69-45b0-a2ef-0ff1ed05e8cb","keyframes":{"transform":["translate3d(0px, 283.86226%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":2600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-1a70efbb-0853-4488-ae1e-1a0da76cfced [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"}]

To help you engage audience in web stories, we've put together 10 Google Web Stories design tips that will allow you to create great quality visuals that readers will go back to read again and again.

[{"selector":"#anim-22ca24b9-f906-4b46-8274-d12f2192b946 [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-6688b1af-e23e-44f9-b915-f78cb0c1b2fb","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-ec30b92b-a677-48c1-9edd-c5b582391b9b","keyframes":{"transform":["rotate(-287deg) translate3d(0px, 117.18254%, 0) rotate(287deg)","rotate(-287deg) translate3d(0px, 0px, 0) rotate(287deg)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-8b68c1f6-2fd2-4ca6-9a66-2dc888727259","keyframes":{"opacity":[0,1]},"delay":100,"duration":2000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-b3be8ea5-b7c6-40b2-954f-035cd180d7fb","keyframes":{"transform":["translate3d(0px, 123.73438%, 0)","translate3d(0px, 0px, 0)"]},"delay":100,"duration":2000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-1471d9d3-29f1-450c-bfd3-155984f9a579","keyframes":{"opacity":[0,1]},"delay":0,"duration":1600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-c2d7f904-794e-4b99-bf8e-058181df7536","keyframes":{"transform":["rotate(-180deg) translate3d(0px, 86.42390%, 0) rotate(180deg)","rotate(-180deg) translate3d(0px, 0px, 0) rotate(180deg)"]},"delay":0,"duration":1600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

Overlay Elements

[{"selector":"#anim-158c4e4b-d2b9-4d7a-883d-91f3d800e344","keyframes":{"opacity":[0,1]},"delay":100,"duration":3000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-6f81b3bb-199a-4e64-b81a-f488082a08fd","keyframes":{"opacity":[0,1]},"delay":400,"duration":3500,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}]

Sometimes this gadget is as useful as a Swiss knife, and callouts can make content more clear to readers.

[{"selector":"#anim-23e6ede7-556c-497a-80b1-de01ffcbae22 [data-leaf-element=\"true\"]","keyframes":{"transform":["translate3d(3.3045977011494228%, 0, 0)","translate3d(0%, 0, 0)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-50e5faaf-1575-463d-be91-43ba726d9e1e","keyframes":{"opacity":[0,1]},"delay":0,"duration":2400,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-0034c70d-9ecd-409c-b5ff-d984ed93a925","keyframes":{"transform":["translate3d(0px, -176.46287%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":2400,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-cdc6080e-0b24-4bb0-905c-3ebced7919a2","keyframes":{"opacity":[0,1]},"delay":250,"duration":3000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-a39080e9-ae00-4a02-91c4-4adaff630c54","keyframes":[{"transform":"scale(1)","offset":0},{"transform":"scale(1.1)","offset":0.33},{"transform":"scale(0.99)","offset":0.66},{"transform":"scale(1)","offset":1}],"delay":0,"duration":1450,"easing":"ease-in-out","fill":"both","iterations":999}] [{"selector":"#anim-baa8dc39-f9db-4e85-8d69-470d52988659","keyframes":{"opacity":[1,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-22882503-8703-400a-9336-6e498e07e039","keyframes":{"transform":["scale(3)","scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-5010d753-0522-4bb1-ae8b-7e019b5cab94","keyframes":{"opacity":[1,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-fe5a6a6c-8a92-4baf-a4da-e16f4b56c844","keyframes":{"transform":["scale(3)","scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}]

SWipe Up

[{"selector":"#anim-263c3285-c54c-42a9-80af-400d09b54d15","keyframes":{"opacity":[0,1]},"delay":0,"duration":2600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-113aebd2-d37c-4e25-8e13-ad45d45a81c6","keyframes":{"transform":["translate3d(0px, -109.22048%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":2600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-b3749c8f-dcb5-40c8-8669-053e05b3f1f8","keyframes":{"opacity":[0,1]},"delay":300,"duration":3000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-2e65a3e6-a33e-4fc5-82a3-723929046ee9","keyframes":{"transform":["translate3d(0px, 298.41275%, 0)","translate3d(0px, 0px, 0)"]},"delay":300,"duration":3000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-e025626e-ff77-45f1-9328-920b9981ce44","keyframes":{"opacity":[0,1]},"delay":600,"duration":2600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-64ac02b3-6619-4581-a303-6592d612516c","keyframes":{"transform":["translate3d(-78.12501%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":600,"duration":2600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-31f6cd07-f53d-40b1-90e3-e515fb173745","keyframes":{"opacity":[0,1]},"delay":0,"duration":2600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-f5224da8-5051-435d-9f8c-32eefb7d314d","keyframes":{"opacity":[0,1]},"delay":200,"duration":3000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] AD Learn more

ICON

[{"selector":"#anim-86321e11-7ea0-4928-9ba4-fd028537107d","keyframes":{"opacity":[0,1]},"delay":250,"duration":3000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-cf50be60-8691-4cf1-8cf3-c5f7ccf45fa1","keyframes":{"opacity":[0,1]},"delay":100,"duration":3000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-0bca711d-bb1b-441b-95d6-2e73ad28a330","keyframes":{"opacity":[0,1]},"delay":0,"duration":2600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-b11ba158-fcba-4010-ae55-adab93c69b66","keyframes":{"transform":["translate3d(0px, 119.29062%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":2600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

Shape

[{"selector":"#anim-31456cfb-cb3e-4e4f-abd4-9a636ee894fb","keyframes":{"opacity":[0,1]},"delay":0,"duration":3000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-47823cbf-ff2b-4812-b70d-691eb206f9a9","keyframes":{"opacity":[0,1]},"delay":0,"duration":2600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-bc33f651-3265-4f3b-a160-473f8b083db2","keyframes":{"transform":["rotate(-180deg) translate3d(0px, 100.26512%, 0) rotate(180deg)","rotate(-180deg) translate3d(0px, 0px, 0) rotate(180deg)"]},"delay":0,"duration":2600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-235ddad0-cc7c-474b-af23-26d27928b1f2","keyframes":{"opacity":[0,1]},"delay":250,"duration":3000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-0388db65-ba36-416c-9a23-fadd2a42665e","keyframes":{"opacity":[0,1]},"delay":0,"duration":2600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-8e977cc3-57c3-4784-9f92-973b9bfdebce","keyframes":{"transform":["translate3d(0px, 125.49354%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":2600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

Shadow

[{"selector":"#anim-e5810b2b-b71f-4e34-8667-2b0458803ccb","keyframes":{"opacity":[0,1]},"delay":0,"duration":2600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-d2ddf5e0-cd27-46ae-b614-b604bb035032","keyframes":{"transform":["translate3d(0px, 118.36663%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":2600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-5d62f2a1-aa42-441e-adf7-43606bfcf8ad","keyframes":{"opacity":[0,1]},"delay":400,"duration":3500,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-c309fdf3-686c-4ed0-a480-c7b1a019a840","keyframes":{"opacity":[0,1]},"delay":0,"duration":2600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-f0c876ca-27e7-42fb-99e7-393d019f130a","keyframes":{"transform":["translate3d(0px, -183.27296%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":2600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

10

[{"selector":"#anim-99a71605-ac87-4655-bf10-07f8875e6c01","keyframes":{"opacity":[0,1]},"delay":0,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-fdce5708-a864-420d-b147-8386713c889c","keyframes":{"transform":["translate3d(0px, 98.52245%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-f7906e33-854b-44d8-98a8-f9ed82394fe0","keyframes":{"opacity":[0,1]},"delay":150,"duration":1000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-52892de6-0077-4caa-9e55-396d41817249","keyframes":{"opacity":[0,1]},"delay":150,"duration":1000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-9cc39b49-4d22-4715-841b-e9e9cf67cc09","keyframes":{"opacity":[0,1]},"delay":50,"duration":1000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-e1d8d96e-d9f9-4f7c-9c7a-a31197ce5d10","keyframes":{"opacity":[0,1]},"delay":0,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-b9f1894d-2fdf-451e-bd5f-4edb64d5d727","keyframes":{"transform":["translate3d(0px, 338.15521%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-851092f3-c1bf-46ff-9fbf-7f8926754d3e","keyframes":{"opacity":[0,1]},"delay":0,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-d9149bca-bc43-414e-bea3-55623065f902","keyframes":{"transform":["translate3d(0px, 338.15521%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-1fd63edc-d56f-490e-bd66-bbdf30185119","keyframes":{"opacity":[0,1]},"delay":0,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-ac04dac8-daf5-4ce3-858e-b358928f87d8","keyframes":{"transform":["translate3d(0px, 236.41234%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":1000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-03deca5a-91d0-4926-bb00-4d43a52c81fe","keyframes":{"opacity":[0,1]},"delay":0,"duration":2600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-7ec81e69-974d-4ee9-bcc2-c199176e230b","keyframes":{"transform":["translate3d(0px, -108.69655%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":2600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] categories stickers possibilities AD More Info

Social

[{"selector":"#anim-dd679ec0-cd01-4ba1-9302-7261810d5c2b","keyframes":[{"transform":"rotate(-540deg) scale(0.1)","opacity":0},{"transform":"none","opacity":1}],"delay":0,"duration":3000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both","iterations":1}] [{"selector":"#anim-1f4298ea-6727-42da-950b-a125a563c9f8","keyframes":[{"offset":0,"transform":"translate3d(0, -389.62971%, 0)","easing":"cubic-bezier(.5, 0, 1, 1)"},{"offset":0.29,"transform":"translate3d(0, 0%, 0)","easing":"cubic-bezier(0, 0, .5, 1)"},{"offset":0.45,"transform":"translate3d(0, -109.563874452%, 0)","easing":"cubic-bezier(.5, 0, 1, 1)"},{"offset":0.61,"transform":"translate3d(0, 0%, 0)","easing":"cubic-bezier(0, 0, .5, 1)"},{"offset":0.71,"transform":"translate3d(0, -37.248600276%, 0)","easing":"cubic-bezier(.5, 0, 1, 1)"},{"offset":0.8,"transform":"translate3d(0, 0%, 0)","easing":"cubic-bezier(0, 0, .5, 1)"},{"offset":0.85,"transform":"translate3d(0, -13.987706589%, 0)","easing":"cubic-bezier(.5, 0, 1, 1)"},{"offset":0.92,"transform":"translate3d(0, 0%, 0)","easing":"cubic-bezier(0, 0, .5, 1)"},{"offset":0.96,"transform":"translate3d(0, -6.078223476%, 0)","easing":"cubic-bezier(.5, 0, 1, 1)"},{"offset":1,"transform":"translate3d(0, 0%, 0)","easing":"cubic-bezier(0, 0, .5, 1)"}],"delay":0,"duration":2600,"fill":"both"}] [{"selector":"#anim-59042d36-8ae8-4719-8514-91b6cf272b48","keyframes":{"opacity":[0,1]},"delay":0,"duration":2400,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-1d650a39-5b71-49ab-bed1-1c4bb107aff1","keyframes":{"transform":["translate3d(0px, 122.60144%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":2400,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-b62709de-71e0-4624-a6d1-8f2312049b95 [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"}]

Do you have a spotlight you want to draw more attention to? Arrow always make the focus more noticeable.

[{"selector":"#anim-95e99806-7a58-44d6-9daa-4f23a65a32fb","keyframes":{"opacity":[0,1]},"delay":0,"duration":2600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-86a4e0ba-2fba-49ad-8d4c-a2953cc1298b","keyframes":{"transform":["translate3d(0px, 98.77492%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":2600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-fef66e5f-7fd9-4756-aabe-195186e9b2e3","keyframes":{"opacity":[0,1]},"delay":0,"duration":2600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-53f4191f-2fbc-4567-8523-73bf873bfcf0","keyframes":{"transform":["translate3d(0px, -99.55995%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":2600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-7724ad72-58da-4073-835a-cbb927af12cb","keyframes":{"opacity":[0,1]},"delay":0,"duration":2400,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-29dd197a-f8bd-4cd3-9f8c-3ce6f54016c7","keyframes":{"transform":["translate3d(0px, -167.77225%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":2400,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-78baeb7c-b7cc-4bca-bb6f-03f02079c241","keyframes":{"opacity":[0,1]},"delay":250,"duration":3000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-9943a2ca-29d1-418f-a88f-b32093d37522","keyframes":{"opacity":[0,1]},"delay":0,"duration":2600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}]

Background

[{"selector":"#anim-91926ef2-7205-4985-b737-e1ed32c67ed5","keyframes":{"opacity":[0,1]},"delay":0,"duration":2600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-1938d22a-dc56-4624-9a2d-c366c39392db","keyframes":{"transform":["translate3d(0px, 532.09903%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":2600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-1ddaae06-4573-4518-a5b8-e7288f9e5d1d","keyframes":[{"transform":"rotate(-540deg) scale(0.1)","opacity":0},{"transform":"none","opacity":1}],"delay":0,"duration":2000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both","iterations":1}] [{"selector":"#anim-c1843ce2-5447-4083-8966-5de62f3115ef","keyframes":{"opacity":[0,1]},"delay":0,"duration":2600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-4ffb9af2-7897-4d3a-b58c-b6451ff8afdf","keyframes":{"transform":["translate3d(0px, 145.37556%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":2600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] Cream Section Separator

Your teacher must have told you to draw the highlights when studying, so you know how useful it is, right?

[{"selector":"#anim-174fd215-a10b-4c8c-a70b-7d20980803b5","keyframes":{"opacity":[0,1]},"delay":1000,"duration":2000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-72a29ce6-4daa-4f06-bcf1-6f49d3e30ddf","keyframes":{"opacity":[0,1]},"delay":250,"duration":3000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-af160e9b-215f-40d7-a289-32d7c28490d0 [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"}] Floral Pattern

Ink

[{"selector":"#anim-a5c6ad82-61dc-4bc3-aa0a-975761832b32 [data-leaf-element=\"true\"]","keyframes":{"transform":["translate3d(26.42495441420539%, 0, 0) translate(25%, 0%) scale(1.5)","translate3d(0%, 0, 0) translate(0%, 0%) scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.14,.34,.47,.9)","fill":"forwards"}] [{"selector":"#anim-a7813159-185e-47e2-82bd-a40bfbeb017c","keyframes":{"opacity":[0,1]},"delay":0,"duration":2400,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-2ddf59be-23ac-4ebf-be19-deb90674fef7","keyframes":{"transform":["translate3d(0px, -155.22876%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":2400,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-1b644693-6e31-40d7-be67-21e9254c4025","keyframes":[{"offset":0,"transform":"translate3d(0, -361.71356%, 0)","easing":"cubic-bezier(.5, 0, 1, 1)"},{"offset":0.29,"transform":"translate3d(0, 0%, 0)","easing":"cubic-bezier(0, 0, .5, 1)"},{"offset":0.45,"transform":"translate3d(0, -101.71385307199999%, 0)","easing":"cubic-bezier(.5, 0, 1, 1)"},{"offset":0.61,"transform":"translate3d(0, 0%, 0)","easing":"cubic-bezier(0, 0, .5, 1)"},{"offset":0.71,"transform":"translate3d(0, -34.579816336%, 0)","easing":"cubic-bezier(.5, 0, 1, 1)"},{"offset":0.8,"transform":"translate3d(0, 0%, 0)","easing":"cubic-bezier(0, 0, .5, 1)"},{"offset":0.85,"transform":"translate3d(0, -12.985516804%, 0)","easing":"cubic-bezier(.5, 0, 1, 1)"},{"offset":0.92,"transform":"translate3d(0, 0%, 0)","easing":"cubic-bezier(0, 0, .5, 1)"},{"offset":0.96,"transform":"translate3d(0, -5.642731535999999%, 0)","easing":"cubic-bezier(.5, 0, 1, 1)"},{"offset":1,"transform":"translate3d(0, 0%, 0)","easing":"cubic-bezier(0, 0, .5, 1)"}],"delay":0,"duration":2600,"fill":"both"}] [{"selector":"#anim-f31e4301-18bc-4bcb-9d64-b625c6132297","keyframes":{"opacity":[0,1]},"delay":0,"duration":2600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-cc04911f-f1c9-4d34-9f87-fd0d5d0c144c","keyframes":{"transform":["rotate(-338deg) translate3d(87.10938%, 0px, 0) rotate(338deg)","rotate(-338deg) translate3d(0px, 0px, 0) rotate(338deg)"]},"delay":0,"duration":2600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] Learn more

Start creating your own web story, use them to attract more readers, and let the lively content to showcase your web stories.

[{"selector":"#anim-2cb7999c-a8de-43a0-8224-a8b476ed0f32","keyframes":{"opacity":[0,1]},"delay":100,"duration":2000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-b64b816d-1e86-4e5b-a7d8-c786f5df5715","keyframes":{"transform":["translate3d(0px, 127.71292%, 0)","translate3d(0px, 0px, 0)"]},"delay":100,"duration":2000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-5c7520d2-ce0f-42be-8fe2-43db0a816ed7","keyframes":{"opacity":[0,1]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-467a5b6a-8e4a-4b5a-8213-b883d08758fc","keyframes":{"transform":["rotate(-287deg) translate3d(0px, 117.18254%, 0) rotate(287deg)","rotate(-287deg) translate3d(0px, 0px, 0) rotate(287deg)"]},"delay":0,"duration":600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-18d0eb2d-bc1a-4022-b34d-768c17f9a2de","keyframes":{"opacity":[0,1]},"delay":0,"duration":2600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-09f02c45-e616-4e89-a497-2d2bd0859ee2","keyframes":{"transform":["translate3d(0px, -279.01235%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":2600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-a9069692-2e7a-42e5-bf25-0429664dd044 [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-275c44d6-a8f2-476b-9b28-751884cc132a","keyframes":{"opacity":[0,1]},"delay":0,"duration":2600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-51cce5db-33a1-482e-97d7-b0a0db5aaf4b","keyframes":{"transform":["translate3d(0px, -155.2935%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":2600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}]

SWipe Up

[{"selector":"#anim-602839a3-5f94-40b8-9c22-4536b8c13616","keyframes":{"opacity":[0,1]},"delay":0,"duration":2600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-30d2efa5-a0a4-403e-bdc0-6e7e862d2aa9","keyframes":{"transform":["translate3d(0px, -109.22048%, 0)","translate3d(0px, 0px, 0)"]},"delay":0,"duration":2600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-0f15e133-6ade-40c6-b6c9-5cc112843cf1","keyframes":{"opacity":[0,1]},"delay":300,"duration":3000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-200dc392-2cd3-4e44-b71e-9dfe438705ef","keyframes":{"transform":["translate3d(0px, 298.41275%, 0)","translate3d(0px, 0px, 0)"]},"delay":300,"duration":3000,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-ba7ba5b6-5b43-4ae2-a610-69fc14f2265d","keyframes":{"opacity":[0,1]},"delay":600,"duration":2600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-956cd75d-f31b-46c6-8d05-9392dfb16b77","keyframes":{"transform":["translate3d(-78.12501%, 0px, 0)","translate3d(0px, 0px, 0)"]},"delay":600,"duration":2600,"easing":"cubic-bezier(0.2, 0.6, 0.0, 1)","fill":"both"}] [{"selector":"#anim-78dc7a0b-009e-4165-8365-edbf926f21d9","keyframes":{"opacity":[0,1]},"delay":0,"duration":2600,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] [{"selector":"#anim-16638b4d-d051-400c-80af-32f17b1ca2a1","keyframes":{"opacity":[0,1]},"delay":200,"duration":3000,"easing":"cubic-bezier(0.4, 0.4, 0.0, 1)","fill":"both"}] AD Learn more

10 Web Stories Design Tips to Create Interesting Visuals

To help you engage audience in web stories, we've put together 10 Google Web Stories design tips that will allow you to create great quality visuals that readers will go back to read again and again.

Overlay Elements

This gives you a fast way of adding overlay elements over a photo or video, making it simple to add your Web Stories prior to distributing.

Sometimes this gadget is as useful as a Swiss knife, and callouts can make content more clear to readers.

Callout

Sugar

SWipe Up

Creating Eye Catching Google Web Stories Look Like This

ICON

The icon can have a significant hint effect, in web stories instead of writing more text to increase the difficulty of reading, it is better to use a simple icon to represent it can be illustrated.

Shape

Whether you want to make quick partitioned area, or add text, shape has you covered.

Shadow

Shadow can effectively increase the visual appeal of your Web Stories to make them more engage.

10

580

∞

Social

Nowadays, everyone has several social accounts, so it's important to make it as easy as possible for readers to share such good web stories.

Do you have a spotlight you want to draw more attention to? Arrow always make the focus more noticeable.

Arrow

Background

Animated background can be cleverly blended with the photos, and the story itself is to attract readers, isn't it?

Your teacher must have told you to draw the highlights when studying, so you know how useful it is, right?

Underline

Ink

Using only color blocks makes your web stories a little more boring? Be bold and use ink, it will definitely make the page look more like your own style!

Start creating your own web story, use them to attract more readers, and let the lively content to showcase your web stories.

Start creating today!

SWipe Up

Creating Eye Catching Google Web Stories Look Like This