Skip to content
EN FR

brand.vanityURLS.link

This is the source code of the vanityURLs brand

It's the starting point to ensure that every interaction our audiences have with vanityURLs reflects our brand personality, and uses a consistent visual language.

Start with the system

  • Design language covers color, typography, grid, spacing, accessibility, components, diagrams, and themes.
  • Logo documents product, instance, website logo, and icon assets.
  • Resources collects downloads, social media assets, wallpapers, and backgrounds.

Design language

The visual system for color, typography, layout, spacing, components, diagrams, interaction, themes, and accessible brand expression.

  • Color
  • Fonts and typography
  • Grid
  • Spacing
  • White space and text flow How vanityURLs uses spacing, line length, and prose rhythm to keep documentation readable.
  • A11Y Accessible brand expression across color, copy, layout, assets, generated pages, and documentation.
  • Components and patterns Reusable documentation and product patterns already present in the vanityURLs website.
  • Iconography How vanityURLs uses icons across documentation, product surfaces, links, status states, and generated pages.
  • Diagrams and code Standards for Mermaid diagrams, syntax highlighting, examples, and technical explanations.
  • Interaction Interaction behavior for navigation, search, toggles, copy buttons, links, and generated surfaces.
  • Dark mode and themes How light and dark themes preserve brand identity, readability, and implementation consistency.

Logo

Product, instance, badge, favicon, and website logo standards.

Resources

Downloadable brand assets, social media files, wallpapers, and background resources.

Product UI

Interface patterns for generated pages and operator-facing controls.

Foundations

Brand personality, common-sense judgment, naming, accessibility, and system principles.

  • Common sense Practical rules for making brand decisions when the exact answer is not documented.
  • Brand personality The personality traits that shape vanityURLs writing and interface behavior.
  • Voice How vanityURLs sounds in documentation, generated pages, badges, and product surfaces.
  • Naming and terms How to name the project, domains, instances, product areas, and generated surfaces.

Web site

Contributor documentation for maintaining the vanityURLs Hugo web site.

  • Local development Run, build, test, and debug the vanityURLs Hugo web site locally.
  • Content authoring Write website docs, translations, shortcodes, and UI strings for vanityURLs.link.
  • Documentation contribution How to contribute brand-site documentation, translations, and website guidance.
  • Hosting and deployment How vanityURLs.link is hosted, deployed, and operated on Workers Static Assets with Cloudflare Workers.
  • Website analytics How vanityURLs.link sends privacy-conscious server-side analytics from the site Worker.
  • Releases How website releases, changelogs, package versions, and release-please fit together.