Structure Classes
Defined and flexible core structure we can use on all or most pages.
Paddings
Utility spacing system - padding classes. [padding-direction] + [padding-size].
Direction Classes
Size Classes
Text Classes
Text classes when typography style doesn't match the default HTML tag.
Text Sizes
Sample text is being used as a placeholder for real text that is normally present.
Sample text is being used as a placeholder for real text that is normally present on your website.
Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look on your website.
Sample text is being used as a placeholder for real text that is normally present on your website. Sample text helps you understand how real text may look on your website.
Sample text is being used as a placeholder for real text that is normally present on your website. Sample text helps you understand how real text may look on your website.
Text Styles
text-style-strikethrough
text-style-italic
text-style-muted
text-style-allcaps
text-style-nowrap
text-style-link
Sample text is being used as a placeholder.
Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look on your website. Sample text is being used as a placeholder for real text text-style-2lines
Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look on your website. Sample text is being used as a placeholder for real text. Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look on your website. Sample text is being used as a placeholder for real text.
Text Weights
Text Alignments
UX UI Designer
Research Design Animation Presenting Figma Jitter Adobe XD Copywriting HTML Prototyping CSS Webflow Empathy Organized Documentation User Experience Invision Studio Pixelmator ChatGPT AI tools Design System Wireframing Interaction Design IOS & Android
MJDesign
Hey there!
Thanks for visiting my portfolio! 😁
Check out the contact link below if you have any questions.
01
Giving Forward
GF • 2022
Giving Forward is a non-profit website that increases the opportunity for advertisers to utilize their unsold ad space to generate donations for chariti...
02
Amaano
A • 2021-22
Amaano is a blockchain application that gives access to crypto-to-cash transactions in Africa...
03
BeatsbyBanny
MJD • 2022
Banny is a New Jersey based artist who needed a website for fans and audience members to go to in order to give tips and access his discography...
04
Bendian Music
MJD 2021
Gregg Bendian is a professional Percussionist and Professor of Music at several institutions. Gregg wanted a website where students could gain access to...
PORTFOLIO
Reach out anytime 🙂
Click to copy email
