DIGITAL AGENCY / MANUAL
Name and logo
Website identity and section labels
Guidelines & specifications
Use Digital agency in prose. The website wordmark is digital agency., lowercase with a final period. The header stacks digital above agency.; the footer uses a single line.
Approved logo rule — 4 October 2026: the final dot is always magenta #ff00c8 (--accent), on every surface and in every logo use. Letters may be white on dark surfaces or near-black on light surfaces; the dot keeps its magenta color in stacked and single-line wordmarks, headers, footers, assets, and future products. Do not let the dot inherit the letters' color, including on hover or focus.
For an HTML wordmark, keep the period in the text and wrap it in <span class="brand-dot">.</span>, with .brand-dot { color: var(--accent); }. Exported vector or raster wordmarks must retain the same magenta dot. This rule applies to logo treatments; ordinary punctuation in prose follows the text color.
| Asset | Current website use | Construction |
|---|---|---|
| Agency mark | Header mark, section labels, discipline separators and animation | Open corner frame with a northeast arrow; 32 × 32 viewBox, 3-unit strokes, currentColor |
| Digital agency logo | Favicon and structured-data organization logo | Filled corner frame and cursor; 64 × 64 viewBox, magenta fill |
These are two distinct existing variants. Use the arrow mark when reproducing the visible website identity; keep the cursor variant for its documented uses until a logo consolidation is agreed.
The header combines a magenta mark with white letters and a magenta final dot: mark 34 × 34px, gap 12px, text 23px / 700, tracking −1px, line height 0.92. At widths up to 640px, the mark is 28 × 28px and the text is 20px. The footer wordmark has near-black letters and a magenta dot, 20px / 700, tracking −1px, or 18px on mobile.
The copied SVG files preserve the website originals. The arrow SVG inherits color when embedded inline; an SVG loaded through an image element does not inherit its host's CSS color. The website also uses the file as a CSS mask with a magenta background.
Preserve proportions, geometry, and the wordmark spelling. Avoid stretching, shadows, outlines, or placing the mark over a busy image without a clear area. Print minimum sizes and formal clear-space measurements have not yet been defined; the website dimensions above are references, not print specifications.