.. _Assets:

📂️ Assets
==========

Colour assets
-------------

+-----------------------------------------------+--------------------------------------------------------------------------+
|                     Asset                     |                                  Usage                                   |
+===============================================+==========================================================================+
| `SVG </colours.svg>`_                         | A vector image for the usage in design tools and alike.                  |
+-----------------------------------------------+--------------------------------------------------------------------------+
| `CSS </colours.css>`_                         | A stylesheet for the usage in website, Translucent and other projects.   |
+-----------------------------------------------+--------------------------------------------------------------------------+
| `RGB Decimal TXT </colours-rgb-dec.txt>`_     | A text file with a list of all RGB colours in the decimal format.        |
+-----------------------------------------------+--------------------------------------------------------------------------+
| `RGB Hexadecimal TXT </colours-rgb-dec.txt>`_ | A text file with a list of all RGB colours in the hexadecimal format.    |
+-----------------------------------------------+--------------------------------------------------------------------------+
| `JSON </colours.json>`_                       | A JSON file with all colours in different formats.                       |
+-----------------------------------------------+--------------------------------------------------------------------------+
| `ASE </colours.ase>`_                         | An *Adobe Swatch Exchange* file for the use in Adobe products.           |
+-----------------------------------------------+--------------------------------------------------------------------------+
| `CLR </colours.clr>`_                         | An *Apple Color List* file for the use in Mac OS colour dialogues.       |
+-----------------------------------------------+--------------------------------------------------------------------------+

.. hint::

    To install the file in **Illustrator**:

    - Click on a colour swatch
    - Click on the upper right list icon
    - Choose ``Open Swatch Library > Other Library…``

.. hint::

    To install & use the `CLR`_ file in **macOS** you can use ``curl``:

    .. code-block::

        curl -sSfLo ~/Library/Colors/confirm.clr https://ci.confirm.ch/colours.clr 

    If you don't want to use ``curl``, you can download the CLR file manually and place it in the ``~/Library/Colors/`` directory. You might need to restart the application after that.

Templates
---------

+--------------------------------------------------------+-----------------------------------------------+
|                        Template                        |                      Info                     |
+========================================================+===============================================+
| `Apple Pages (light) </confirm-pages-light.template>`_ | Apple Pages template with a white background. |
+--------------------------------------------------------+-----------------------------------------------+
| `Apple Pages (dark) </confirm-pages-dark.template>`_   | Apple Pages tempalte with a dark background.  |
+--------------------------------------------------------+-----------------------------------------------+
| `Apple Keynote </confirm-keynote.kth>`_                | Apple Keynote templates.                      |
+--------------------------------------------------------+-----------------------------------------------+

.. hint::
    
    For more informations, have a look at `Use templates in Pages on Mac <https://support.apple.com/en-gb/guide/pages/tan5c52a733c/mac>`_ and `Create and manage Keynote themes on Mac <https://support.apple.com/en-gb/guide/keynote/tanb343cb739/mac>`_.

Wallpaper
---------

Desktop
~~~~~~~

.. raw:: html

    <a href="/wallpaper/dark.jpg"><img src="/wallpaper/dark.jpg" width="500" /></a>
    <a href="/wallpaper/bright.jpg"><img src="/wallpaper/bright.jpg" width="500" /></a>
    <a href="/wallpaper/color.jpg"><img src="/wallpaper/color.jpg" width="500" /></a>


Mobile
~~~~~~

.. raw:: html

    <a href="/wallpaper/dark_mobile.jpg"><img src="/wallpaper/dark_mobile.jpg" width="250" /></a>
    <a href="/wallpaper/bright_mobile.jpg"><img src="/wallpaper/bright_mobile.jpg" width="250" /></a>
    <a href="/wallpaper/color_mobile.jpg"><img src="/wallpaper/color_mobile.jpg" width="250" /></a>


Greeting cards
--------------

We created custom greeting cards with various greetings on them in the style of a crossword puzzle. You can customize the greeting on the front with a highlighter marker. All the materials (cards, pre-cut inlays, highlighter, and reference sheet) are stored in a box in the office.


You can create an inlay in two ways:

A) Handwritten
~~~~~~~~~~~~~~

1. Take one of the precut orange blanco cards in format DIN A5

   * If none are left, proceed to section :ref:`How to print new blanco cards`)

2. Write your message
3. Put the inlay in the card
4. Hand out over to the recipient, done.


B) Print out
~~~~~~~~~~~~

1. Open the `card template </card/card.html>`_  in your browser
2. Write your message in the text field
3. Print it out on orange paper, make sure that:

   * the print is not scaled (→ set it to 100%)
   * that DIN A4 is selected
   * print it double sided (flip on the long side)

4. Cut the card like in step :ref:`How to cut inlay cards`
5. Put the inlay in the card
6. Hand out over to the recipient, done.


How to print new blanco cards
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
1. Open the `blanco card template </card/blanko.html>`_  in your browser
2. Print it out on orange paper, make sure that:

   * the print is not scaled (-> set it to 100%)
   * that DIN A4 is selected
   * print it double sided (flip on the long side)

3. Cut the cards like in step :ref:`How to cut inlay cards` to get two DIN A6 cards


How to cut inlay cards
~~~~~~~~~~~~~~~~~~~~~~

The nicest results are achieved as follows:

1. Cut the paper to the DIN A5 format using the cutter machine
2. Fold it in half to DIN A6
3. Trim a thin line away from the paper where the short sides come together to create a perfect edge


.. hint::

    Original material:

    - Ursus Tonzeichenpapier 130 g/qm Din A4 hellorange
    - Stabilo Textmarker Swing Cool, 1-4mm, pastell korallenrot (EAN 40 06381 55934 8)