SharePoint design examples

SharePoint design examples.

Please watch our most recent video showcasing the latest 2023 SharePoint design examples and read the accompanying article for in-depth insights.

Your intranet - Mobile & Tablet

Global Consulting Firm - Solution Center

Global Consulting Firm - Teams Intranet

Global Consulting Firm

Global Consulting Firm - Mobile & Tablet

Baringa - Mobile & Tablet

K.Hovnanian® Homes

K.Hovnanian® Homes - Mobile & Tablet

Apex - Mobile & Tablet

HealthPlus - Mobile & Tablet

Dixons - Mobile & Tablet

Entain - Teams Intranet

Marie Curie - Mobile & Tablet

Entain - Mobile & Tablet

myAstellas - Mobile & Tablet

BAI - Mobile & Tablet

L&G - Mobile & Tablet

Jardine Motors Group

Jardine Motors Group - Mobile & Tablet

Gerald Eve - Mobile & Tablet

TTEC - Mobile & Tablet

Implus - Mobile & Tablet

Bibby Financial Services

Bibby - Mobile & Tablet

Boehringer Ingleheim

MyBI - Mobile & Tablet

CDC - Mobile & Tablet

Gama - Mobile & Tablet

The Institute of Cancer Research

Johnson Matthey

Marine Stewardship Council

Pension Insurance Corporation

Rail Safety and Standards Board

STW - Mobile & Tablet

Related articles...

Blog

9 great examples of company intranet homepage design

Intranet homepages are important. To achieve a truly successful intranet that keeps users on the site and engaged, in addition to serving information in an intuitive and user-centric way, both design and user experience (UX) elements must come together seamlessly.

Find out more →

10 SharePoint intranet examples from 2023 1 jpg

Blog

Top 10 SharePoint intranet site examples for 2024

Explore 10 diverse SharePoint intranet designs for 2024, each uniquely tailored to meet specific organisational needs

Find out more →

Blog HRintranet

SharePoint & Microsoft 365 intranet case studies

At Content Formula, we’ve helped some of the world’s leading brands create intranets. Explore our case studies for some great SharePoint intranet examples.

Find out more →

