Typography

Heading 1 - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam leo velit, tempus vel velit et, luctus ornare orci. Nunc tincidunt mauris vitae nulla lobortis, ac condimentum ex vehicula.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam leo velit, tempus vel velit et, luctus ornare orci. Nunc tincidunt mauris vitae nulla lobortis, ac condimentum ex vehicula. Vestibulum arcu tortor, mollis eget urna vel, blandit maximus enim. Proin eu ultrices ex. Curabitur congue eget justo vel efficitur. Fusce vitae velit fermentum, sagittis mi eu, consectetur lorem. In sit amet nibh maximus, efficitur velit quis, rhoncus mauris. Aenean rutrum neque eu elit suscipit hendrerit. Cras cursus et dolor eu pharetra.

Heading 2 - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam leo velit, tempus vel velit et, luctus ornare orci. Nunc tincidunt mauris vitae nulla lobortis, ac condimentum ex vehicula.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam leo velit, tempus vel velit et, luctus ornare orci. Nunc tincidunt mauris vitae nulla lobortis, ac condimentum ex vehicula. Vestibulum arcu tortor, mollis eget urna vel, blandit maximus enim. Proin eu ultrices ex. Curabitur congue eget justo vel efficitur. Fusce vitae velit fermentum, sagittis mi eu, consectetur lorem. In sit amet nibh maximus, efficitur velit quis, rhoncus mauris. Aenean rutrum neque eu elit suscipit hendrerit. Cras cursus et dolor eu pharetra.

Heading 3 - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam leo velit, tempus vel velit et, luctus ornare orci. Nunc tincidunt mauris vitae nulla lobortis, ac condimentum ex vehicula.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam leo velit, tempus vel velit et, luctus ornare orci. Nunc tincidunt mauris vitae nulla lobortis, ac condimentum ex vehicula. Vestibulum arcu tortor, mollis eget urna vel, blandit maximus enim. Proin eu ultrices ex. Curabitur congue eget justo vel efficitur. Fusce vitae velit fermentum, sagittis mi eu, consectetur lorem. In sit amet nibh maximus, efficitur velit quis, rhoncus mauris. Aenean rutrum neque eu elit suscipit hendrerit. Cras cursus et dolor eu pharetra.

Heading 4 - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam leo velit, tempus vel velit et, luctus ornare orci. Nunc tincidunt mauris vitae nulla lobortis, ac condimentum ex vehicula.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam leo velit, tempus vel velit et, luctus ornare orci. Nunc tincidunt mauris vitae nulla lobortis, ac condimentum ex vehicula. Vestibulum arcu tortor, mollis eget urna vel, blandit maximus enim. Proin eu ultrices ex. Curabitur congue eget justo vel efficitur. Fusce vitae velit fermentum, sagittis mi eu, consectetur lorem. In sit amet nibh maximus, efficitur velit quis, rhoncus mauris. Aenean rutrum neque eu elit suscipit hendrerit. Cras cursus et dolor eu pharetra.

Heading 5 - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam leo velit, tempus vel velit et, luctus ornare orci. Nunc tincidunt mauris vitae nulla lobortis, ac condimentum ex vehicula.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam leo velit, tempus vel velit et, luctus ornare orci. Nunc tincidunt mauris vitae nulla lobortis, ac condimentum ex vehicula. Vestibulum arcu tortor, mollis eget urna vel, blandit maximus enim. Proin eu ultrices ex. Curabitur congue eget justo vel efficitur. Fusce vitae velit fermentum, sagittis mi eu, consectetur lorem. In sit amet nibh maximus, efficitur velit quis, rhoncus mauris. Aenean rutrum neque eu elit suscipit hendrerit. Cras cursus et dolor eu pharetra.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam leo velit, tempus vel velit et, luctus ornare orci. Nunc tincidunt mauris vitae nulla lobortis, ac condimentum ex vehicula. Vestibulum arcu tortor, mollis eget urna vel, blandit maximus enim. Proin eu ultrices ex. Curabitur congue eget justo vel efficitur. Fusce vitae velit fermentum, sagittis mi eu, consectetur lorem. In sit amet nibh maximus, efficitur velit quis, rhoncus mauris. Aenean rutrum neque eu elit suscipit hendrerit. Cras cursus et dolor eu pharetra.

• Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam leo velit, tempus vel velit et, luctus ornare orci. Nunc tincidunt mauris vitae nulla lobortis, ac condimentum ex vehicula.
• Nullam leo velit, tempus vel velit et, luctus ornare orci.
• Curabitur congue eget justo vel efficitur.

1. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam leo velit, tempus vel velit et, luctus ornare orci. Nunc tincidunt mauris vitae nulla lobortis, ac condimentum ex vehicula.
2. Nullam leo velit, tempus vel velit et, luctus ornare orci.
3. Curabitur congue eget justo vel efficitur.

---

Buttons

Primary

Button Element A Tag With Button Class

Transparent

Button Element A Tag With Button Class

Rounded Corners

Button Element A Tag With Button Class

Square Corners

Button Element A Tag With Button Class

Large Button

Button Element A Tag With Button Class

Small Button

Button Element A Tag With Button Class

Form Elements

N.B. The class fnd-form-styles-all needs to be added to a wrapping element for all base styles to apply.

Name

Email

Phone

Message

Select Field Select Value Select Value Select Value

Checkbox

Radio Button

Shortcodes

Social Media Icons

• Icons available: Facebook, Instagram, X, Youtube, Bandcamp & Spotify
• Styles available: dark (default), light, circle-colour & circle-light
• Icons can be overidden in the child theme by following the same folder structure

[social_media_icons type="circle-colour"]

Useful functions

Icon List

• 00000 000000
• email@emailaddress.com

• Icons available: app, basket, envelope, facebook, instagram, phone, pin, search, user, whatsapp & x
• Styles available: light & dark (default)
• Icons can be overidden in the child theme with CSS
• Link and style attributes are optional

                $icon_list = [
                    [
                        'icon'          => 'phone',
                        'style'         => 'light',
                        'html'          => '00000 000000',
                        'link'          => 'tel:00000000000',
                        'link_target'   => '_self',
                    ],
                    [
                        'icon'          => 'envelope',
                        'style'         => 'light',
                        'html'          => 'email@emailaddress.com',
                        'link'          => 'mailto:email@emailaddress.com',
                        'link_target'   => '_self',
                    ],
                ];

                icon_list($icon_list);