diff --git a/.Rbuildignore b/.Rbuildignore
index dc7deb1..abf8a7c 100644
--- a/.Rbuildignore
+++ b/.Rbuildignore
@@ -1,9 +1,14 @@
+^\.github$
+^\.gitignore$
+^\.Rproj\.user$
+^_pkgdown\.yml$
+^codecov\.yml$
+^Dockerfile$
+^docs$
+^iSEEhex\.Rproj$
+^pkgdown$
+^README\.Rmd$
 ^renv$
 ^renv\.lock$
-^MyBioconductorPackage\.Rproj$
-^\.Rproj\.user$
 ^dev$
-^README\.Rmd$
-^\.github$
 ^codecov\.yml$
-^iSEEhex\.Rproj$
diff --git a/.gitignore b/.gitignore
index 215687f..f0578b4 100644
--- a/.gitignore
+++ b/.gitignore
@@ -9,3 +9,4 @@ inst/doc
 renv
 renv.lock
 .Rprofile
+docs/
diff --git a/_pkgdown.yml b/_pkgdown.yml
new file mode 100644
index 0000000..6b523cb
--- /dev/null
+++ b/_pkgdown.yml
@@ -0,0 +1,3 @@
+url: https://isee.github.io/iSEEhex/
+template:
+  bootstrap: 5
diff --git a/pkgdown/extra.css b/pkgdown/extra.css
new file mode 100644
index 0000000..c51e05b
--- /dev/null
+++ b/pkgdown/extra.css
@@ -0,0 +1,97 @@
+/*
+Developed and maintained by Kevin Rue-Albrecht (@kevinrue)
+*/
+
+/*
+#0092ac   blue
+#00758a   darker blue (active menu)
+#c4d931   green (on blue)
+#87b13f   green (on white)
+*/
+
+.headroom {
+  background-color: #0092ac;
+}
+
+.navbar-default .navbar-link {
+    color: #ffffff;
+}
+
+.navbar-default .navbar-link:hover {
+    color: #c4d931;
+}
+
+.navbar-default .navbar-nav>.active>a,
+.navbar-default .navbar-nav>.active>a:hover,
+.navbar-default .navbar-nav>.active>a:focus {
+    color: #c4d931;
+    background-color: #00758a;
+}
+
+.navbar-default .navbar-nav>.open>a,
+.navbar-default .navbar-nav>.open>a:hover,
+.navbar-default .navbar-nav>.open>a:focus {
+    color: #c4d931;
+    background-color: #00758a;
+}
+
+.dropdown-menu>.active>a,
+.dropdown-menu>.active>a:hover,
+.dropdown-menu>.active>a:focus {
+    color: #c4d931;
+    background-color: #00758a;
+}
+
+.navbar-default .navbar-nav>li>a:hover,
+.navbar-default .navbar-nav>li>a:focus {
+    color: #c4d931;
+}
+
+.dropdown-menu>li>a:hover {
+    color: #87b13f;
+    background-color: #ffffff;
+}
+
+.navbar-default .navbar-nav>li>a {
+    color: #ffffff;
+}
+
+h1 {
+  color: #87b13f;
+}
+
+h2 {
+  color: #1a81c2;
+}
+
+h3 {
+  color: #1a81c2;
+  font-weight: bold;
+}
+
+.btn-copy-ex {
+  color: #ffffff;
+  background-color: #0092ac;
+  border-color: #0092ac;
+}
+
+.btn-copy-ex:hover {
+  color: #ffffff;
+  background-color: #00758a;
+  border-color: #00758a;
+}
+
+.btn-copy-ex:active:focus {
+  color: #c4d931;
+  background-color: #00758a;
+  border-color: #0092ac;
+}
+
+p>.fa,
+p>.fas {
+  color: #0092ac;
+}
+
+img {
+  width: auto;
+}