styleguide

MENU
TypographyHeadingText ClassButtonsColorsRich Text
Typography

Our style guide features a minimalist design by using a single, carefully selected font. These fonts have been chosen to create a professional and sophisticated aesthetic, with a nod to the 60's Blue Note albums.

Heading, paragraph and list
Heading 1

Us3 new album

Heading 2

us3 new album

Heading 3

us3 new album

Heading 4

us3 new album

Heading 5
us3 new album
Heading 6
us3 new album
paragraph

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.

List
  • Experimental
  • Sci-Fi Soundtracks
  • Analog experiments
  1. Experimental
  2. Sci-Fi Soundtracks
  3. Analog experiments
Text Combo class
font size
Tiny
Small
XSmall
XXSmall
Medium
Large
XLarge
XXLarge
Huge
Display
font weight
Regular
Medium
Bold
ExtraBold
Capitalize
Allcaps
Capitalize every word
lowercase
Align
align-center
align-right
align-left
Background colors
primary-light
secondary-light
secondary-light
secondary-light
Link text
This is some text inside of a link block
Buttons
Text link buttonText link button
Round buttonGhost button
Round buttonGhost button
Colors variables
Backgrounds
primary-dark
secondary-dark
tertiary-dark
primary-light
secondary-light
secondary-light
Text
OnDarkPrimary
OnDarkSecondary
OnDarkTertiary
OnLightPrimary
OnLightSecondary
OnLightTertiary
Extra
blue-link
cart-notification
store-banner
Rich Text

Heading 1

Juice bottle freegan umami quinoa air banjo snackwave fund marfa. Health jomo authentic hashtag subway bruh it. Lo-fi polaroid unicorn I'm I'm shorts. Vape mustache humblebrag meditation single-origin. Forage mixtape whatever blog truck them small. Pop-up church-key bitters plz artisan next shoreditch. Authentic raw pinterest af glossier williamsburg 8-bit. Mumblecore readymade 8-bit shaman banh freegan. Vexillologist dreamcatcher enamel drinking fit ascot vinyl chartreuse. Paleo dollar heirloom dollar health kitsch chips mumblecore heirloom.

Heading 2

Cloud sriracha flannel ipsum bespoke cliche. Level chips 8-bit praxis pork hot occupy vhs swag dreamcatcher leggings semiotics. Narwhal butcher offal bread copper fixie pinterest air diy. Locavore brunch bodega cronut typewriter. Pabst santo trust flannel humblebrag vinyl.

Heading 3

Image example
Caption Lorem ipsum

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Heading 4

Heading 5
Heading 6
Block quote

Ordered list

  1. Item 1
  2. Item 2
  3. Item 3
  • Item A
  • Item B
  • Item C