SC5 brand presentation with jekyller {#cover}

Yours Truly, SC5 Online

SC5 brand presentation with jekyller

Maija Meikäläinen, Chief Style Officer

Where am i?

The following slides demonstrate presentation written in markdown and shown in html, directly from the GitHub.

Based on these technologies

Kinds of slides

Blank slide

Plain text

Design strategy is a management tool to deliver world class user interfaces and enable excellent user experience. In the future, UX aspects will become naturally considered as a part of product strategy. Before this happens, it seems necessary to manage UX strategy specifically. This post reveals the secret weapon SC5 uses in designing strategy.

Spoiler: no weapon, we are just awesome.

Inline elements

Essential part of the design leadership practice are the tools and methods deployed by the leaders. The details of strategy, vision and roadmap documents all depend on the domain of business. Style and brand guides intersect design with marketing. In business-to-consumer business, interesting challenge is the increasing number of channels or touchpoints in which customers engage with the company. Without a coherent approach under design leadership, everything can fall apart.

we can — we share — we care

we can — we share — we care

full image

Brand icons

Icons cheatsheet

Icons cheatsheet

Icons cheatsheet

Quote in text

Digitalisaation myötä erinäisten IT palveluiden rooli muuttuu perinteisestä liiketoiminnan tukitoiminnosta liiketoiminnan mahdollistajaksi.

Quote with sign

Deep Learning has many different definitions depending on who you ask.

Max Pagels

Big quote and author

One of the most common struggles in maintaining a large website, is how to implement icons.

Iikka Winter

Big quote

Fonts did a good job for a while with ability to use scalable vector graphics and css for styling, but clearly we can see that it was just a matter of time for a better, more suitable solution to arise.

Title and subtitle

Hei, I’m here!

Nested list

  1. Data science
    1. Is your organization data ready?
    2. Friendly Introduction to Machine Learning
  2. Development
    • Persisting Docker Volumes in ECS using EF
    • Introducing: the SC5 serverless bot workshop

Block list

Latin and cyrillic list bullets

Hidden list

Two columns

Pilvipalveluita on tähän saakka tyypillisesti käytetty joko olemassa olevan konesalikapasiteetin korvaamiseen tai laajentamiseen, jolla on saavutettu kustannushyötyjä ja joustavuutta kapasiteetin hallintaan.

Tämä on ns. “infrastruktuuri palveluna” -pilvi (Infrastructure as a Service eli IaaS). Nämä palvelut toki auttavat kykyyn vastata nopeammin yllättäviin resurssivaihteluihin ja mahdollistavat kustannussäästöjä kun infrastruktuuria ei tarvitse olla “kaiken varalta” varastossa, mutta ne eivät itsessään valjasta koko pilven potentiaalia käyttöön.

Two columns with titles

Apples

Oranges

Three columns

What I almost immediately noticed when I started working at SC5 was how incredibly laid back they were for being such a professional institution. The first thing that comes to mind when you think of a consulting and web development organization that specializes in cloud based solutions, is probably not that a couple of employees could play an adventure time card game during their break.

Striped Table

Tables Are Cool
col 3 is right-aligned $1600
col 2 is centered $12
zebra stripes are neat $1

Code listing

<html lang="en">
<head> <!--Comment-->
  <title>Shower</title>
  <meta charset="UTF-8">
  <link rel="stylesheet" href="screen.css">
  <script src="script.js"></script>
</head>

Code with highlighting

<html lang="en"><head> <!--Comment-->	<title>Shower</title>	<meta charset="UTF-8">	<link rel="stylesheet" href="screen.css">	<script src="script.js"></script></head>

Highlighted code lines

  <html lang="en">
  <head> <!--Comment-->
  	<title>Shower</title>
  	<meta charset="UTF-8">
  	<link rel="stylesheet" href="screen.css">
  	<script src="script.js"></script>
  </head>

Hidden code steps

  <html lang="en">
  <head> <!--Comment-->
  	<title>Shower</title>
  	<meta charset="UTF-8">
  	<link rel="stylesheet" href="screen.css">
  	<script src="script.js"></script>
  </head>

Grid slide

One column for print

Subheading / Section title

Design strategy is a management tool to deliver world class user interfaces and enable excellent user experience. In the future, UX aspects will become naturally considered as a part of product strategy. Before this happens, it seems necessary to manage UX strategy specifically. This post reveals the secret weapon SC5 uses in designing strategy.

Design strategy is a fairly new idea. Its emergence is a consequence of the increasing influence of design thinking among managers. The pioneering companies in both physical and digital are already using it. For other, there are no well known, public models on how to build design strategies. This is where we come in.

Two columns for print

Subheading / Section title

First topic

Design strategy is a management tool to deliver world class user interfaces and enable excellent user experience. In the future, UX aspects will become naturally considered as a part of product strategy. Before this happens, it seems necessary to manage UX strategy specifically. This post reveals the secret weapon SC5 uses in designing strategy.

Second topic

Design strategy is a fairly new idea. Its emergence is a consequence of the increasing influence of design thinking among managers. The pioneering companies in both physical and digital are already using it. For other, there are no well known, public models on how to build design strategies. This is where we come in.

Black slide

It is possible

Copy & paste!

github.com/SC5/jekyller

Fork me on Github