|
1 | 1 | <!doctype html> |
2 | 2 | <html lang="en"> |
| 3 | + |
3 | 4 | <head> |
4 | 5 | <meta charset="utf-8"> |
5 | 6 | <base href="../GameFoundryStudio/"> |
6 | 7 | <meta name="viewport" content="width=device-width, initial-scale=1"> |
7 | 8 | <title>Branding - Game Foundry Studio</title> |
8 | | - <meta name="description" content="Plan brand stewardship for Game Foundry Studio."> |
| 9 | + <meta name="description" content="Game Foundry Studio brand colors, mascots, and assets."> |
9 | 10 | <link rel="icon" href="assets/images/favicon.svg" type="image/svg+xml"> |
10 | | - <link rel="stylesheet" href="assets/css/theme/v2/theme.css"> |
| 11 | + <link rel="stylesheet" href="assets/css/styles.css"> |
11 | 12 | </head> |
| 13 | + |
12 | 14 | <body> |
13 | 15 | <div data-partial="header-nav"></div> |
14 | 16 | <main> |
15 | | - <section class="page-title"><div class="container"><div class="kicker">Admin</div><h1>Branding</h1><p class="lede">A planning page for brand assets, marks and product voice.</p></div></section> |
16 | | - <section class="section"><div class="container account-panel"><aside class="side-menu" aria-label="Admin pages"><a href="../admin/site-settings.html">Site Settings</a><a class="active" aria-current="page" href="../admin/branding.html">Branding</a><a href="../admin/themes.html">Themes</a><a href="../admin/design-system.html">Design System</a><a href="../admin/controls.html">Controls</a><a href="../admin/grouping-colors.html">Grouping Colors</a><a href="../admin/ratings.html">Ratings</a><a href="../admin/users.html">Users</a><a href="../admin/roles.html">Roles</a><a href="../admin/moderation.html">Moderation</a><a href="../admin/analytics.html">Analytics</a></aside><div class="card"><div class="card-body"><div class="kicker">Status = Planning</div><div class="grid cols-3"><article class="callout"><h2>Purpose</h2><p>Move brand management from Account into the Admin area for site-wide ownership.</p></article><article class="callout"><h2>Future Scope</h2><p>Plan marks, mascots, product voice and future brand governance.</p></article><article class="callout"><h2>Planned Sections</h2><ul><li>Logo usage</li><li>Mascot assets</li><li>Voice and tone</li></ul></article></div></div></div></div></section> |
| 17 | + <section class="page-title"> |
| 18 | + <div class="container"> |
| 19 | + <div class="kicker">Admin Brand System</div> |
| 20 | + <h1>Dark forge, molten orange and creator energy.</h1> |
| 21 | + <p class="lede">The brand combines forge craft, game creation, friendly bots and modern browser-based |
| 22 | + development.</p> |
| 23 | + </div> |
| 24 | + </section> |
| 25 | + <section class="section"> |
| 26 | + <div class="container account-panel"> |
| 27 | + <aside class="side-menu" aria-label="Admin pages"> |
| 28 | + <a href="../admin/site-settings.html">Site Settings</a> |
| 29 | + <a class="active" aria-current="page" href="../admin/branding.html">Branding</a> |
| 30 | + <a href="../admin/themes.html">Themes</a> |
| 31 | + <a href="../admin/design-system.html">Design System</a> |
| 32 | + <a href="../admin/controls.html">Controls</a> |
| 33 | + <a href="../admin/grouping-colors.html">Grouping Colors</a> |
| 34 | + <a href="../admin/ratings.html">Ratings</a> |
| 35 | + <a href="../admin/users.html">Users</a> |
| 36 | + <a href="../admin/roles.html">Roles</a> |
| 37 | + <a href="../admin/moderation.html">Moderation</a> |
| 38 | + <a href="../admin/analytics.html">Analytics</a> |
| 39 | + </aside> |
| 40 | + <div class="admin-page-stack"> |
| 41 | + <section class="section"> |
| 42 | + <div class="container card"> |
| 43 | + <div class="card-body"> |
| 44 | + <div class="kicker">Status = Planning</div> |
| 45 | + <div class="grid cols-3"> |
| 46 | + <article class="callout"> |
| 47 | + <h2>Purpose</h2> |
| 48 | + <p>Move brand management from Account into the Admin area for site-wide ownership.</p> |
| 49 | + </article> |
| 50 | + <article class="callout"> |
| 51 | + <h2>Future Scope</h2> |
| 52 | + <p>Plan logo assets, brand color governance and marketplace presentation defaults.</p> |
| 53 | + </article> |
| 54 | + <article class="callout"> |
| 55 | + <h2>Planned Sections</h2> |
| 56 | + <ul> |
| 57 | + <li>Logo library</li> |
| 58 | + <li>Brand voice notes</li> |
| 59 | + <li>Presentation defaults</li> |
| 60 | + </ul> |
| 61 | + </article> |
| 62 | + </div> |
| 63 | + </div> |
| 64 | + </div> |
| 65 | + </section> |
| 66 | + <section class="section"> |
| 67 | + <div class="container grid cols-4"> |
| 68 | + <div class="mini-stat" id="molten-orange"><span class="brand-color-code"><span |
| 69 | + class="brand-color-swatch swatch-orange"></span><strong>#FF7A00</strong></span>Molten Orange |
| 70 | + </div> |
| 71 | + <div class="mini-stat" id="forge-gold"><span class="brand-color-code"><span |
| 72 | + class="brand-color-swatch swatch-gold"></span><strong>#FFC857</strong></span>Forge Gold |
| 73 | + </div> |
| 74 | + <div class="mini-stat" id="iron-black"><span class="brand-color-code"><span |
| 75 | + class="brand-color-swatch swatch-black"></span><strong>#090B0F</strong></span>Iron Black |
| 76 | + </div> |
| 77 | + <div class="mini-stat" id="arcade-cyan"><span class="brand-color-code"><span |
| 78 | + class="brand-color-swatch swatch-cyan"></span><strong>#20D6FF</strong></span>Bot Cyan</div> |
| 79 | + </div> |
| 80 | + </section> |
| 81 | + <section class="section"> |
| 82 | + <div class="container grid cols-4"> |
| 83 | + <article class="card brand-mascot-card"><img src="assets/images/spark.png" class="feature-image" |
| 84 | + alt="Spark mascot"> |
| 85 | + <div class="card-body"> |
| 86 | + <h3>Spark</h3> |
| 87 | + <div class="mascot-role">Living flame that creates games.</div> |
| 88 | + <p>Spark is the spirit of creativity.</p> |
| 89 | + </div> |
| 90 | + </article> |
| 91 | + <article class="card brand-mascot-card"><img src="assets/images/pixel-smith.png" |
| 92 | + class="feature-image" alt="Pixel Smith mascot"> |
| 93 | + <div class="card-body"> |
| 94 | + <h3>Pixel Smith</h3> |
| 95 | + <div class="mascot-role">Pixel-art blacksmith character.</div> |
| 96 | + <p>Pixel Smith forges worlds one pixel at a time.</p> |
| 97 | + </div> |
| 98 | + </article> |
| 99 | + <article class="card brand-mascot-card"><img src="assets/images/forgebot.png" class="feature-image" |
| 100 | + alt="ForgeBot mascot"> |
| 101 | + <div class="card-body"> |
| 102 | + <h3>ForgeBot</h3> |
| 103 | + <div class="mascot-role">Little robot blacksmith.</div> |
| 104 | + <p>ForgeBot is your hardworking assistant in the forge.</p> |
| 105 | + </div> |
| 106 | + </article> |
| 107 | + <article class="card brand-mascot-card"><img src="assets/images/foundry-bot.png" |
| 108 | + class="feature-image" alt="Foundry Bot mascot"> |
| 109 | + <div class="card-body"> |
| 110 | + <h3>Foundry Bot</h3> |
| 111 | + <div class="mascot-role">Cute AI helper for tools and tutorials.</div> |
| 112 | + <p>Foundry Bot helps you learn, build, and solve problems.</p> |
| 113 | + </div> |
| 114 | + </article> |
| 115 | + </div> |
| 116 | + </section> |
| 117 | + </div> |
| 118 | + </div> |
| 119 | + </section> |
17 | 120 | </main> |
18 | 121 | <div data-partial="footer"></div> |
19 | 122 | <script src="assets/js/gamefoundry-partials.js" defer></script> |
20 | 123 | </body> |
| 124 | + |
21 | 125 | </html> |
0 commit comments