Clear Space
The minimum clear space that must surround the logo. Adjust the Base Unit (X) to resize the exclusion zone and see the required margin scale with the mark.
Base Unit (X)32px
EXCLUSION ZONE224 × 224px
LOGO BOX160 × 160px
Typography
The client's font system — a full specimen on the left, and a live layout composition set in the uploaded fonts on the right.
01 — Heading font500 · Medium
Poppins
Custom file uploaded
Character map
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
0 1 2 3 4 5 6 7 8 9
! ? & @ # % $
02 — Body font400 · Regular
Inter
Custom file uploaded
Character map
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
0 1 2 3 4 5 6 7 8 9
! ? & @ # % $
LEV — Live Sample Copy
Clarity is the loudest signal a brand can send.
Every headline, layout, and interface this brand touches should feel deliberate and precise. Set type on a strict grid, keep the hierarchy unmistakable, and let the structure do the explaining.
When in doubt, reduce. Fewer styles, tighter spacing, and one confident voice outperform a crowded page every time — this is how the brand speaks at every size.
Assets
Logo files and brand assets. Toggle the preview background, download individual files, or package the complete set as a .ZIP.
8 files
Do's & Don'ts
Logo usage rules for the client brand. Green marks approved usage; red marks prohibited usage.
2 rules
DO
No previewKeep clear space
Around the logo so it's not close to any other graphic elements.
DON'T
No previewStretch the logo
Don't do crazy stuff, use your head ;)
Brand Voice
Tone guidelines, copywriting snippets, and slogan examples. Click any card to copy the snippet to your clipboard for PR and agency use.
2 snippets
Color Palette
The client's official color system. Click any swatch to copy its HEX value. Contrast ratios are measured against white and black per WCAG 2.1.
Sonic Identity
Audio logos, podcast intros, and sound marks. Play any file, scrub the timeline, or download the source.
1 file
Lottie Animation
Motion identities for the client brand. Animations play on a continuous loop — pause any player, or download the .JSON source file.
1 animation
Design Tokens
Export the client's color and typography system as ready-to-use code. Switch between CSS variables, a Tailwind config, or Figma Tokens JSON, then copy to your clipboard.
tokens.css
@font-face {
font-family: Poppins;
src: url(https://wmlzgtvyvjnvgeqveqel.supabase.co/storage/v1/object/public/brand-assets/lev/fonts/poppins-medium.ttf) format("truetype");
font-weight: 500;
font-display: swap;
}
@font-face {
font-family: Inter;
src: url(https://wmlzgtvyvjnvgeqveqel.supabase.co/storage/v1/object/public/brand-assets/lev/fonts/inter-regular.otf) format("opentype");
font-weight: 400;
font-display: swap;
}
:root {
/* Color System */
--color-primary: #111215;
--color-secondary: #E7E4DC;
--color-accent: #E05A32;
--color-dark: #71717A;
--color-light: #F4F4F5;
/* Typography */
--font-heading: "Poppins", sans-serif;
--font-heading-weight: 500;
--font-body: "Inter", sans-serif;
--font-body-weight: 400;
}Live Workspace
Interactive workspaces — Figma, Miro, Pitch — embedded live on the hub. Open any workspace in full screen, or jump to the source in a new tab.
1 workspace
Canva
Package the client's color system and vector marks as a Canva Brand Kit pack — a palette CSV, SVG logos, and an import guide — ready to upload at canva.com/brand.
Pack Contents
- palette.csv5 colors
- assets/Logo D.svgSVG
- assets/Logo D1.svgSVG
- assets/Logo B.svgSVG
- assets/Logo B1.svgSVG
- canva-import-guide.txtguide
Palette
- Primary#111215
- Secondary#E7E4DC
- Accent#E05A32
- Dark#71717A
- Light#F4F4F5