Microsoft/bcquality
1
0
Fork 0
mirror of https://github.com/microsoft/BCQuality.git synced 2026-10-05 22:56:55 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions 4

Use horizontal logo banner in README

Browse source 
Co-authored-by: Copilot App <223556219+Copilot@users.noreply.github.com>
This commit is contained in:
Jesper Schulz-Wedde 2026-09-17 13:28:27 +02:00
parent cf271a4fcd
commit b16b3800fc
3 changed files with 10 additions and 14 deletions
Download patch file Download diff file Expand all files Collapse all files

2
README.md
View file

@ -1,5 +1,5 @@
<p align="center"> <p align="center">
<img src="docs/assets/bcq-logo.svg" alt="BCQuality logo" width="480"> <img src="docs/assets/bcq-logo.svg" alt="BCQuality logo" width="720">
</p> </p>
# BCQuality # BCQuality

14
docs/assets/bcq-logo.svg
View file

@ -1,6 +1,6 @@
<svg xmlns="http://www.w3.org/2000/svg" width="800" height="720" viewBox="0 0 800 720" role="img" aria-labelledby="title description"> <svg xmlns="http://www.w3.org/2000/svg" width="1200" height="420" viewBox="0 0 1200 420" role="img" aria-labelledby="title description">
<title id="title">BCQuality logo and wordmark</title> <title id="title">BCQuality banner logo</title>
<desc id="description">A blue letter Q crossed by a teal quality check above the BCQuality wordmark.</desc> <desc id="description">A blue letter Q crossed by a teal quality check beside the BCQuality wordmark.</desc>
<defs> <defs>
<linearGradient id="ring" x1="215" y1="95" x2="585" y2="480" gradientUnits="userSpaceOnUse"> <linearGradient id="ring" x1="215" y1="95" x2="585" y2="480" gradientUnits="userSpaceOnUse">
<stop stop-color="#086194"/> <stop stop-color="#086194"/>
@ -16,15 +16,11 @@
<filter id="mark-shadow" x="-20%" y="-20%" width="140%" height="150%"> <filter id="mark-shadow" x="-20%" y="-20%" width="140%" height="150%">
<feDropShadow dx="0" dy="14" stdDeviation="14" flood-color="#086194" flood-opacity="0.16"/> <feDropShadow dx="0" dy="14" stdDeviation="14" flood-color="#086194" flood-opacity="0.16"/>
</filter> </filter>
<filter id="ground-shadow" x="-30%" y="-300%" width="160%" height="700%">
<feGaussianBlur stdDeviation="9"/>
</filter>
</defs> </defs>
<g filter="url(#mark-shadow)" shape-rendering="geometricPrecision"> <g transform="matrix(0.7 0 0 0.7 -70 14)" filter="url(#mark-shadow)" shape-rendering="geometricPrecision">
<circle cx="400" cy="280" r="185" fill="none" stroke="url(#ring)" stroke-width="70"/> <circle cx="400" cy="280" r="185" fill="none" stroke="url(#ring)" stroke-width="70"/>
<path d="m415 400 115 115h100L465 350Z" fill="url(#teal)"/> <path d="m415 400 115 115h100L465 350Z" fill="url(#teal)"/>
<path d="m285 270 115 115 250-250V35L400 285l-65-65Z" fill="url(#teal)"/> <path d="m285 270 115 115 250-250V35L400 285l-65-65Z" fill="url(#teal)"/>
</g> </g>
<text x="400" y="635" text-anchor="middle" font-family="Segoe UI, Inter, Arial, sans-serif" font-size="100" font-weight="700" letter-spacing="-4"><tspan fill="#086194">BC</tspan><tspan fill="#138EB7">Quality</tspan></text> <text x="455" y="262" font-family="Segoe UI, Inter, Arial, sans-serif" font-size="142" font-weight="700" letter-spacing="-6"><tspan fill="#086194">BC</tspan><tspan fill="#138EB7">Quality</tspan></text>
<ellipse cx="400" cy="682" rx="190" ry="12" fill="#086194" opacity="0.14" filter="url(#ground-shadow)"/>
</svg> </svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.8 KiB

After

Width:  |  Height:  |  Size: 1.6 KiB

Before After
Before After

8
docs/brand-assets.md
View file

@ -1,7 +1,7 @@
# BCQ brand assets # BCQ brand assets
<p align="center"> <p align="center">
<img src="assets/bcq-logo.svg" alt="BCQuality logo" width="480"> <img src="assets/bcq-logo.svg" alt="BCQuality logo" width="720">
</p> </p>
The BCQuality mark combines a **Q** with a check to represent review, The BCQuality mark combines a **Q** with a check to represent review,
@ -15,7 +15,7 @@ match the source concept.
| Asset | Best use | | Asset | Best use |
| --- | --- | | --- | --- |
| [`bcq-logo.svg`](assets/bcq-logo.svg) | Full logo and wordmark. | | [`bcq-logo.svg`](assets/bcq-logo.svg) | Horizontal banner with the mark and wordmark. |
| [`bcq-mark.svg`](assets/bcq-mark.svg) | Symbol without the wordmark. | | [`bcq-mark.svg`](assets/bcq-mark.svg) | Symbol without the wordmark. |
The SVG files can be scaled without losing quality. The SVG files can be scaled without losing quality.
@ -36,8 +36,8 @@ logo reference.
## Usage ## Usage
- Prefer the full logo when at least 240 pixels of space is available; use the - Prefer the full logo when at least 320 pixels of horizontal space is
mark at smaller sizes. available; use the mark at smaller sizes.
- Preserve the artwork's proportions, colors, and orientation. - Preserve the artwork's proportions, colors, and orientation.
- Use `BCQuality logo` as alternative text unless nearby text already names the - Use `BCQuality logo` as alternative text unless nearby text already names the
project, in which case the image can be decorative. project, in which case the image can be decorative.