Drel brand guidelines
Resources to represent Drel consistently and accurately across all contexts — editorial, digital, and conversational.
Refer to us as “Drel”, always with a capital D. The name refers to both the company and the product.
The wordmark displays drelin lowercase as a typographic design choice. In all written contexts — editorial, digital, or conversational — always write “Drel” with a capital letter.
The primary logo is the full lockup — symbol and wordmark together. Use this in navbars, sidebars, login screens, emails, evidence packs, and all first-time brand exposures. Monochrome usage is preferred.
Use the symbol alone (see below) only when the context is already clearly Drel — collapsed sidebar, favicon, app icon, loading states.
The Drel symbol is a standalone mark used decoratively — in hero sections, as a watermark, or as a favicon. It is not used as the primary logo. The wordmark is always the primary identifier.
A tight palette built on contrast and restraint. Electric blue on white, near-black for text.
Three typefaces, each with a specific role. Never mix them outside their intended use.
--font-display--font-body--font-logoWrite “Drel” with a capital D in all editorial, digital, and conversational contexts.
Use the wordmark on backgrounds with sufficient contrast. Prefer white or surface-alt.
Maintain clear space around the mark equal to the height of the diamond symbol.
Use the diamond mark alone when space is limited or the brand is already established in context.
Don’t write “drel” in lowercase outside of the wordmark itself.
Don’t stretch, squish, or resize individual elements. Keep original proportions.
Don’t apply drop shadows, glows, gradients, or decorative treatments to the logo.
Don’t place the logo over photos, textures, or anything that reduces legibility.
Don’t reorder, separate, or recombine the wordmark and diamond elements.
The sliced diamond
Two polygons forming a diamond with a descending diagonal cut. Transparent background. Scales cleanly from 16px favicon to large lockups.