Ink

Create responsive web interfaces quick and efficiently.

Get our code

Download

This file contains CSS, JavaScript and their minified versions, images, fonts and the cookbook.

Download with source

This file contains SASS and JavaScript source code, distribution versions and the build tools config files.

Github

If you prefer, head on to our github repository, fork the project and help us create an even better Ink.

Lightning fast responsive web development

Responsive from the ground up

Our grid system is percentage based. Nesting grid elements gives you infinite possibilities. Version 3.0.0 introduces a flex based grid system that gives you unprecedented control over your layouts.

<div class="ink-grid">
  <div class="column-group">
    <div class="all-50 small-100 tiny-100">...</div>
    <div class="all-50 small-100 tiny-100">...</div>
  </div>
</div>

Easy to code and easy to read

Our syntax was designed to be clean and readable like a human language, creating legible code that both designers and developers can understand, helping to make your work accessible to anyone on your teams.

<nav class="ink-navigation">
  <ul class="horizontal menu">
    <li><a href="/home">home</a></li>
    <li><a href="/about">about</a></li>
  </ul>
</nav>

More than HTML and CSS

We've developed our own JavaScript library based on the latest coding standards and a modular architecture. The Ink.requireModules() method ensures all of Ink's power is at your fingertips.

Ink.requireModules(
  ['Ink.Dom.Css_1'],
  function(Css) {
    var elm = Ink.s('.ink');
    Css.addClassName(elm,'hot');
  }
);

Customizable

Ink's CSS is created with SASS. Breakpoints, dimensions, color, font sizes and even class names are defined as variables and are easily reconfigurable. Just edit a couple of files, recompile and you'll have your unique custom build.

// scss
$ink-class-prefix: my-;
$navigation-class-name: #{$ink-class-prefix}nav
// css
.my-nav {
  ...
}

Made with Ink

Meo Music

Meo Music is the largest portuguese music streaming service.

Sapo Vídeos

Sapo's video hosting and streaming service and platfom.

O Mundo em Pessoa

A Sapo Labs experiment on social network data collection.

Codebits

Portugal's largest tech event organized yearly by Sapo.

Ink is made at Sapo

For the last 18 years, Sapo has lead the way in web development, in Portugal. We've always contributed to and made use of many open source projects, many of which are critical to our operations. Ink is developed under our open source initiative and made freely available under the MIT license.