New drop - Our new signature T-shirt has just dropped
Check it out.

mental health matters

reach out.

It may feel like it, but you are not alone. Get talking with the Mentis Statum community.

By clicking Sign Up you're confirming that you agree with our Privacy Policy
Thank you! Keep an eye out for our messages!

In partnership with...

wellness check-in.

Thank you! Your submission has been received!
Mentis Statum
"As founder of the brand and having my own experiences with mental health, this is a cause I am so passionate about & committed to raising awareness for."
Ali Laidlaw

Ali Laidlaw

Founder, Mentis Statum

keep going

men's mental health resources.

It might not get easier, but you can get stronger.

read more
selling fast

New Drop.

We are back with another limited edition LonelyFarmer.

shop now
about mentis statum

our mission.

Our mission is to help end the stigma surrounding mental health, by making sustainable clothing to raise awareness.​

about us
Circle section
Our social community

Join Mentis Statum on Instagram for regular mental health related content. We're committed to creating an online community where everyone can speak openly about their experiences and benefit from support from each other.

Blue circle
Funding the cause

We're a mental health clothing company first and foremost, focused on creating ethically sourced products to generate funds for mental health charities. Find out more about our circle of giving back here.

Green circle
Getting attention

We're passionate about creating more conversation about men's mental health. By buying Mentis Statum products you're publicly sharing your support for those experiencing mental health struggles.

Collabs.

We work with artists globally who want to get behind the cause and fight the stigma surrounding men's mental health. Keen to work with us? Check out our collabs page and get in touch.

read more

happiness in your inbox.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

By clicking Sign Up you're confirming that you agree with our Terms and Conditions.
Thank you! Your submission has been received!

Relume Library Style Guide

Version 1.1
Typography
HTML Headings

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6
Heading Classes

heading-xxlarge

heading-xlarge

heading-large

heading-medium

heading-small

heading-xsmall

Other HTML Tags

All Paragraph (HTML Tag)A Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

All Links
Block Quote

  • No bullet list

  • No bullet list

  • No bullet list

  • No bullet list

  1. No bullet list

  2. No bullet list

  3. No bullet list

Text Sizes

A Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

A Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

A Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

A Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

A Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Text Weights
text-weight-xbold
text-weight-bold
text-weight-semibold
text-weight-medium
text-weight-normal
text-weight-light
Text Styles
text-style-italic
text-style-strikethrough
text-style-allcaps
text-style-nowrap
text-style-quote
text-style-link
text-style-2lines
text-style-3lines
text-style-muted
Text Colours
text-color-black
text-color-white
Text Alignment
text-align-left
text-align-center
text-align-right
Rich Text

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6
This is a block quote

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

This is a link inside of a rich text

  • List item
  • List item
  • List item
  1. List item
  2. List item
  3. List item
Caption goes here
Colors
Color Swatch
.black
.white
.lightgrey
Background Color

.background-color-black

.background-color-white

.background-color-lightgrey

UI Elements
Buttons
.button .button-secondary .button.button-small .button-secondary.button-small
.button-tertiary
.button .button-secondary .button.button-small .button-secondary.button-small
.button-tertiary
.button .button-secondary .button.button-small .button-secondary.button-small
.button-tertiary

Use add-on class .invert-colors when placing button on dark background

.button .button-secondary .button.button-small .button-secondary.button-small
.button-tertiary
Form Elements
Thank you! Your submission has been received!
Tabs
Tab 1
Tab 2
Tab 3
Tab 4
Tab 5
Tab 6
Icons

.icon-xxsmall

.icon-xsmall

.icon-small

.icon-medium

.icon-large

.icon-xlarge

.icon-1x1-xxsmall

.icon-1x1-xsmall

.icon-1x1-small

.icon-1x1-medium

.icon-1x1-large

.icon-1x1-xlarge

Images

Image Aspect Ratio 1:1

Image Aspect Ratio 4:3

Image Aspect Ratio 3:2

Image Aspect Ratio 16:9

