Color Variables

The theme use the local variables system.
You can modify the colors directly in the webflow’s local variables settings.

foundation

Typography

Sofiasound’s Theme styleguide features a minimalist design by using two carefully selected fonts. These fonts are chosen to create a professional and sophisticated aesthetic, ensuring the website maintains a consistent and cohesive appearance throughout.

primary font

Afacad

The ’Afacad typeface project’ commenced in 2017 as a personalised lettering endeavour for Slagskeppet, a Swedish housing tenant, who sought fresh house address numbering for their entrances. The letters and numerals were meticulously crafted to harmonise with the architectural proportions and materials employed by Architect Sture Elmén during the 1940s.

Download Afacad

secondary font

Cormorant

Cormorant was conceived, drawn, spaced, kerned, programmed, interpolated, and produced in its entirety by Christian Thalmann of Catharsis Fonts. For an illustrated presentation and description of the family, please visit its Bēhance page.

Download Cormorant

Logo font

Used for the logo type theme.
This typeface is a condensed type of font that has a different character from the previous condensed font, HUMANE has a strong but soft character, with a cheerful and fresh theme, HUMANE is able to answer your current needs who are designing something great. Its weight is superior in posters, social media, headlines, magazine titles, clothing, large print formats – and wherever you want to see it.

Download Humane

Heading, Paragraph and List

Heading 1

Astra Kulturhaus - Berlin

Heading 2

Astra Kulturhaus - Berlin

Heading 3

Astra Kulturhaus - Berlin

Heading 4

Astra Kulturhaus - Berlin

Heading 5

Astra Kulturhaus - Berlin

Heading 6

Astra Kulturhaus - Berlin

Paragraph

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 libero vitae erat.
enean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

List

Ramps raclette chicharrones ethical disrupt blue
batch distillery. Pok 3-moon helvetica chia plaid lumbersexual
dreamcatcher tattooed shoreditch. Farm-to-table tote

Ramps raclette chicharrones ethical disrupt blue
batch distillery. Pok 3-moon helvetica chia plaid lumbersexual
dreamcatcher tattooed shoreditch. Farm-to-table tote

Block quote

“ Knausgaard semiotics bag deep edison. Actually celiac etsy sus selfies succulents.”

Combo Class Text

text size

Size-H1

Size-H2

Size-H3

Size-H4

Size-H5

Size-H6

Small
‍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.
enean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

X-Small
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.
enean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Link

this is a link in my paragraph

Font weight

Regular

Bold

Capitalize

lowercase

Capitalize every word

All Caps

Rich Text

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

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.