H1: Holy CSS Nuggets, Batman

Welcome to The Type Nugget Beta - the online typesetting tool that will eventually make all of your online typesetting dreams come true.

Configure some properties in the panel on the right and it’ll change this preview text live in browser (also go ahead and type in these paragraphs; it’s all content-editable).

Click ‘Generate Code’ to generate a tidy, accessible CSS stylesheet that you can implement with zero fiddling. Spending less time manually coding and more time swiftly creating hella fine web type painlessly via a pleasant user interface? I don’t know about you, but I am all about that life.

Create a free account and we’ll save your theme every time you generate, so when you login you can pick up where you left off.

Type Nugget has been built on the input from the community, and we want to make it the best web tool that we possibly can for you - take our two minute survey and tell us what you what you’d love to see. Oh yeah, you'll need to right click on that link to open it.

H2: What does Type Nugget do so far?

Type Nugget Beta currently features the following:

  1. A live browser preview so you can design a pixel-perfect stylesheet
  2. Generate tidy, usable CSS
  3. Save your progress when you create a free account

H3: Be part of the Type Nugget Revolution

We’re really excited about the future. Fully responsive out of the gate, and built with relative units, Type Nugget in its purest form will generate semantically sound, browser compatible, maintainable, and accessible LESS, SASS, or CSS ready to download or link directly to your site.

H4: What’s still to come?

We are pretty excited to have the following in development:

  • Breakpoints for responsive styles
  • Browse and load from galleries of user-created themes
  • Finer controls and UI improvements
  • Heaps more webfonts
  • Your ideas here...
H5: This sounds fantastic, but what can I do to make it more fantastic?

My thoughts exactly. What’s great about being in Beta is that it’s the perfect time for you and we’re asking for your ideas to help us make Type Nugget even crispier.

Give it a whirl and send us any thoughts you may have! We’d love to hear your ideas on anything from usability, to new dev features, webfonts, or your favourite late-night hot sandwich recipes, etc. We’ll get back to you, and for every good idea that comes our way we will think of you while humming the tune of the classic Golden Girls theme song ‘Thank you for being a friend’.

H6: Get your (oven) mitts on

That’s it, I’ve fulfilled my preview text panel filler-text quota. So now there’s no time to lose - get around it already and see how easy it is to bake yourself a piping hot nugget of CSS.

Global
Headings
Paragraph
Links
Lists