img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}.safe-svg-cover{text-align:center}.safe-svg-cover .safe-svg-inside{display:inline-block;max-width:100%}.safe-svg-cover svg{fill:currentColor;height:100%;max-height:100%;max-width:100%;width:100%}:root{--wp--preset--aspect-ratio--square:1;--wp--preset--aspect-ratio--4-3:4/3;--wp--preset--aspect-ratio--3-4:3/4;--wp--preset--aspect-ratio--3-2:3/2;--wp--preset--aspect-ratio--2-3:2/3;--wp--preset--aspect-ratio--16-9:16/9;--wp--preset--aspect-ratio--9-16:9/16;--wp--preset--color--black:#000;--wp--preset--color--cyan-bluish-gray:#abb8c3;--wp--preset--color--white:#fff;--wp--preset--color--pale-pink:#f78da7;--wp--preset--color--vivid-red:#cf2e2e;--wp--preset--color--luminous-vivid-orange:#ff6900;--wp--preset--color--luminous-vivid-amber:#fcb900;--wp--preset--color--light-green-cyan:#7bdcb5;--wp--preset--color--vivid-green-cyan:#00d084;--wp--preset--color--pale-cyan-blue:#8ed1fc;--wp--preset--color--vivid-cyan-blue:#0693e3;--wp--preset--color--vivid-purple:#9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple:linear-gradient(135deg,#0693e3 0%,#9b51e0 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan:linear-gradient(135deg,#7adcb4 0%,#00d082 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange:linear-gradient(135deg,#fcb900 0%,#ff6900 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red:linear-gradient(135deg,#ff6900 0%,#cf2e2e 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray:linear-gradient(135deg,#eee 0%,#a9b8c3 100%);--wp--preset--gradient--cool-to-warm-spectrum:linear-gradient(135deg,#4aeadc 0%,#9778d1 20%,#cf2aba 40%,#ee2c82 60%,#fb6962 80%,#fef84c 100%);--wp--preset--gradient--blush-light-purple:linear-gradient(135deg,#ffceec 0%,#9896f0 100%);--wp--preset--gradient--blush-bordeaux:linear-gradient(135deg,#fecda5 0%,#fe2d2d 50%,#6b003e 100%);--wp--preset--gradient--luminous-dusk:linear-gradient(135deg,#ffcb70 0%,#c751c0 50%,#4158d0 100%);--wp--preset--gradient--pale-ocean:linear-gradient(135deg,#fff5cb 0%,#b6e3d4 50%,#33a7b5 100%);--wp--preset--gradient--electric-grass:linear-gradient(135deg,#caf880 0%,#71ce7e 100%);--wp--preset--gradient--midnight:linear-gradient(135deg,#020381 0%,#2874fc 100%);--wp--preset--font-size--small:13px;--wp--preset--font-size--medium:20px;--wp--preset--font-size--large:36px;--wp--preset--font-size--x-large:42px;--wp--preset--spacing--20:.44rem;--wp--preset--spacing--30:.67rem;--wp--preset--spacing--40:1rem;--wp--preset--spacing--50:1.5rem;--wp--preset--spacing--60:2.25rem;--wp--preset--spacing--70:3.38rem;--wp--preset--spacing--80:5.06rem;--wp--preset--shadow--natural:6px 6px 9px rgba(0,0,0,.2);--wp--preset--shadow--deep:12px 12px 50px rgba(0,0,0,.4);--wp--preset--shadow--sharp:6px 6px 0px rgba(0,0,0,.2);--wp--preset--shadow--outlined:6px 6px 0px -3px #fff,6px 6px #000;--wp--preset--shadow--crisp:6px 6px 0px #000}:where(body){margin:0}:where(.is-layout-flex){gap:.5em}:where(.is-layout-grid){gap:.5em}body .is-layout-flex{display:flex}.is-layout-flex{flex-wrap:wrap;align-items:center}.is-layout-flex>:is(*, div){margin:0}body .is-layout-grid{display:grid}.is-layout-grid>:is(*, div){margin:0}body{padding-top:0px;padding-right:0px;padding-bottom:0px;padding-left:0px}:root :where(.wp-element-button, .wp-block-button__link){background-color:#32373c;border-width:0;color:#fff;font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;padding-top:calc(.667em + 2px);padding-right:calc(1.333em + 2px);padding-bottom:calc(.667em + 2px);padding-left:calc(1.333em + 2px);text-decoration:none;text-transform:inherit}.has-black-color{color:var(--wp--preset--color--black) !important}.has-cyan-bluish-gray-color{color:var(--wp--preset--color--cyan-bluish-gray) !important}.has-white-color{color:var(--wp--preset--color--white) !important}.has-pale-pink-color{color:var(--wp--preset--color--pale-pink) !important}.has-vivid-red-color{color:var(--wp--preset--color--vivid-red) !important}.has-luminous-vivid-orange-color{color:var(--wp--preset--color--luminous-vivid-orange) !important}.has-luminous-vivid-amber-color{color:var(--wp--preset--color--luminous-vivid-amber) !important}.has-light-green-cyan-color{color:var(--wp--preset--color--light-green-cyan) !important}.has-vivid-green-cyan-color{color:var(--wp--preset--color--vivid-green-cyan) !important}.has-pale-cyan-blue-color{color:var(--wp--preset--color--pale-cyan-blue) !important}.has-vivid-cyan-blue-color{color:var(--wp--preset--color--vivid-cyan-blue) !important}.has-vivid-purple-color{color:var(--wp--preset--color--vivid-purple) !important}.has-black-background-color{background-color:var(--wp--preset--color--black) !important}.has-cyan-bluish-gray-background-color{background-color:var(--wp--preset--color--cyan-bluish-gray) !important}.has-white-background-color{background-color:var(--wp--preset--color--white) !important}.has-pale-pink-background-color{background-color:var(--wp--preset--color--pale-pink) !important}.has-vivid-red-background-color{background-color:var(--wp--preset--color--vivid-red) !important}.has-luminous-vivid-orange-background-color{background-color:var(--wp--preset--color--luminous-vivid-orange) !important}.has-luminous-vivid-amber-background-color{background-color:var(--wp--preset--color--luminous-vivid-amber) !important}.has-light-green-cyan-background-color{background-color:var(--wp--preset--color--light-green-cyan) !important}.has-vivid-green-cyan-background-color{background-color:var(--wp--preset--color--vivid-green-cyan) !important}.has-pale-cyan-blue-background-color{background-color:var(--wp--preset--color--pale-cyan-blue) !important}.has-vivid-cyan-blue-background-color{background-color:var(--wp--preset--color--vivid-cyan-blue) !important}.has-vivid-purple-background-color{background-color:var(--wp--preset--color--vivid-purple) !important}.has-black-border-color{border-color:var(--wp--preset--color--black) !important}.has-cyan-bluish-gray-border-color{border-color:var(--wp--preset--color--cyan-bluish-gray) !important}.has-white-border-color{border-color:var(--wp--preset--color--white) !important}.has-pale-pink-border-color{border-color:var(--wp--preset--color--pale-pink) !important}.has-vivid-red-border-color{border-color:var(--wp--preset--color--vivid-red) !important}.has-luminous-vivid-orange-border-color{border-color:var(--wp--preset--color--luminous-vivid-orange) !important}.has-luminous-vivid-amber-border-color{border-color:var(--wp--preset--color--luminous-vivid-amber) !important}.has-light-green-cyan-border-color{border-color:var(--wp--preset--color--light-green-cyan) !important}.has-vivid-green-cyan-border-color{border-color:var(--wp--preset--color--vivid-green-cyan) !important}.has-pale-cyan-blue-border-color{border-color:var(--wp--preset--color--pale-cyan-blue) !important}.has-vivid-cyan-blue-border-color{border-color:var(--wp--preset--color--vivid-cyan-blue) !important}.has-vivid-purple-border-color{border-color:var(--wp--preset--color--vivid-purple) !important}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background:var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background:var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background:var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background:var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background:var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important}.has-cool-to-warm-spectrum-gradient-background{background:var(--wp--preset--gradient--cool-to-warm-spectrum) !important}.has-blush-light-purple-gradient-background{background:var(--wp--preset--gradient--blush-light-purple) !important}.has-blush-bordeaux-gradient-background{background:var(--wp--preset--gradient--blush-bordeaux) !important}.has-luminous-dusk-gradient-background{background:var(--wp--preset--gradient--luminous-dusk) !important}.has-pale-ocean-gradient-background{background:var(--wp--preset--gradient--pale-ocean) !important}.has-electric-grass-gradient-background{background:var(--wp--preset--gradient--electric-grass) !important}.has-midnight-gradient-background{background:var(--wp--preset--gradient--midnight) !important}.has-small-font-size{font-size:var(--wp--preset--font-size--small) !important}.has-medium-font-size{font-size:var(--wp--preset--font-size--medium) !important}.has-large-font-size{font-size:var(--wp--preset--font-size--large) !important}.has-x-large-font-size{font-size:var(--wp--preset--font-size--x-large) !important}:root :where(.wp-block-icon svg){width:24px}:where(.wp-block-post-template.is-layout-flex){gap:1.25em}:where(.wp-block-post-template.is-layout-grid){gap:1.25em}:where(.wp-block-term-template.is-layout-flex){gap:1.25em}:where(.wp-block-term-template.is-layout-grid){gap:1.25em}:where(.wp-block-columns.is-layout-flex){gap:2em}:where(.wp-block-columns.is-layout-grid){gap:2em}:root :where(.wp-block-pullquote){font-size:1.5em;line-height:1.6}.wpr-dc-hidden{display:none !important}.wpr-dc-fallback{margin:0;padding:0}.epyt-gallery-thumb{width:33.333%}.e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload),.e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload) *{background-image:none !important}@media screen and (max-height: 1024px){.e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload),.e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload) *{background-image:none !important}.e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload).nitro-lazy,.e-con.e-parent:nth-of-type(n+3):not(.e-lazyloaded):not(.e-no-lazyload) *.nitro-lazy{background-image:none !important}}@media screen and (max-height: 640px){.e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload),.e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload) *{background-image:none !important}.e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload).nitro-lazy,.e-con.e-parent:nth-of-type(n+2):not(.e-lazyloaded):not(.e-no-lazyload) *.nitro-lazy{background-image:none !important}}.e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload).nitro-lazy,.e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload) *.nitro-lazy{background-image:none !important}.home .elementor-sticky--active div.elementor-menu-toggle svg{fill:#fff !important}.home .elementor-sticky--effects div.elementor-menu-toggle svg{fill:#333 !important}@media only screen and (max-width: 899px){.entry-content{margin:0}}header #mega-menu-menu-1>li{padding:0 20px !important}header #mega-menu-menu-1>li a{padding:0 !important}header #mega-menu-menu-1>li.mega-menu-item-has-children{position:relative !important}header #mega-menu-menu-1>li ul.mega-sub-menu>li:last-child{border:none !important;padding-bottom:0 !important;margin-bottom:0 !important}header #mega-menu-menu-1>li>ul.mega-sub-menu{padding:30px 40px !important;border-top:6px solid #d43975 !important;width:430px !important;left:-50% !important;right:auto !important;transform:translateX(-19%) !important;overflow:visible !important}header #mega-menu-menu-1>li>ul.mega-sub-menu li{padding:5px 0 !important}header #mega-menu-menu-1>li>ul.mega-sub-menu a{color:#d43975 !important;line-height:1.2 !important;margin-bottom:10px !important;font-weight:bold !important}header #mega-menu-menu-1>li>ul.mega-sub-menu ul a{font-size:16px !important;margin:0 !important;font-weight:normal !important}header #mega-menu-menu-1>li.mega-menu-item-has-children>ul.mega-sub-menu:before{content:"";width:0px;height:0px;border-style:solid;border-width:0 10px 15px 10px;border-color:transparent transparent #d43975 transparent;transform:rotate(0deg);display:block !important;position:absolute;top:-19px;left:50%;transform:translateX(-50%)}header li.menu-test.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-20314,header li.menu-test.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-14221{display:table !important}li.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-has-children.menu-item-27492{display:table !important;width:100%}.elementor-nav-menu--dropdown ul.sub-menu ul a{background:#e4e4e4 !important;color:#000 !important;border:0 !important}.elementor-nav-menu--dropdown ul.sub-menu a.highlighted{background:#c35981 !important}.lg-backdrop{background-color:rgba(0,0,0,.6) !important}.lg-toolbar,.lg-dropdown{background-color:rgba(0,0,0,.8) !important}.lg-dropdown:after{border-bottom-color:rgba(0,0,0,.8) !important}.lg-sub-html{background-color:rgba(0,0,0,.8) !important}.lg-thumb-outer,.lg-progress-bar{background-color:#444 !important}.lg-progress{background-color:#a90707 !important}.lg-icon{color:#efefef !important;font-size:20px !important}.lg-icon.lg-toogle-thumb{font-size:24px !important}.lg-icon:hover,.lg-dropdown-text:hover{color:#fff !important}.lg-sub-html,.lg-dropdown-text{color:#efefef !important;font-size:14px !important}#lg-counter{color:#efefef !important;font-size:14px !important}.lg-prev,.lg-next{font-size:35px !important}.lg-icon{background-color:transparent !important}#lg-counter{opacity:.9}.lg-thumb-outer{padding:0 10px}.lg-thumb-item{border-radius:0 !important;border:none !important;opacity:.5}.lg-thumb-item.active{opacity:1}