Skip to main content

We're excited to launch Tallinn Design System! While it allows you to create interfaces the Tallinn way it's still a work in progress. If you think something’s missing or isn't working, please let us know at disain@tallinnlv.ee

Getting started in development

To start using the Tallinn Design System without any build steps, simply add the Tallinn CSS files to your web page.

Create a new HTML file for your project:

<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title>Tallinn Design System Demo</title>
  </head>
  <body>
    <h1>Hello, World!</h1>
  </body>
</html>

Next, include the Tallinn CSS files. Add the <link> tag between the <head> tags of your page:

<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <title>Tallinn Design System Demo</title>
    <link rel="stylesheet" href="https://disain.tallinn.ee/tds.min.css" />
  </head>
  <body>
    <h1>Hello, World!</h1>
  </body>
</html>

Open the page in your browser, and you should see that the Tallinn Design System styles have been applied to your page. You can now start building your application or website with the Tallinn Design System.