Flatmates Hub

Typography & Style Guide

This page showcases the visual style of Flatmates Hub, including all major typographic elements and button styles.

Headers

H1: The quick brown fox jumps over the lazy dog.

H2: The quick brown fox jumps over the lazy dog.

H3: The quick brown fox jumps over the lazy dog.

H4: The quick brown fox jumps over the lazy dog.

H5: The quick brown fox jumps over the lazy dog.
H6: The quick brown fox jumps over the lazy dog.

Paragraphs & Text

This is a standard paragraph. It's the default text style for the application. The font used is Inter, chosen for its clean and modern appearance. Ample whitespace is used to ensure readability and a calm, uncluttered user experience.

Another paragraph to demonstrate spacing and flow. According to the Goat Island peninsula conservation park plan of management, the property is an area of 3.6 hectares (9 acres)—and part of a much larger area of land that was reclaimed from the Port Jackson estuary.

This is a muted text style, for less important information.

Blockquote & Lists

"The future is already here – it's just not evenly distributed." - William Gibson
  • Clean and structured layout with ample whitespace.
  • Minimalist black icons on white backgrounds.
  • Small font sizes for an understated aesthetic.

Buttons

Buttons are used for primary actions. The following styles are available.