diff --git a/fern/products/docs/docs.yml b/fern/products/docs/docs.yml index 4dfdeed4..f315d592 100644 --- a/fern/products/docs/docs.yml +++ b/fern/products/docs/docs.yml @@ -141,6 +141,8 @@ navigation: - section: Customization collapsed: true contents: + - page: Themes + path: ./pages/customization/themes.mdx - page: Announcement banner path: ./pages/navigation/announcement-banner.mdx - page: Changelogs diff --git a/fern/products/docs/pages/customization/rounded-corners-theme.png b/fern/products/docs/pages/customization/rounded-corners-theme.png new file mode 100644 index 00000000..3253addb Binary files /dev/null and b/fern/products/docs/pages/customization/rounded-corners-theme.png differ diff --git a/fern/products/docs/pages/customization/themes.mdx b/fern/products/docs/pages/customization/themes.mdx new file mode 100644 index 00000000..4f233ec5 --- /dev/null +++ b/fern/products/docs/pages/customization/themes.mdx @@ -0,0 +1,26 @@ +--- +title: Themes +subtitle: Pre-built visual styles for your documentation site +--- + + + Features rounded UI components and a nature/water color palette. Applies `backdrop-filter` blur to Cards, Buttons, and other navigation elements for a frosted glass appearance. + +

+ Use this template + + Arrow right light + + Arrow right light +

+
+ + + + diff --git a/fern/products/docs/pages/getting-started/quickstart.mdx b/fern/products/docs/pages/getting-started/quickstart.mdx index a7837ed0..edef72f1 100644 --- a/fern/products/docs/pages/getting-started/quickstart.mdx +++ b/fern/products/docs/pages/getting-started/quickstart.mdx @@ -138,6 +138,11 @@ In this guide, we'll show you how to get started with Fern in under 5 minutes. ``` + + + For pre-built visual styles, explore [all Fern documentation themes](/docs/customization/themes). + + All of the branding for your docs can be configured in the `docs.yml` file. For example, to set the logos, colors, and fonts for your docs, you can