Fluid typography for a fluid web
Typetura is a tool that allows you to quickly create fluid typographic systems. It does this with an interface inspired by animation keyframes, but applies those keyframes to page width. Your typography can finally look stunning at ever size.
5 months ago
Before structuring the user interface, there was quite a bit of information that we needed. For applications with lots of interactions, I like to start with a Data-Driven-UI (DDUI) approach. DDUI is the process of designing and structuring the different pieces of data that you'll need prior to building.
Unlocking the Potential of Typetura.js
Part 1 Fluid Typography and the Creation of Typetura Part 2 Getting started with Typetura.com Part 3 Unlocking the potential of Typetura.js Part 4 Building Typetrura.com Part 5 The future of Typetura
Getting started with Typetura.com
To jump into use, go to typetura.com. That single fluid canvas greets you, partially filled with content and flanked by a settings panel and empty space. At the top right corner of the canvas, You can change the wide of the canvas by dragging the orange dot at the top right corner.
Fluid Typography and the Creation of Typetura
Responsive design works for layouts through percentages and media queries. However, to Chimero's point, they don't solve the typographic needs of a fluid medium. Images and boxes fluidly grow and collapse to fit the context. In his 2012 post 'Molten leading (or, fluid line-height)' , Tim Brown proposed a solution.
Would you recommend this product?
Let us know if you have any questions or comments. We’re still early in development and have a lot of new features we’re excited to bring you.
5 months ago