Design System
The Brickclay logo pairs the B mark with the brickclay wordmark. It is the first thing people see from us, so it stays simple, consistent and easy to recognize wherever it appears.
The B mark beside the wordmark, in two colourways.
There are two color variants: black for light grounds and Brickclay Red, and white for dark grounds and photography. Always use the variant that gives the clearest contrast. Unsure? Check it in the logo variant selector below.
For small spaces and round placements.
The B mark is the most minimal form of Brickclay. Use it where the name is already present or not needed: favicons, app icons, avatars, small UI.
The circle mark places the B in a solid circle. Use it for profile pictures and round placements where a bare B would feel unanchored.
Find the right logo for any background.
Pick a swatch, move the slider or type a hex code. The selector picks the variant with the higher contrast.
Keep the space around the logo clear.
x
x
x
x
When locking up a partner logo with ours, use the Brickclay primary logo in black or white. Wherever possible, use a monochrome version of the partner's logo too.
Where the partner logo is a symbol and our name is not needed, the B mark may replace the primary logo.
The clearspace rules extend to partnership lockups, as shown below. A rule line divides the two logos.
PartnerxxxxxxxxWhere the rules can bend.
Do not recolor the logo. Do not stretch or squash it. Do not set it on an angle. Do not add shadows or effects. Do not use black on dark grounds.Brickclay Do not retype the wordmark.
