33 lines
1.5 KiB
TypeScript
33 lines
1.5 KiB
TypeScript
import { StyleOption } from '../../../types';
|
|
|
|
export const surfShop: StyleOption = {
|
|
id: 'surf-shop',
|
|
name: 'Surf Shop',
|
|
category: 'Lifestyle',
|
|
description: 'California cool. Relaxed hand-drawn fonts with sea foam blues and sunny yellows.',
|
|
vibe: 'Relaxed, Beach, Sunny',
|
|
googleFontsImport: 'https://fonts.googleapis.com/css2?family=Permanent+Marker&family=Kalam:wght@400;700&display=swap',
|
|
wordConfig: {
|
|
heading1: {
|
|
font: "Permanent Marker", size: 36, color: "0097A7", bold: false, align: 'center',
|
|
spacing: { before: 400, after: 200, line: 240 }
|
|
},
|
|
heading2: {
|
|
font: "Kalam", size: 18, color: "FBC02D", bold: true, align: 'center',
|
|
spacing: { before: 320, after: 160, line: 240 }
|
|
},
|
|
body: {
|
|
font: "Kalam", size: 12, color: "424242", align: 'left',
|
|
spacing: { before: 0, after: 160, line: 280 }
|
|
},
|
|
accentColor: "0097A7"
|
|
},
|
|
previewCss: `
|
|
font-family: 'Kalam', cursive;
|
|
h1 { font-family: 'Permanent Marker', cursive; font-size: 36pt; color: #0097A7; text-align: center; margin-bottom: 24px; transform: rotate(-1deg); }
|
|
h2 { font-size: 18pt; font-weight: 700; color: #FBC02D; text-align: center; margin-top: 32px; margin-bottom: 16px; }
|
|
p { font-size: 12pt; line-height: 1.6; color: #424242; margin-bottom: 14px; }
|
|
blockquote { background: #E0F7FA; border-radius: 16px; padding: 20px; margin: 24px 0; border: 2px solid #0097A7; }
|
|
`
|
|
};
|