Ein Buchstabe spielt mit.
Smirsi baut Apps, die Freude machen. Das i ist die Figur, die etwas tut, das m ist das Spielfeld. Hier steht, wie die Marke funktioniert, und du findest alle Dateien.
Vier Formen, ein Name
Der normale Schriftzug ist das Logo. Das kleine Zeichen springt nur ein, wenn für den Namen kein Platz ist. Frei gestellt ist die Figur für Illustrationen und Bewegung gedacht.
Schutzzone und Mindestgrößen
Rundum bleibt mindestens ein i-Punkt-Durchmesser frei. Die Dateien sind knapp beschnitten, die Schutzzone kommt beim Platzieren dazu.
| Schriftzug | 64 px breit, 15 mm im Druck |
|---|---|
| Schriftzug mit Feld im m | 120 px breit, 28 mm, darunter normaler Schriftzug |
| Horizontal | 96 px breit, 22 mm |
| Gestapelt | 72 px breit, 17 mm |
| Zeichen | 16 px, 5 mm |
| Figur | 24 px hoch, 7 mm |
Warum klein ein s und kein i? Ein i auf einer Kachel ist das weltweite Info-Symbol und sähe aus wie ein Hilfe-Knopf. Darum tragen Favicon, App-Badge und Token das s aus dem Schriftzug.
Das Spiel mit dem Buchstaben
Hat eine App ein Spielfeld, passiert es im m. Tut sie etwas, macht es das letzte i. Pro App spielt nur ein Buchstabe mit, der Rest des Worts bleibt unverändert.
Der normale Schriftzug. Solange eine App keine eigene Figur hat, bleibt es dabei.
Das runde m in drei Reihen, ein Feld ist orange gelöst.
Drei Stämme mal drei Reihen sind neun Felder. Jede Ziffer sitzt genau auf der Mitte ihres Stamms.
Der Topf als Helm, der Besen in der Hand: Name und Aufgabe in einer Figur.
Das i im Ausfall, die Klinge vorn. Nur fürs Portfolio.
Farbe, die man schmecken kann
Links jeweils hell, rechts dunkel. Tangerine führt, Aubergine trägt den Text, Butter und Himmel sind fürs Spielen. Alle Textpaarungen erfüllen mindestens WCAG AA, der Build bricht sonst ab.
- Grund
#FFFFFF#24102F - Fläche
#FFF0DC#361A45 - Tangerine
#FF7A1A#FF8A33 - Aubergine
#2B1036#2B1036 - Butter
#FFD84D#FFD84D - Himmel
#8EDBFF#8EDBFF - Text
#2B1036#FFF3E6 - Leise
#634B6E#D3BEDD - Link
#A63A00#FFB27A
| Paarung | Hell | Dunkel |
|---|---|---|
| Text auf Grund | 17.0:1 | 16.1:1 |
| Leise auf Grund | 7.6:1 | 10.2:1 |
| Link auf Grund | 6.5:1 | 9.9:1 |
| Text auf Fläche | 15.2:1 | 13.8:1 |
| Leise auf Fläche | 6.7:1 | 8.7:1 |
| Link auf Fläche | 5.8:1 | 8.5:1 |
| Aubergine auf Tangerine | 6.5:1 | 7.2:1 |
| Aubergine auf Butter | 12.3:1 | 12.3:1 |
| Aubergine auf Himmel | 11.1:1 | 11.1:1 |
Dick und freundlich
Bagel Fat One nur für Überschriften und große Zahlen. Figtree für alles andere. Beide unter SIL Open Font License, self-hosted, ohne Google-CDN.
Figtree im Fließtext. Jeden Tag ein neues Rätsel, dazu größere für Woche und Monat. Offene Formen, gut lesbar auf dem Handy, und Ziffern, die in Tabellen sauber untereinander stehen.
Skala 14, 18, 20, 26, 38, 68, 112 px. Abstände 4, 8, 12, 16, 24, 32, 48, 64, 96 px.
So reden wir
Warm, frech, selbstironisch. Immer klar genug, dass man weiß, was als Nächstes zu tun ist. Die Lautstärke richtet sich nach dem Thema.
Laut: Rätsel und Spiele
Zehn Tage am Stück. Angeberisch. Weiter so.
Ten days straight. Show-off. Keep going.
Normal: Haushalt, Sammeln
Bad ist geputzt. 12 Punkte für dich.
Bathroom’s clean. 12 points for you.
Leise: Gesundheit, Geld
Eintrag gespeichert. Deine Daten bleiben auf deinem Gerät.
Entry saved. Your data stays on your device.
| Moment | Deutsch | English |
|---|---|---|
| Etwas ging schief | Hoppla, das hat nicht geklappt. Deine Daten sind noch da. Versuch’s nochmal. | Oops, that didn’t work. Your data is safe. Try again. |
| Noch nichts da | Noch nichts zu tun. Genieß es, das hält nicht lange. | Nothing to do yet. Enjoy it, this won’t last. |
| Website | Apps, die Freude machen. Aus Linz. | Apps that bring joy. From Linz. |
Alles federt
Dinge schießen ein Stück über ihr Ziel hinaus und kommen zurück. Dafür gibt es eine Kurve: cubic-bezier(.34, 1.56, .64, 1). Bei reduzierter Bewegung steht alles sofort da.
| 80 bis 585 ms | Die Buchstaben ploppen von links nach rechts auf, je 45 ms versetzt, 280 ms lang |
|---|---|
| 420 bis 880 ms | Der erste i-Punkt fällt, staucht beim Aufprall und federt zurück |
| 520 bis 980 ms | Der zweite i-Punkt fällt genauso |
| 1.000 bis 1.260 ms | Der zweite Punkt wird zur Figur der App. Bei Raster-Apps zieht sich stattdessen das Raster ins m |
| 1.420 bis 1.600 ms | Ausblenden auf 96 % Größe, dann die App |
| Reduzierte Bewegung | Letztes Bild, 400 ms halten |
Bitte so, und bitte nicht so
Dateien
Logos
Jede Form liegt im Kit auch für dunklen Grund, Tangerine und einfarbig bereit.