Spacing
Margin Direction
.margin-top
.margin-bottom
.margin-left
.margin-right
.margin-horizontal
.margin-vertical
Margin Size
.margin-0
.margin-tiny
.margin-xxsmall
.margin-xsmall
.margin-small
.margin-medium
.margin-large
.margin-xlarge
.margin-xxlarge
.margin-huge
.margin-xhuge
.margin-xxhuge
.margin-custom1
.margin-custom2
.margin-custom3
Padding Direction
.padding-top
.padding-bottom
.padding-left
.padding-right
.padding-horizontal
.padding-vertical
Padding Size
.padding-0
.padding-tiny
.padding-xxsmall
.padding-xsmall
.padding-small
.padding-medium
.padding-large
.padding-xlarge
.padding-xxlarge
.padding-huge
.padding-xhuge
.padding-xxhuge
.padding-custom1
.padding-custom2
.padding-custom3
Layout
Container
.container-large
.container-medium
.container-small
Max-widths
.max-width-full
.max-width-full-tablet
.max-width-full-mobile-landscape
max-width-full-mobile-portrait
.max-width-xxsmall
.max-width-xsmall
.max-width-small
.max-width-medium
.max-width-large
.max-width-xlarge
.max-width-xxlarge
Other Classes
Responsiveness
.hide - hide on all devices
.hide-tablet - hide starting from tablet resolution
.hide-mobile-landscape - hide starting from mobile landscape resolution
.hide-mobile-portrait - hide starting from mobile portrait resolution
.show - display on all devices
.show-tablet - display starting from tablet resolution
.show-mobile-landscape - display starting from mobile landscape resolution
.show-mobile-portrait - display starting from mobile portrait resolution
Utility
.z-index-1 - bring an element closer on the z-index, sets z-index to 1
.z-index-2 - bring an element closer on the z-index, sets z-index to 2
.align-center - sets margin left and right to auto, centers an element inside its parent div
.spacing-clean - sets all spacing to 0, including margins and padding
.div-square - creates and maintains a 1:1 dimension of a div. CSS magic
.layer - sets absolute position with 0% on all sides - add this class to a div to make it expand the entire size of the parent element, and make sure the parent div has 'position: relative'
.clickable-off - sets pointer-events to none, prevents all click and hover interaction with an element
.clickable-on - sets pointer-events to auto, enables all click and hover interaction with an element
.overflow-hidden - sets overflow to hidden
.overflow-scroll - sets overflow to scroll
.overflow-auto - sets overflow to auto

stay connected

Sign-up for occasional email updates about our latest drops, offers and mental health blogs.

By clicking Sign Up you're confirming that you agree with our Privacy Policy
Thank you! Keep an eye out for our messages!
By clicking “Accept All Cookies”, you agree to the storing of cookies on your device to enhance site navigation, analyze site usage, and assist in our marketing efforts. View our Privacy Policy for more information.
Preferences Deny Accept
Privacy Preference Center
When you visit websites, they may store or retrieve data in your browser. This storage is often necessary for the basic functionality of the website. The storage may be used for marketing, analytics, and personalization of the site, such as storing your preferences. Privacy is important to us, so you have the option of disabling certain types of storage that may not be necessary for the basic functioning of the website. Blocking categories may impact your experience on the website.
Reject all cookies Allow all cookies
Manage Consent Preferences by Category
Essential
Always Active
These items are required to enable basic website functionality.
Marketing
These items are used to deliver advertising that is more relevant to you and your interests. They may also be used to limit the number of times you see an advertisement and measure the effectiveness of advertising campaigns. Advertising networks usually place them with the website operator’s permission.
Personalisation
These items allow the website to remember choices you make (such as your user name, language, or the region you are in) and provide enhanced, more personal features. For example, a website may provide you with local weather reports or traffic news by storing data about your current location.
Analytics
These items help us understand how our website performs, how visitors interact with the site, and whether there may be technical issues. This storage type usually doesn’t collect information that identifies a visitor.
Confirm my preferences and close