Site User Guide
Welcome to your website! You can find examples of your type styles, colors and buttons as well as some advice on how to make edits on your new site.
Home should feel like you.
H1 or H2 XL (Bold)
H1 or H2 (Normal)
Home should feel like you.
H3
Home should feel like you.
H4
Home should feel like you.
An interior designer with a background in luxury residential projects, has an eye for mixing high-end pieces with personal touches that make a space feel collected, not staged.
P1
P3 (Bold + Italic)
About the designer
Button Advice: Always give your buttons a bit of extra container space so they don’t collapse on mobile.
Always set your button styles to ‘fit’
Edit > Design > Fit
P2
An interior designer with a background in luxury residential projects, has an eye for mixing high-end pieces with personal touches that make a space feel collected, not staged.
P3
An interior designer with a background in luxury residential projects, has an eye for mixing high-end pieces with personal touches that make a space feel collected, not staged.
Primary Button
Secondary Button
Tertiary Button
I use ‘Markdown Blocks’ and codewords to activate section styles that can be duplicated across your website without breaking.
No one can see these markdowns on the live site but you may notice them within the sections. Don’t delete them. Just make them smaller or tuck them behind other elements.
Codewords
text-center-mobile - centers text on mobile view only
button-center-mobile - centers buttons on mobile view only
image-right-50
image-left-50
Background image takes up 50% of section on every screen size
image-right-40
image-left-40
Background image takes up 40% of section on every screen size
image-right-30
image-left-30
Background image takes up 30% of section on every screen size with a bit of space on the other side
star-subheader
Activates the star in front of your subheader
bg-image-swap
With an image and a background image in a section - the background image shows up on desktop and the image shows up on mobile