HC1: HyperQube SIG WP1/HyperQube Branding: Difference between revisions
Jump to navigation
Jump to search
Created page with "== HyperQube Branding Kit Overview == The following table outlines the key deliverables and acceptance criteria for HyperQube_Z’s Branding Kit. This checklist provides team members with a structured reference to ensure all brand assets are created, reviewed, and maintained with consistency and professionalism. Designed to streamline the branding process, this checklist defines each item, its requirements, and expected outcomes. By eliminating ambiguity, it enables con..." |
m Updated table + assignment task |
||
Line 12: | Line 12: | ||
{| class="wikitable" | {| class="wikitable" | ||
|+ HyperQube Branding Kit Checklist | |+ HyperQube Branding Kit Checklist | ||
Assigned to [https://forum.hypercore.one/u/stark/summary @Stark] | |||
|- | |- | ||
! Category !! Checklist Item !! Acceptance Criteria | ! Category !! Checklist Item !! Acceptance Criteria | ||
|- | |- | ||
| Introduction to Brand || Mission Statement || Brief overview of HyperQube and HyperQube_Z’s purpose and values. | | Introduction to Brand || Mission Statement || Brief overview of HyperQube and HyperQube_Z’s purpose and values. | ||
|- | |- | ||
| Introduction to Brand || Target Audience Overview || Description of target community (developers, contributors, etc.). | | Introduction to Brand || Target Audience Overview || Description of target community (developers, contributors, etc.). | ||
|- | |- | ||
| Logo & Iconography || Primary Logo & Wordmark || SVG and PNG with transparent background; full color and black & white versions. | | Logo & Iconography || Primary Logo & Wordmark || SVG and PNG with transparent background; full color and black & white versions. | ||
|- | |- | ||
| Logo & Iconography || Logo Clear Space || Minimum clear space around logo to avoid clutter. | | Logo & Iconography || Logo Clear Space || Minimum clear space around logo to avoid clutter. | ||
|- | |- | ||
| Logo & Iconography || Minimum Size || Minimum size for digital and print to maintain readability. | | Logo & Iconography || Minimum Size || Minimum size for digital and print to maintain readability. | ||
|- | |- | ||
| Logo & Iconography || Logo Variations || Approved versions for light, dark, and neutral backgrounds. | | Logo & Iconography || Logo Variations || Approved versions for light, dark, and neutral backgrounds. | ||
|- | |- | ||
| Logo & Iconography || Logo Misuse Examples || Examples showing incorrect logo usage (e.g., stretching, rotation). | | Logo & Iconography || Logo Misuse Examples || Examples showing incorrect logo usage (e.g., stretching, rotation). | ||
|- | |- | ||
| Logo & Iconography || Resolutions || 72dpi (web), 300dpi (print), 1080px (social media). | | Logo & Iconography || Resolutions || 72dpi (web), 300dpi (print), 1080px (social media). | ||
|- | |- | ||
| Color Palette || Primary and Secondary Colors || Hex, RGB, and CMYK values documented for each color. | | Color Palette || Primary and Secondary Colors || Hex, RGB, and CMYK values documented for each color. | ||
|- | |- | ||
| Color Palette || Accessible Color Combinations || Suggested pairings for readability across light/dark themes. | | Color Palette || Accessible Color Combinations || Suggested pairings for readability across light/dark themes. | ||
|- | |- | ||
| Color Palette || Usage Guidance || Instructions on using colors in different settings. | | Color Palette || Usage Guidance || Instructions on using colors in different settings. | ||
|- | |- | ||
| Typography || Primary Fonts || Approved font for headers, subheaders, body text with download link or license. | | Typography || Primary Fonts || Approved font for headers, subheaders, body text with download link or license. | ||
|- | |- | ||
| Typography || Font Hierarchy || Suggested font hierarchy with text sizes for web and memes. | | Typography || Font Hierarchy || Suggested font hierarchy with text sizes for web and memes. | ||
|- | |- | ||
| Typography || Fallback Fonts || Acceptable fallback fonts if primary fonts are unavailable. | | Typography || Fallback Fonts || Acceptable fallback fonts if primary fonts are unavailable. | ||
|- | |- | ||
| Typography || Sample Applications || Examples of consistent font use in documents and social media. | | Typography || Sample Applications || Examples of consistent font use in documents and social media. | ||
|- | |- | ||
| Imagery and Graphics || Visual Style Guide || Preferred imagery style (abstract, futuristic) aligning with HyperQube_Z theme. | | Imagery and Graphics || Visual Style Guide || Preferred imagery style (abstract, futuristic) aligning with HyperQube_Z theme. | ||
|- | |- | ||
| Imagery and Graphics || Icons and Graphic Elements || Approved icons and submarks with usage instructions. | | Imagery and Graphics || Icons and Graphic Elements || Approved icons and submarks with usage instructions. | ||
|- | |- | ||
| Imagery and Graphics || Illustration and Photography || Guidelines for consistent color grading and themes in photos/illustrations. | | Imagery and Graphics || Illustration and Photography || Guidelines for consistent color grading and themes in photos/illustrations. | ||
|- | |- | ||
| Social Media & Meme Templates || Social Media Graphics Templates || Templates for Twitter, Discord, GitHub, Instagram; standard ratios. | | Social Media & Meme Templates || Social Media Graphics Templates || Templates for Twitter, Discord, GitHub, Instagram; standard ratios. | ||
|- | |- | ||
| Social Media & Meme Templates || Meme Overlays || Transparent overlays for meme creation with options for light/dark backgrounds. | | Social Media & Meme Templates || Meme Overlays || Transparent overlays for meme creation with options for light/dark backgrounds. | ||
|- | |- | ||
| Social Media & Meme Templates || Example Memes || At least 3 example memes to illustrate style. | | Social Media & Meme Templates || Example Memes || At least 3 example memes to illustrate style. | ||
|- | |- | ||
| Application Examples || Website Banners & Buttons || Banners at 1920x1080px, PNG/SVG buttons. | | Application Examples || Website Banners & Buttons || Banners at 1920x1080px, PNG/SVG buttons. | ||
|- | |- | ||
| Application Examples || Document Layouts || Branded headers, footers, and font styles for reports. | | Application Examples || Document Layouts || Branded headers, footers, and font styles for reports. | ||
|- | |- | ||
| Downloadable Assets and File Formats || Links to Assets || Centralized download links for logos, icons, and fonts. | | Downloadable Assets and File Formats || Links to Assets || Centralized download links for logos, icons, and fonts. | ||
|- | |- | ||
| Downloadable Assets and File Formats || File Types || SVG, PNG, PDF for scalability and quality. | | Downloadable Assets and File Formats || File Types || SVG, PNG, PDF for scalability and quality. | ||
|- | |- | ||
| Downloadable Assets and File Formats || File Naming Conventions || Standard file naming conventions (e.g., HyperQube_Z_Logo_FullColor.svg). | | Downloadable Assets and File Formats || File Naming Conventions || Standard file naming conventions (e.g., HyperQube_Z_Logo_FullColor.svg). | ||
|- | |- | ||
| Contact Information || Brand Inquiries || Contact details for brand-related questions or requests. | | Contact Information || Brand Inquiries || Contact details for brand-related questions or requests. | ||
|} | |} |
Revision as of 16:50, 13 November 2024
HyperQube Branding Kit Overview
The following table outlines the key deliverables and acceptance criteria for HyperQube_Z’s Branding Kit. This checklist provides team members with a structured reference to ensure all brand assets are created, reviewed, and maintained with consistency and professionalism.
Designed to streamline the branding process, this checklist defines each item, its requirements, and expected outcomes. By eliminating ambiguity, it enables contributors to work efficiently and cohesively. Whether you're focused on design, documentation, or review, this guide supports a unified approach to brand execution.
Reference Links
- Discussion: Discussion on WP1 Branding
- Leads (HC1 Forum usernames):
Category | Checklist Item | Acceptance Criteria |
---|---|---|
Introduction to Brand | Mission Statement | Brief overview of HyperQube and HyperQube_Z’s purpose and values. |
Introduction to Brand | Target Audience Overview | Description of target community (developers, contributors, etc.). |
Logo & Iconography | Primary Logo & Wordmark | SVG and PNG with transparent background; full color and black & white versions. |
Logo & Iconography | Logo Clear Space | Minimum clear space around logo to avoid clutter. |
Logo & Iconography | Minimum Size | Minimum size for digital and print to maintain readability. |
Logo & Iconography | Logo Variations | Approved versions for light, dark, and neutral backgrounds. |
Logo & Iconography | Logo Misuse Examples | Examples showing incorrect logo usage (e.g., stretching, rotation). |
Logo & Iconography | Resolutions | 72dpi (web), 300dpi (print), 1080px (social media). |
Color Palette | Primary and Secondary Colors | Hex, RGB, and CMYK values documented for each color. |
Color Palette | Accessible Color Combinations | Suggested pairings for readability across light/dark themes. |
Color Palette | Usage Guidance | Instructions on using colors in different settings. |
Typography | Primary Fonts | Approved font for headers, subheaders, body text with download link or license. |
Typography | Font Hierarchy | Suggested font hierarchy with text sizes for web and memes. |
Typography | Fallback Fonts | Acceptable fallback fonts if primary fonts are unavailable. |
Typography | Sample Applications | Examples of consistent font use in documents and social media. |
Imagery and Graphics | Visual Style Guide | Preferred imagery style (abstract, futuristic) aligning with HyperQube_Z theme. |
Imagery and Graphics | Icons and Graphic Elements | Approved icons and submarks with usage instructions. |
Imagery and Graphics | Illustration and Photography | Guidelines for consistent color grading and themes in photos/illustrations. |
Social Media & Meme Templates | Social Media Graphics Templates | Templates for Twitter, Discord, GitHub, Instagram; standard ratios. |
Social Media & Meme Templates | Meme Overlays | Transparent overlays for meme creation with options for light/dark backgrounds. |
Social Media & Meme Templates | Example Memes | At least 3 example memes to illustrate style. |
Application Examples | Website Banners & Buttons | Banners at 1920x1080px, PNG/SVG buttons. |
Application Examples | Document Layouts | Branded headers, footers, and font styles for reports. |
Downloadable Assets and File Formats | Links to Assets | Centralized download links for logos, icons, and fonts. |
Downloadable Assets and File Formats | File Types | SVG, PNG, PDF for scalability and quality. |
Downloadable Assets and File Formats | File Naming Conventions | Standard file naming conventions (e.g., HyperQube_Z_Logo_FullColor.svg). |
Contact Information | Brand Inquiries | Contact details for brand-related questions or requests. |