FigMayo Logo

LIBRARIES

🎨 Styles Slim (0)

core

Fills & Effects
Typography

components

Buttons
Documentation Tests
Alerts
Test page
New page
Atomize 3.0

core

Fills & Effects

components

✦ Cover ✦
🔲 Artboards
💜 Icons
🏞 Project Thumbnail (Use this for cover)
↪ Logos
↪ Buttons
↪ Avatars
↪ Radio Buttons
↪ Checkboxes
↪ Toggle
↪ Chips
↪ Tags
↪ Input fields
↪ Dropdown
↪ Date Picker
↪ Tooltips
↪ Toasts
↪ Alerts
↪ Links
↪ Switcher
↪ Tab Navigation
↪ Lists
↪ Sidebar Navigation
↪ Misc Components
↪ Header
↪ Modals
↪ Tables
↪ Web3 Components
🔲 Sheets
🎨 Foundations

core

Fills & Effects
Variables
Typography

components

✅ Avatars
Illustrations
🪧 Local components
🐙 Organisms

core

Variables

components

Card
Site map
Larder
Navigation
Notes
Blocks
Table
Footer
🎨 Styles Slim (1)

pages

Content Page

core

Fills & Effects
Variables
Typography

components

Buttons
New Knicks
Page 11
New page
Test page
Tooltips
Alerts
Inspector test
Icon tests
Icon tests - no frame
FigMayo Library Template

core

Variables

components

Introduction
Page structure
Adding components
🎨 Styles

pages

📙 Library overview

core

Fills & Effects
Variables
Typography

components

🔄 Icons
☑️ Buttons
✏️ Forms
🍟 Chips & badges
🔻 Dropdowns
🚨 Notifications
☢️ Test page
😎 Avatars
🛍 Brand assets
🧰 Tooltips
🛟 Helpers
🕹️ Variables
🗺 Navigation
🐙 Organisms
🩻 Overlays
⚙️ Settings
🦶Footer
Ctrl-K
🎨 Styles/🛍 Brand assets
Updated 24 August 2024
🛍 Brand assets

This page covers all aspects of brand assets. Use the links to the Figma file to download.

Logo

Only use the documented colours for the logo. Don’t warp or stretch the logo outside its aspect ratio.

logo-vector(3 variants)
View Figma
    PlaygroundFigmaGithub
Figma notes
Don’t scale the logo smaller then 16px high.