{"id":216,"date":"2021-04-12T16:23:05","date_gmt":"2021-04-12T16:23:05","guid":{"rendered":"https:\/\/avadawebsites.wpengine.com\/digital-agency\/?p=216"},"modified":"2021-04-12T16:23:05","modified_gmt":"2021-04-12T16:23:05","slug":"12-beautiful-examples-of-gradient-websites","status":"publish","type":"post","link":"https:\/\/digitalpatternksa.com\/en\/12-beautiful-examples-of-gradient-websites\/","title":{"rendered":"12 beautiful examples of gradient websites"},"content":{"rendered":"<p>[fusion_builder_container type=&#8221;flex&#8221; hundred_percent=&#8221;no&#8221; equal_height_columns=&#8221;no&#8221; hide_on_mobile=&#8221;small-visibility,medium-visibility,large-visibility&#8221; background_position=&#8221;center center&#8221; background_repeat=&#8221;no-repeat&#8221; fade=&#8221;no&#8221; background_parallax=&#8221;none&#8221; parallax_speed=&#8221;0.3&#8243; video_aspect_ratio=&#8221;16:9&#8243; video_loop=&#8221;yes&#8221; video_mute=&#8221;yes&#8221; border_style=&#8221;solid&#8221; admin_label=&#8221;Post Content&#8221; admin_toggled=&#8221;yes&#8221;][fusion_builder_row][fusion_builder_column type=&#8221;1_1&#8243; type=&#8221;1_1&#8243; layout=&#8221;1_1&#8243; background_position=&#8221;left top&#8221; background_color=&#8221;&#8221; border_color=&#8221;&#8221; border_style=&#8221;solid&#8221; border_position=&#8221;all&#8221; spacing=&#8221;yes&#8221; background_image=&#8221;&#8221; background_repeat=&#8221;no-repeat&#8221; padding_top=&#8221;&#8221; padding_right=&#8221;&#8221; padding_bottom=&#8221;&#8221; padding_left=&#8221;&#8221; margin_top=&#8221;0px&#8221; margin_bottom=&#8221;0px&#8221; class=&#8221;&#8221; id=&#8221;&#8221; animation_type=&#8221;&#8221; animation_speed=&#8221;0.3&#8243; animation_direction=&#8221;left&#8221; hide_on_mobile=&#8221;small-visibility,medium-visibility,large-visibility&#8221; center_content=&#8221;no&#8221; last=&#8221;true&#8221; min_height=&#8221;&#8221; hover_type=&#8221;none&#8221; link=&#8221;&#8221; border_sizes_top=&#8221;&#8221; border_sizes_bottom=&#8221;&#8221; border_sizes_left=&#8221;&#8221; border_sizes_right=&#8221;&#8221; first=&#8221;true&#8221;][fusion_title title_type=&#8221;text&#8221; rotation_effect=&#8221;bounceIn&#8221; display_time=&#8221;1200&#8243; highlight_effect=&#8221;circle&#8221; loop_animation=&#8221;off&#8221; highlight_width=&#8221;9&#8243; highlight_top_margin=&#8221;0&#8243; before_text=&#8221;&#8221; rotation_text=&#8221;&#8221; highlight_text=&#8221;&#8221; after_text=&#8221;&#8221; title_link=&#8221;off&#8221; link_url=&#8221;&#8221; link_target=&#8221;_self&#8221; content_align_medium=&#8221;&#8221; content_align_small=&#8221;&#8221; content_align=&#8221;left&#8221; size=&#8221;2&#8243; font_size=&#8221;&#8221; animated_font_size=&#8221;&#8221; line_height=&#8221;&#8221; letter_spacing=&#8221;&#8221; text_shadow=&#8221;no&#8221; text_shadow_blur=&#8221;0&#8243; text_shadow_color=&#8221;&#8221; dimensions_medium=&#8221;&#8221; dimensions_small=&#8221;&#8221; text_color=&#8221;&#8221; animated_text_color=&#8221;&#8221; highlight_color=&#8221;&#8221; style_type=&#8221;default&#8221; sep_color=&#8221;&#8221; link_color=&#8221;&#8221; link_hover_color=&#8221;&#8221; animation_type=&#8221;&#8221; animation_direction=&#8221;left&#8221; animation_speed=&#8221;0.3&#8243; animation_offset=&#8221;&#8221; hide_on_mobile=&#8221;small-visibility,medium-visibility,large-visibility&#8221; sticky_display=&#8221;normal,sticky&#8221; class=&#8221;&#8221; id=&#8221;&#8221; fusion_font_variant_title_font=&#8221;&#8221; margin_bottom=&#8221;30px&#8221;]<\/p>\n<p>Pellentesque in ipsum id orci.<\/p>\n<p>[\/fusion_title][fusion_text fusion_font_variant_text_font=&#8221;&#8221; font_size=&#8221;19px&#8221; line_height=&#8221;1.8em&#8221; margin_bottom=&#8221;60px&#8221;]Curabitur aliquet quam id dui posuere blandit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque in ipsum id orci porta dapibus. Pellentesque in ipsum id orci porta dapibus. Vivamus magna justo, lacinia eget consectetur sed, convallis at tellus. Lorem ipsum dolor sit amet.[\/fusion_text][fusion_imageframe image_id=&#8221;567|full&#8221; max_width=&#8221;&#8221; sticky_max_width=&#8221;&#8221; skip_lazy_load=&#8221;&#8221; style_type=&#8221;&#8221; blur=&#8221;&#8221; stylecolor=&#8221;&#8221; hover_type=&#8221;none&#8221; bordersize=&#8221;&#8221; bordercolor=&#8221;&#8221; borderradius=&#8221;&#8221; align_medium=&#8221;none&#8221; align_small=&#8221;none&#8221; align=&#8221;none&#8221; lightbox=&#8221;no&#8221; gallery_id=&#8221;&#8221; lightbox_image=&#8221;&#8221; lightbox_image_id=&#8221;&#8221; alt=&#8221;&#8221; link=&#8221;&#8221; linktarget=&#8221;_self&#8221; animation_type=&#8221;&#8221; animation_direction=&#8221;left&#8221; animation_speed=&#8221;0.3&#8243; animation_offset=&#8221;&#8221; hide_on_mobile=&#8221;small-visibility,medium-visibility,large-visibility&#8221; sticky_display=&#8221;normal,sticky&#8221; class=&#8221;&#8221; id=&#8221;&#8221; filter_hue=&#8221;0&#8243; filter_saturation=&#8221;100&#8243; filter_brightness=&#8221;100&#8243; filter_contrast=&#8221;100&#8243; filter_invert=&#8221;0&#8243; filter_sepia=&#8221;0&#8243; filter_opacity=&#8221;100&#8243; filter_blur=&#8221;0&#8243; filter_hue_hover=&#8221;0&#8243; filter_saturation_hover=&#8221;100&#8243; filter_brightness_hover=&#8221;100&#8243; filter_contrast_hover=&#8221;100&#8243; filter_invert_hover=&#8221;0&#8243; filter_sepia_hover=&#8221;0&#8243; filter_opacity_hover=&#8221;100&#8243; filter_blur_hover=&#8221;0&#8243; margin_bottom=&#8221;70px&#8221;]http:\/\/digitalpatternksa.com\/wp-content\/uploads\/2021\/04\/portfolio-9.jpg[\/fusion_imageframe][fusion_text fusion_font_variant_text_font=&#8221;&#8221; font_size=&#8221;19px&#8221; line_height=&#8221;1.8em&#8221; margin_bottom=&#8221;60px&#8221;]Curabitur aliquet quam id dui posuere blandit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque in ipsum id orci porta dapibus. Pellentesque in ipsum id orci porta dapibus. Vivamus magna justo, lacinia eget consectetur sed, convallis at tellus. Lorem ipsum dolor sit amet.[\/fusion_text][fusion_title title_type=&#8221;text&#8221; rotation_effect=&#8221;bounceIn&#8221; display_time=&#8221;1200&#8243; highlight_effect=&#8221;circle&#8221; loop_animation=&#8221;off&#8221; highlight_width=&#8221;9&#8243; highlight_top_margin=&#8221;0&#8243; before_text=&#8221;&#8221; rotation_text=&#8221;&#8221; highlight_text=&#8221;&#8221; after_text=&#8221;&#8221; title_link=&#8221;off&#8221; link_url=&#8221;&#8221; link_target=&#8221;_self&#8221; content_align_medium=&#8221;&#8221; content_align_small=&#8221;&#8221; content_align=&#8221;left&#8221; size=&#8221;2&#8243; font_size=&#8221;&#8221; animated_font_size=&#8221;&#8221; line_height=&#8221;&#8221; letter_spacing=&#8221;&#8221; text_shadow=&#8221;no&#8221; text_shadow_blur=&#8221;0&#8243; text_shadow_color=&#8221;&#8221; dimensions_medium=&#8221;&#8221; dimensions_small=&#8221;&#8221; text_color=&#8221;&#8221; animated_text_color=&#8221;&#8221; highlight_color=&#8221;&#8221; style_type=&#8221;default&#8221; sep_color=&#8221;&#8221; link_color=&#8221;&#8221; link_hover_color=&#8221;&#8221; animation_type=&#8221;&#8221; animation_direction=&#8221;left&#8221; animation_speed=&#8221;0.3&#8243; animation_offset=&#8221;&#8221; hide_on_mobile=&#8221;small-visibility,medium-visibility,large-visibility&#8221; sticky_display=&#8221;normal,sticky&#8221; class=&#8221;&#8221; id=&#8221;&#8221; fusion_font_variant_title_font=&#8221;&#8221; margin_bottom=&#8221;30px&#8221;]Vivamus suscipit tortor eget.[\/fusion_title][fusion_text fusion_font_variant_text_font=&#8221;&#8221; font_size=&#8221;19px&#8221; line_height=&#8221;1.8em&#8221; margin_bottom=&#8221;60px&#8221;]Curabitur aliquet quam id dui posuere blandit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque in ipsum id orci porta dapibus. Pellentesque in ipsum id orci porta dapibus. Vivamus magna justo, lacinia eget consectetur sed, convallis at tellus. Lorem ipsum dolor sit amet.[\/fusion_text][fusion_imageframe image_id=&#8221;299|full&#8221; max_width=&#8221;&#8221; sticky_max_width=&#8221;&#8221; skip_lazy_load=&#8221;&#8221; style_type=&#8221;&#8221; blur=&#8221;&#8221; stylecolor=&#8221;&#8221; hover_type=&#8221;none&#8221; bordersize=&#8221;&#8221; bordercolor=&#8221;&#8221; borderradius=&#8221;&#8221; align_medium=&#8221;none&#8221; align_small=&#8221;none&#8221; align=&#8221;none&#8221; lightbox=&#8221;no&#8221; gallery_id=&#8221;&#8221; lightbox_image=&#8221;&#8221; lightbox_image_id=&#8221;&#8221; alt=&#8221;&#8221; link=&#8221;&#8221; linktarget=&#8221;_self&#8221; animation_type=&#8221;&#8221; animation_direction=&#8221;left&#8221; animation_speed=&#8221;0.3&#8243; animation_offset=&#8221;&#8221; hide_on_mobile=&#8221;small-visibility,medium-visibility,large-visibility&#8221; sticky_display=&#8221;normal,sticky&#8221; class=&#8221;&#8221; id=&#8221;&#8221; filter_hue=&#8221;0&#8243; filter_saturation=&#8221;100&#8243; filter_brightness=&#8221;100&#8243; filter_contrast=&#8221;100&#8243; filter_invert=&#8221;0&#8243; filter_sepia=&#8221;0&#8243; filter_opacity=&#8221;100&#8243; filter_blur=&#8221;0&#8243; filter_hue_hover=&#8221;0&#8243; filter_saturation_hover=&#8221;100&#8243; filter_brightness_hover=&#8221;100&#8243; filter_contrast_hover=&#8221;100&#8243; filter_invert_hover=&#8221;0&#8243; filter_sepia_hover=&#8221;0&#8243; filter_opacity_hover=&#8221;100&#8243; filter_blur_hover=&#8221;0&#8243; margin_bottom=&#8221;70px&#8221;]http:\/\/digitalpatternksa.com\/wp-content\/uploads\/2021\/04\/product-2.jpg[\/fusion_imageframe][fusion_text fusion_font_variant_text_font=&#8221;&#8221; font_size=&#8221;19px&#8221; line_height=&#8221;1.8em&#8221; margin_bottom=&#8221;&#8221;]Curabitur aliquet quam id dui posuere blandit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque in ipsum id orci porta dapibus. Pellentesque in ipsum id orci porta dapibus. Vivamus magna justo, lacinia eget consectetur sed, convallis at tellus. Lorem ipsum dolor sit amet.[\/fusion_text][\/fusion_builder_column][\/fusion_builder_row][\/fusion_builder_container]<\/p>","protected":false},"excerpt":{"rendered":"<p>Dictum aenean cursus aliquam ut purus. Tincidunt vel accumsan mi dui.<\/p>","protected":false},"author":1,"featured_media":767,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[17],"tags":[],"class_list":["post-216","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tips-tricks"],"blocksy_meta":[],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.3 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>12 beautiful examples of gradient websites - digitalpatternksa.com<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/digitalpatternksa.com\/en\/12-beautiful-examples-of-gradient-websites\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"12 beautiful examples of gradient websites - digitalpatternksa.com\" \/>\n<meta property=\"og:description\" content=\"Dictum aenean cursus aliquam ut purus. Tincidunt vel accumsan mi dui.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/digitalpatternksa.com\/en\/12-beautiful-examples-of-gradient-websites\/\" \/>\n<meta property=\"og:site_name\" content=\"digitalpatternksa.com\" \/>\n<meta property=\"article:published_time\" content=\"2021-04-12T16:23:05+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/digitalpatternksa.com\/wp-content\/uploads\/2021\/04\/blog-5.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1479\" \/>\n\t<meta property=\"og:image:height\" content=\"780\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"businessmaninjapan@yahoo.com\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"businessmaninjapan@yahoo.com\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/digitalpatternksa.com\/12-beautiful-examples-of-gradient-websites\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/digitalpatternksa.com\/12-beautiful-examples-of-gradient-websites\/\"},\"author\":{\"name\":\"businessmaninjapan@yahoo.com\",\"@id\":\"https:\/\/digitalpatternksa.com\/#\/schema\/person\/5b95e9e5f9b6c8bb2b80e7bbd78f1fdc\"},\"headline\":\"12 beautiful examples of gradient websites\",\"datePublished\":\"2021-04-12T16:23:05+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/digitalpatternksa.com\/12-beautiful-examples-of-gradient-websites\/\"},\"wordCount\":873,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/digitalpatternksa.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/digitalpatternksa.com\/12-beautiful-examples-of-gradient-websites\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/digitalpatternksa.com\/wp-content\/uploads\/2021\/04\/blog-5.jpg\",\"articleSection\":[\"Tips &amp; Tricks\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/digitalpatternksa.com\/12-beautiful-examples-of-gradient-websites\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/digitalpatternksa.com\/12-beautiful-examples-of-gradient-websites\/\",\"url\":\"https:\/\/digitalpatternksa.com\/12-beautiful-examples-of-gradient-websites\/\",\"name\":\"12 beautiful examples of gradient websites - digitalpatternksa.com\",\"isPartOf\":{\"@id\":\"https:\/\/digitalpatternksa.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/digitalpatternksa.com\/12-beautiful-examples-of-gradient-websites\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/digitalpatternksa.com\/12-beautiful-examples-of-gradient-websites\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/digitalpatternksa.com\/wp-content\/uploads\/2021\/04\/blog-5.jpg\",\"datePublished\":\"2021-04-12T16:23:05+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/digitalpatternksa.com\/12-beautiful-examples-of-gradient-websites\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/digitalpatternksa.com\/12-beautiful-examples-of-gradient-websites\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/digitalpatternksa.com\/12-beautiful-examples-of-gradient-websites\/#primaryimage\",\"url\":\"https:\/\/digitalpatternksa.com\/wp-content\/uploads\/2021\/04\/blog-5.jpg\",\"contentUrl\":\"https:\/\/digitalpatternksa.com\/wp-content\/uploads\/2021\/04\/blog-5.jpg\",\"width\":1479,\"height\":780,\"caption\":\"Office Workspace\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/digitalpatternksa.com\/12-beautiful-examples-of-gradient-websites\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"\u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629\",\"item\":\"https:\/\/digitalpatternksa.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"12 beautiful examples of gradient websites\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/digitalpatternksa.com\/#website\",\"url\":\"https:\/\/digitalpatternksa.com\/\",\"name\":\"digitalpatternksa.com\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/digitalpatternksa.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/digitalpatternksa.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/digitalpatternksa.com\/#organization\",\"name\":\"digitalpatternksa.com\",\"url\":\"https:\/\/digitalpatternksa.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/digitalpatternksa.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/digitalpatternksa.com\/wp-content\/uploads\/2025\/11\/558084681_122096530317089762_7642935987251246820_n-e1762449620158.jpg\",\"contentUrl\":\"https:\/\/digitalpatternksa.com\/wp-content\/uploads\/2025\/11\/558084681_122096530317089762_7642935987251246820_n-e1762449620158.jpg\",\"width\":281,\"height\":312,\"caption\":\"digitalpatternksa.com\"},\"image\":{\"@id\":\"https:\/\/digitalpatternksa.com\/#\/schema\/logo\/image\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\/\/digitalpatternksa.com\/#\/schema\/person\/5b95e9e5f9b6c8bb2b80e7bbd78f1fdc\",\"name\":\"businessmaninjapan@yahoo.com\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/digitalpatternksa.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/ca1fbfa3eb03521cf2fd9f1043b001366641933cdedbf57b1bbba67f5d6cf9e2?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/ca1fbfa3eb03521cf2fd9f1043b001366641933cdedbf57b1bbba67f5d6cf9e2?s=96&d=mm&r=g\",\"caption\":\"businessmaninjapan@yahoo.com\"},\"sameAs\":[\"http:\/\/digitalpatternksa.com\"],\"url\":\"https:\/\/digitalpatternksa.com\/en\/author\/businessmaninjapanyahoo-com\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"12 beautiful examples of gradient websites - digitalpatternksa.com","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/digitalpatternksa.com\/en\/12-beautiful-examples-of-gradient-websites\/","og_locale":"en_US","og_type":"article","og_title":"12 beautiful examples of gradient websites - digitalpatternksa.com","og_description":"Dictum aenean cursus aliquam ut purus. Tincidunt vel accumsan mi dui.","og_url":"https:\/\/digitalpatternksa.com\/en\/12-beautiful-examples-of-gradient-websites\/","og_site_name":"digitalpatternksa.com","article_published_time":"2021-04-12T16:23:05+00:00","og_image":[{"width":1479,"height":780,"url":"https:\/\/digitalpatternksa.com\/wp-content\/uploads\/2021\/04\/blog-5.jpg","type":"image\/jpeg"}],"author":"businessmaninjapan@yahoo.com","twitter_card":"summary_large_image","twitter_misc":{"Written by":"businessmaninjapan@yahoo.com","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/digitalpatternksa.com\/12-beautiful-examples-of-gradient-websites\/#article","isPartOf":{"@id":"https:\/\/digitalpatternksa.com\/12-beautiful-examples-of-gradient-websites\/"},"author":{"name":"businessmaninjapan@yahoo.com","@id":"https:\/\/digitalpatternksa.com\/#\/schema\/person\/5b95e9e5f9b6c8bb2b80e7bbd78f1fdc"},"headline":"12 beautiful examples of gradient websites","datePublished":"2021-04-12T16:23:05+00:00","mainEntityOfPage":{"@id":"https:\/\/digitalpatternksa.com\/12-beautiful-examples-of-gradient-websites\/"},"wordCount":873,"commentCount":0,"publisher":{"@id":"https:\/\/digitalpatternksa.com\/#organization"},"image":{"@id":"https:\/\/digitalpatternksa.com\/12-beautiful-examples-of-gradient-websites\/#primaryimage"},"thumbnailUrl":"https:\/\/digitalpatternksa.com\/wp-content\/uploads\/2021\/04\/blog-5.jpg","articleSection":["Tips &amp; Tricks"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/digitalpatternksa.com\/12-beautiful-examples-of-gradient-websites\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/digitalpatternksa.com\/12-beautiful-examples-of-gradient-websites\/","url":"https:\/\/digitalpatternksa.com\/12-beautiful-examples-of-gradient-websites\/","name":"12 beautiful examples of gradient websites - digitalpatternksa.com","isPartOf":{"@id":"https:\/\/digitalpatternksa.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/digitalpatternksa.com\/12-beautiful-examples-of-gradient-websites\/#primaryimage"},"image":{"@id":"https:\/\/digitalpatternksa.com\/12-beautiful-examples-of-gradient-websites\/#primaryimage"},"thumbnailUrl":"https:\/\/digitalpatternksa.com\/wp-content\/uploads\/2021\/04\/blog-5.jpg","datePublished":"2021-04-12T16:23:05+00:00","breadcrumb":{"@id":"https:\/\/digitalpatternksa.com\/12-beautiful-examples-of-gradient-websites\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/digitalpatternksa.com\/12-beautiful-examples-of-gradient-websites\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/digitalpatternksa.com\/12-beautiful-examples-of-gradient-websites\/#primaryimage","url":"https:\/\/digitalpatternksa.com\/wp-content\/uploads\/2021\/04\/blog-5.jpg","contentUrl":"https:\/\/digitalpatternksa.com\/wp-content\/uploads\/2021\/04\/blog-5.jpg","width":1479,"height":780,"caption":"Office Workspace"},{"@type":"BreadcrumbList","@id":"https:\/\/digitalpatternksa.com\/12-beautiful-examples-of-gradient-websites\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"\u0627\u0644\u0631\u0626\u064a\u0633\u064a\u0629","item":"https:\/\/digitalpatternksa.com\/"},{"@type":"ListItem","position":2,"name":"12 beautiful examples of gradient websites"}]},{"@type":"WebSite","@id":"https:\/\/digitalpatternksa.com\/#website","url":"https:\/\/digitalpatternksa.com\/","name":"digitalpatternksa.com","description":"","publisher":{"@id":"https:\/\/digitalpatternksa.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/digitalpatternksa.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/digitalpatternksa.com\/#organization","name":"digitalpatternksa.com","url":"https:\/\/digitalpatternksa.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/digitalpatternksa.com\/#\/schema\/logo\/image\/","url":"https:\/\/digitalpatternksa.com\/wp-content\/uploads\/2025\/11\/558084681_122096530317089762_7642935987251246820_n-e1762449620158.jpg","contentUrl":"https:\/\/digitalpatternksa.com\/wp-content\/uploads\/2025\/11\/558084681_122096530317089762_7642935987251246820_n-e1762449620158.jpg","width":281,"height":312,"caption":"digitalpatternksa.com"},"image":{"@id":"https:\/\/digitalpatternksa.com\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/digitalpatternksa.com\/#\/schema\/person\/5b95e9e5f9b6c8bb2b80e7bbd78f1fdc","name":"businessmaninjapan@yahoo.com","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/digitalpatternksa.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/ca1fbfa3eb03521cf2fd9f1043b001366641933cdedbf57b1bbba67f5d6cf9e2?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/ca1fbfa3eb03521cf2fd9f1043b001366641933cdedbf57b1bbba67f5d6cf9e2?s=96&d=mm&r=g","caption":"businessmaninjapan@yahoo.com"},"sameAs":["http:\/\/digitalpatternksa.com"],"url":"https:\/\/digitalpatternksa.com\/en\/author\/businessmaninjapanyahoo-com\/"}]}},"_links":{"self":[{"href":"https:\/\/digitalpatternksa.com\/en\/wp-json\/wp\/v2\/posts\/216","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/digitalpatternksa.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/digitalpatternksa.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/digitalpatternksa.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/digitalpatternksa.com\/en\/wp-json\/wp\/v2\/comments?post=216"}],"version-history":[{"count":0,"href":"https:\/\/digitalpatternksa.com\/en\/wp-json\/wp\/v2\/posts\/216\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/digitalpatternksa.com\/en\/wp-json\/wp\/v2\/media\/767"}],"wp:attachment":[{"href":"https:\/\/digitalpatternksa.com\/en\/wp-json\/wp\/v2\/media?parent=216"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/digitalpatternksa.com\/en\/wp-json\/wp\/v2\/categories?post=216"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/digitalpatternksa.com\/en\/wp-json\/wp\/v2\/tags?post=216"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}