{"id":32565393,"url":"https://github.com/progressplanner/brand-assets","last_synced_at":"2026-05-10T17:10:51.352Z","repository":{"id":265344768,"uuid":"888107796","full_name":"ProgressPlanner/brand-assets","owner":"ProgressPlanner","description":"Easily show any color scheme on your site.","archived":false,"fork":false,"pushed_at":"2025-10-21T08:39:24.000Z","size":1029,"stargazers_count":0,"open_issues_count":1,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-10-21T09:23:16.496Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/ProgressPlanner.png","metadata":{"files":{"readme":"readme.txt","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2024-11-13T20:37:15.000Z","updated_at":"2025-10-09T19:53:17.000Z","dependencies_parsed_at":"2024-11-29T02:13:14.230Z","dependency_job_id":"cc355444-7b29-4dcf-b780-d4efd5d961a8","html_url":"https://github.com/ProgressPlanner/brand-assets","commit_stats":null,"previous_names":["emilia-capital/color-scheme","progressplanner/color-scheme","progressplanner/brand-assets"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/ProgressPlanner/brand-assets","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ProgressPlanner%2Fbrand-assets","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ProgressPlanner%2Fbrand-assets/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ProgressPlanner%2Fbrand-assets/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ProgressPlanner%2Fbrand-assets/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ProgressPlanner","download_url":"https://codeload.github.com/ProgressPlanner/brand-assets/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ProgressPlanner%2Fbrand-assets/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":281563805,"owners_count":26522704,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-10-29T02:00:06.901Z","response_time":59,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2025-10-29T04:48:49.739Z","updated_at":"2025-10-29T04:48:50.818Z","avatar_url":"https://github.com/ProgressPlanner.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"=== Brand Assets ===\nContributors:      Team Progress Planner\nTags:              block, brand, colors, design, assets\nTested up to:      6.8\nStable tag:        0.1.0\nLicense:           GPL-2.0-or-later\nLicense URI:       https://www.gnu.org/licenses/gpl-2.0.html\n\nEasily display your company's brand assets including color schemes, logos, and brand guidelines.\n\n== Description ==\n\nBrand Assets is a WordPress block plugin that allows you to easily display your company's brand assets on your website. Perfect for showcasing your brand identity, color schemes, and design guidelines.\n\n**Features:**\n\n* **Color Scheme Display**: Create beautiful color palette displays with customizable swatches\n* **Flexible Layout**: Adjust swatch sizes, gaps, borders, and styling to match your brand\n* **CMYK Support**: Optional CMYK color values for print-ready color information\n* **Responsive Design**: Color schemes look great on all devices\n* **Easy to Use**: Simple block editor interface with intuitive controls\n* **Logo Popover**: Right-click on your site logo to show a customizable popover linking to your brand assets page\n* **Settings Page**: Configure popover text, target page, and logo selector through WordPress admin\n* **Plugin Settings Link**: Quick access to settings directly from the WordPress plugins page\n\n**Perfect for:**\n\n* Brand guidelines pages\n* Design system documentation\n* Marketing materials\n* Portfolio websites\n* Agency websites\n* Corporate websites\n\nThe Brand Assets block makes it easy to maintain consistent brand representation across your WordPress site.\n\n**Download Links Feature:**\n\nThe Brand Assets plugin includes a convenient feature for creating download links. When you add the `ba-download` class to a list item in Gutenberg, all links within that list item will automatically get the `download` attribute added to them.\n\n**How to Use Download Links:**\n\n1. **Create a List**: In the WordPress editor, create a list (ordered or unordered)\n2. **Add the Class**: Select a list item and add the CSS class `ba-download` in the Advanced settings\n3. **Add Links**: Add your download links within that list item\n4. **Automatic Processing**: The plugin will automatically add the `download` attribute to all links in that list item\n\n**Example:**\n\n```\n\u003cul\u003e\n  \u003cli class=\"ba-download\"\u003e\n    \u003ca href=\"https://example.com/files/brand-guidelines.pdf\"\u003eBrand Guidelines (PDF)\u003c/a\u003e\n  \u003c/li\u003e\n  \u003cli class=\"ba-download\"\u003e\n    \u003ca href=\"https://example.com/files/logo-pack.zip\"\u003eLogo Pack (ZIP)\u003c/a\u003e\n  \u003c/li\u003e\n\u003c/ul\u003e\n```\n\nThe plugin will automatically transform these links to include the `download` attribute, making them trigger downloads instead of navigation. This feature is particularly useful for brand asset pages where you want to provide downloadable files like logos, brand guidelines, or other resources.\n\n**Brand Page Pattern:**\n\nThe Brand Assets plugin comes with a pre-built block pattern that provides a complete template for creating brand asset pages. This pattern includes:\n\n**Pattern Sections:**\n\n1. **Logo Section**:\n   * Two-column layout for logo and icon display\n   * Download links for SVG, EPS, and PNG formats\n   * Uses the `ba-download` class for automatic download attributes\n\n2. **Brand Colors Section**:\n   * Pre-configured Brand Assets block with sample colors\n   * Includes CMYK values for print-ready color information\n   * Responsive color swatches with customizable styling\n\n3. **Typography Section**:\n   * Complete heading hierarchy (H1-H6)\n   * Text formatting examples (normal, bold, italic)\n   * Table example for comprehensive typography showcase\n\n**How to Use the Pattern:**\n\n1. **Create a New Page**: In WordPress admin, create a new page for your brand assets\n2. **Add the Pattern**: In the block editor, click the \"+\" button and go to the **Patterns** tab\n3. **Find the Pattern**: Look for \"Brand Assets\" in the available patterns\n4. **Insert and Customize**: Click to insert the pattern, then customize it with your actual:\n   * Logo and icon images\n   * Brand colors (replace the sample colors in the Brand Assets block)\n   * Download links for your actual files\n   * Typography information\n\n**Pattern Benefits:**\n\n* **Quick Setup**: Get a professional brand assets page in minutes\n* **Best Practices**: Follows design patterns proven to work well for brand guidelines\n* **Download Integration**: Automatically includes the download links feature\n* **Responsive Design**: Works perfectly on all devices\n* **Customizable**: Easy to modify and adapt to your specific brand needs\n\n== Installation ==\n\n1. Upload the plugin files to the `/wp-content/plugins/brand-assets` directory, or install the plugin through the WordPress plugins screen directly.\n2. Activate the plugin through the 'Plugins' screen in WordPress\n3. Start using the Brand Assets block in the block editor\n\n**Using the Color Palette Block:**\n\n1. In the WordPress editor, click the \"+\" button to add a new block\n2. Search for \"Color Palette - Brand Assets\" or find it in the Design category\n3. Add your color values using hex codes (e.g., #FF5733)\n4. Customize the appearance using the block settings panel\n5. Adjust swatch sizes, gaps, borders, and other styling options as needed\n\n**Configuring the Logo Popover:**\n\n1. Go to **Settings** → **Brand Assets** in your WordPress admin (or click the \"Settings\" link on the plugins page)\n2. **Select Brand Assets Page**: Choose the page where users will be taken when they click the popover link\n3. **Customize Text**: Set the popover heading, first text line, second text line, and link text\n4. **Logo Selector**: Specify the CSS selector for your logo element (default: `.wp-block-site-logo`)\n5. **CSS Loading Mode**: Choose how CSS should be loaded for the popover:\n   * Load the default CSS (recommended)\n   * Load custom CSS (allows you to provide your own CSS)\n   * Load no CSS (for advanced users)\n6. **Custom Popover CSS**: If you selected \"Load custom CSS\", you can provide your own CSS for styling the popover\n7. Click **Save Changes**\n\nThe popover will only appear if you have selected a brand assets page in the settings.\n\n== Frequently Asked Questions ==\n\n= How do I add colors to my brand assets block? =\n\nSimply add hex color codes (like #FF5733) in the block settings. You can add as many colors as you need for your brand palette.\n\n= Can I customize the appearance of the color swatches? =\n\nYes! You can adjust swatch width, height, gaps between swatches, border width, border radius, and border color to match your brand's aesthetic.\n\n= What is the CMYK option for? =\n\nThe CMYK option displays print-ready color values alongside your hex codes, which is useful for designers who need to work with both digital and print materials.\n\n= Does this work with all WordPress themes? =\n\nYes, the Brand Assets block is designed to work with any WordPress theme. The styling is self-contained and won't interfere with your theme's design.\n\n= How do I access the Brand Assets settings? =\n\nYou can access the settings in two ways: 1) Go to Settings → Brand Assets in your WordPress admin, or 2) Click the \"Settings\" link that appears next to the Brand Assets plugin on the Plugins page.\n\n= Can I customize the logo popover text? =\n\nYes! In the Brand Assets settings page, you can customize the popover heading, first text line, second text line, and link text to match your brand's voice and messaging.\n\n= How do I create download links? =\n\nYou can create download links by adding the `ba-download` class to list items in Gutenberg. Simply create a list, select a list item, add the CSS class `ba-download` in the Advanced settings, and add your download links within that list item. The plugin will automatically add the `download` attribute to all links in that list item.\n\n= How do I use the brand page pattern? =\n\nThe plugin includes a pre-built block pattern that provides a complete template for brand asset pages. To use it: 1) Create a new page in WordPress admin, 2) In the block editor, click the \"+\" button and go to the Patterns tab, 3) Look for \"Brand Assets\" in the available patterns, 4) Click to insert the pattern, then customize it with your actual logos, colors, and download links.\n\n== Screenshots ==\n\n1. Admin page.\n2. Popover that appears on right clicking the logo.\n\n== Changelog ==\n\n= 0.1.0 =\n* Initial release.\n\n== Arbitrary section ==\n\nYou may provide arbitrary sections, in the same format as the ones above. This may be of use for extremely complicated\nplugins where more information needs to be conveyed that doesn't fit into the categories of \"description\" or\n\"installation.\" Arbitrary sections will be shown below the built-in sections outlined above.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fprogressplanner%2Fbrand-assets","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fprogressplanner%2Fbrand-assets","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fprogressplanner%2Fbrand-assets/lists"}