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.