text tweaks

Author: [email protected]

src/components/style-guide/components.js

@@ -287,7 +287,7 @@ export const BlockStyles = ( { allBlockStyles, className } ) => {
 
 export const WebPreview = ( { className } ) => {
 	return <>
-		<h1 className="ugb-style-guide__section-title ugb-style-guide__title">{ __( 'Design System Preview', i18n ) }</h1>
+		<h1 className="ugb-style-guide__section-title ugb-style-guide__title">{ __( 'Example Website Preview', i18n ) }</h1>
 		<div className="ugb-style-guide__preview">
 			<div className="ugb-style-guide__preview-mock-browser">
 				<div className="ugb-style-guide__preview-mock-browser__buttons">

src/components/style-guide/editor.scss

@@ -243,6 +243,7 @@ $guide-font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Ro
 	}
 
 	.ugb-style-guide__typography-body {
+		margin-top: 50px;
 		.ugb-style-guide__column:first-child {
 			grid-column: 1 / 3;
 			max-width: 80%;