We believe that There is no LGB without the T.

By adopting TRANSLUX into your technical stack, you join a network of websites displaying measurable solidarity. This page details the ways you can deploy the brand, find resources, and support the ecosystem.

When referencing TRANSLUX, we encourage using our official brand marks and color palettes.

• Primary: Inter, sans-serif
• Code: JetBrains Mono or Monaco
• Weight: 700 (Bold) for headings, 400 (Regular) for body text.

We officially support the usage of the Transgender Pride colors and the Progress Pride flag colors for our UI components. The TRANSLUX core maps these automatically through its CSS variables.

/* Core Trans Pride Variables */
--translux-blue: rgba(91, 206, 250, 1);
--translux-pink: rgba(245, 169, 184, 1);
--translux-white: rgba(255, 255, 255, 1);

The easiest way to get involved is to install the translux:solidarity metadata tags on your personal website, blog, or application.

<meta name="translux:solidarity" content="true" />
<meta name="translux:tracker" content="https://translegislation.com/" />

head: [
    { tag: 'meta', attrs: { name: 'translux:solidarity', content: 'true' } },
    { tag: 'meta', attrs: { name: 'translux:tracker', content: 'https://translegislation.com/' } }
]

Code contributions are welcome! If you find a bug, open an issue on our GitHub repository. If you want to expand the adapter layers for Wordpress or Squarespace, pull requests are strongly encouraged.

• Trans Legislation Tracker: translegislation.com
• ACLU LGBT Rights: aclu.org/issues/lgbtq-rights
• Trevor Project: thetrevorproject.org