diff --git a/content/components/subhead.mdx b/content/components/subhead.mdx
index 3b3636f3d..dab4af986 100644
--- a/content/components/subhead.mdx
+++ b/content/components/subhead.mdx
@@ -11,3 +11,51 @@ import {Link as GatsbyLink} from 'gatsby'
export default ComponentLayout
For subhead component guidelines, see [pagehead](/components/pagehead).
+
+## Usage
+
+On usual cases, subheadings should always have a borderline. However, there are some cases where they should be avoided.
+
+### Full width bordered sections
+
+If the heading is followed by a single full width card/section, the borderline should not be used.
+
+
+
+
+ Remove the borderline for the subheading.
+
+
+
+ Avoid duplicating the line when a bordered section is present.
+
+
+
+### With search input or filter text
+
+If the heading is followed by a search input or filter text, the borderline should not be used.
+
+
+
+
+
+
+
+
+