Typography Styles Guide
AI Pass+design-system#figma
Preview
1280 px
AI Assistant
Grab the code for this component with a free account
Every free component’s full source, ready to copy or download, plus 30 monthly AI credits for Atheros AI routing to make it yours.
Code
Grab the code for this component with free account
Every free component's full source, ready to copy or download, plus 30 monthly AI credits for Atheros AI routing to make it yours.
Design System component
About Typography Styles Guide
A typography styles guide with font hierarchy — designed in Figma.
Customise it with AI
Open Typography Styles Guide in Atheros AI Builder, pick a design system and ask the AI assistant to change the layout, copy or behaviour — the design system is regenerated against your tokens.
Explore Other Components
View all
Color Styles Guide
Figma
A comprehensive color styles guide with token reference — designed in Figma.
#design-system#figma
Social Media Buttons
Figma
Social media icon buttons set — designed in Figma.
#design-system#figma
All Buttons
Figma
A collection of button styles and variants — designed in Figma.
#design-system#figma
Swipe Button
Figma
An interactive swipe-to-confirm button — designed in Figma.
#design-system#figma
Send Button Animation
Figma
A send button with a paper-plane launch animation — designed in Figma.
#design-system#figma
Interactive AI-Styled Button
Figma
An interactive AI-styled plastic button with hover effects — designed in Figma.
#design-system#figma
Ready to build?
300+ production-ready components and Atheros AI models. Every paid plan includes access to the whole Atheros — AI Builder and Learning.
Starting at $9.9 per month, billed annually
