Guidance
Getting started
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
↪ Pagination
↪ 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)
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
📙 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
/
Variables
Updated 21 May 2024
Variables
buttonStates
primitives
Name
lightmode
darkmode
primaryDefault
primaryDefault
brand/primary
brand/primary
primaryHover
primaryHover
brand/primary300
#FFFFFF
primaryDisabled
primaryDisabled
brand/primary200
#FFFFFF
