The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Back to feedPost
Hey! I just found this little website that makes your work really stand out.
If you love typography, you should give it a try! And it’s free 😊
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
Related posts
A glimpse of our recent free Framer template for design agencies and brand studios.
Here's the free remix link: Check it out
Good
If your Figma file has seventeen font sizes, your website will too.
Before any page design, I set up a type scale as text styles, named by role:
• Display: 56 / 64
• Heading 1: 40 / 48
• Heading 2: 28 / 36
• Body: 17 / 28
• Caption: 13 / 20
Size and line height together, never one without the other. Role names (Heading 2, Body) instead of sizes (28px), so the scale can change without renaming anything.
Font size can also bind to number variables now, which helps when desktop and mobile need different values.
Publish the styles to the team library and every file uses the same scale. On the build side it becomes a handful of CSS classes or variables.
How many text styles does your current project have?
Save this for your next redesign, and follow for the next build.
Follow for more videos: instagram.com/sellwrightstudio · youtube.com/@sellwrightstudio
This is really nice
Updating my web services website into a Studio.
Hi! My name is Prince and I am building my "Orbithus" Studio.
Let's connect here in Contra and my other socials!
Great 👍🏻