60f39ed961
- Ported Minimalist templates to JSON (Swiss Grid, Brutalist, etc.) - Ported Tech templates to JSON (SaaS, Terminal, Cyberpunk, etc.) - Ported Creative templates to JSON (Art Gallery, Zine, Pop Art, etc.) - Ported Industrial templates to JSON (Blueprint, Factory, Schematic, etc.) - Ported Nature templates to JSON (Botanical, Ocean, Mountain, etc.) - Ported Lifestyle templates to JSON (Cookbook, Travel, Coffee House, etc.) - Ported Vintage templates to JSON (Art Deco, Medieval, Retro 80s, etc.) - Updated README.md to reflect the new JSON-based style system (example configuration and contribution workflow) - Completed migration of over 150 styles to the new architecture
35 lines
1.7 KiB
TypeScript
35 lines
1.7 KiB
TypeScript
import { StyleOption } from '../../../types';
|
|
|
|
export const streetArtGraffiti: StyleOption = {
|
|
id: 'street-art-graffiti',
|
|
name: 'Street Art Graffiti',
|
|
category: 'Creative',
|
|
description: 'Urban street style. Spray paint fonts, dripping effects, and concrete vibes.',
|
|
vibe: 'Urban, Rebel, Spray',
|
|
googleFontsImport: 'https://fonts.googleapis.com/css2?family=Permanent+Marker&family=Rock+Salt&display=swap',
|
|
wordConfig: {
|
|
heading1: {
|
|
font: "Permanent Marker", size: 48, color: "000000", bold: false, align: 'center',
|
|
spacing: { before: 400, after: 200, line: 240 },
|
|
shading: { fill: "FFFF00", color: "auto", style: "clear" } // Hazard Yellow
|
|
},
|
|
heading2: {
|
|
font: "Rock Salt", size: 18, color: "FF0000", bold: false, align: 'left',
|
|
spacing: { before: 320, after: 160, line: 240 }
|
|
},
|
|
body: {
|
|
font: "Permanent Marker", size: 12, color: "333333", align: 'left',
|
|
spacing: { before: 0, after: 160, line: 280 }
|
|
},
|
|
accentColor: "000000"
|
|
},
|
|
previewCss: `
|
|
font-family: 'Permanent Marker', cursive;
|
|
background: #F0F0F0;
|
|
h1 { font-size: 48pt; color: #000000; text-align: center; background: #FFFF00; padding: 10px; transform: rotate(-2deg); margin-bottom: 24px; box-shadow: 4px 4px 0 #000; }
|
|
h2 { font-family: 'Rock Salt', cursive; font-size: 18pt; color: #FF0000; margin-top: 32px; margin-bottom: 16px; transform: rotate(1deg); }
|
|
p { font-size: 12pt; line-height: 1.6; color: #333333; margin-bottom: 14px; }
|
|
blockquote { border-left: 5px solid #000; padding-left: 16px; margin: 24px 0; font-family: 'Rock Salt', cursive; font-size: 10pt; }
|
|
`
|
|
};
|