TIMEmSYSTEM Design Guide
TIMEmSYSTEM er et danskejet selskab, som udvikler software til mellemstore og store institutioner, ministerier og uddannelsesinstitutioner.
Vores mission er at tilbyde løsninger, der forbedrer og optimerer kundens arbejdsgange – derfor vores slogan „Improve Your Workflow“.
Vi er blandt Danmarks ledende software virksomheder med de populære produkter mTIME, der er markedsførende i staten inden for tids- og aktivitetsregistrering; mEDUCATION til ressourcehåndtering; samt TimeEdit til skema- og ressourceplanlægning.
Logo
TIMEmSYSTEM logoet er vores mest synlige og vigtige brand aktiv. Det bør altid repræsenteres bedst muligt.
Logoet må ikke ændres ved eller tegnes om på nogen måde.
Versioner
Logoet optræder i to forskellige versioner.
Med slogan skal altid benyttes så længe minimum størrelse overholdes
Varianter
Logoet bør altid stå i kontrast til baggrunden.
Der er 4 varianter for hvert logo for at sikre læsbarhed og optimal kvalitet ift. reproduktion i trykkeriprocesser og digitale behov.
Respektafstand
For maksimal læsbarhed og effekt skal afstand fra logo til omkringligende elementer, være lig med højden på bogstaverne.
Minimum størrelse
For at bevare læsbarhed bør logoet aldrig blive trykt mindre end 8mm (5mm uden slogan) og bør aldrig blive vist på mindre 55px (33px uden slogan) pixels i digitale formater.
Skriftligt
Skriv TIMEmSYSTEM som almindelig tekst i stedet for at indlejre logoet i tekst.
- TIMEmSYSTEM
- TIMEmSYSTEM er ét ord, og alles dets bogstaver skal skrives med kapitæler (store bogstaver) på nær det midterste ”m”, som skal være en minuskel (lille bogstav).
- TmS
- Hvis det kan undgås, bør TIMEmSYSTEM ikke forkortes.
- TimeMSystem
- Timemsystem
- TimemSystem
- timemsystem
- time m system
- TIME m SYSTEM
Produktlogoer
For alle produktlogoer gælder samme regler, som for virksomhedens logo.
Farver
Teal (500) er TIMEmSYSTEM's primære farve og skal være fundamentet i alle brandede designs.
Benyt nuancerne, frem for den primære farve, i kompleks grafik, eller illustrationer for at give yderligere dybde til designs.
| TIMEmSYSTEM (Teal) | PMS 3272 | ||
| 500 | #00a499 | r0 g164 b153 | c94 m0 y48 k0 |
| 50 | #d9f1f0 | r217 g241 b240 | c17 m0 y8 k0 |
| 100 | #bfe8e6 | r191 g232 b230 | c28 m0 y14 k0 |
| 200 | #99dbd6 | r153 g219 b214 | c42 m0 y22 k0 |
| 300 | #66c8c2 | r102 g200 b194 | c59 m0 y31 k0 |
| 400 | #33b6ad | r51 g182 b173 | c70 m0 y39 k0 |
| 500 | #00a499 | r0 g164 b153 | c94 m0 y48 k0 |
| 600 | #008b82 | r0 g139 b130 | c79 m12 y47 k19 |
| 700 | #00736b | r0 g115 b107 | c81 m20 y50 k32 |
| 800 | #005e58 | r0 g94 b88 | c83 m27 y52 k45 |
| 900 | #004a45 | r0 g74 b69 | c86 m34 y56 k56 |
| Grå | |||
| 500 | #808080 | r128 g128 b128 | c0 m0 y0 k50 |
| 50 | #f2f2f2 | r242 g242 b242 | c0 m0 y0 k5 |
| 100 | #e6e6e6 | r230 g230 b230 | c0 m0 y0 k10 |
| 200 | #cccccc | r204 g204 b204 | c0 m0 y0 k20 |
| 300 | #b3b3b3 | r179 g179 b179 | c0 m0 y0 k30 |
| 400 | #999999 | r153 g153 b153 | c0 m0 y0 k40 |
| 500 | #808080 | r128 g128 b128 | c0 m0 y0 k50 |
| 600 | #666666 | r102 g102 b102 | c0 m0 y0 k60 |
| 700 | #4d4d4d | r77 g77 b77 | c0 m0 y0 k70 |
| 800 | #333333 | r51 g51 b51 | c0 m0 y0 k80 |
| 900 | #1a1a1a | r26 g26 b26 | c0 m0 y0 k90 |
| Sort | #000000 | r0 b0 g0 | c0 m0 y0 k100 |
| Hvid | #ffffff | r255 g255 b255 | c0 m0 y0 k0 |
| mTIME | PMS 369 | ||
| 500 | #64a70b | r100 g167 b11 | c68 m0 y100 k0 |
| 50 | #e8f2da | r232 g242 b218 | c12 m0 y20 k0 |
| 100 | #d8e9c2 | r216 g233 b194 | c20 m0 y32 k0 |
| 200 | #c1dc9d | r193 g220 b157 | c31 m0 y49 k0 |
| 300 | #a2ca6d | r162 g202 b109 | c44 m0 y70 k0 |
| 400 | #83b93c | r131 g185 b60 | c55 m0 y91 k0 |
| 500 | #64a70b | r100 g167 b11 | c68 m0 y100 k0 |
| 600 | #558e09 | r85 g142 b9 | c61 m5 y100 k25 |
| 700 | #467508 | r70 g117 b8 | c62 m9 y100 k41 |
| 800 | #396006 | r57 g96 b6 | c63 m12 y100 k55 |
| 900 | #2d4b05 | r45 g75 b5 | c62 m15 y100 k68 |
| mTIME-moduler | PMS 375 | ||
| 500 | #97d700 | r151 g215 b0 | c46 m0 y90 k0 |
| 50 | #eff9d9 | r239 g249 b217 | c9 m0 y21 k0 |
| 100 | #e5f5bf | r229 g245 b191 | c15 m0 y35 k0 |
| 200 | #d5ef99 | r213 g239 b153 | c24 m0 y53 k0 |
| 300 | #c1e766 | r193 g231 b102 | c33 m0 y74 k0 |
| 400 | #acdf33 | r172 g223 b51 | c44 m0 y95 k0 |
| 500 | #97d700 | r151 g215 b0 | c46 m0 y90 k0 |
| 600 | #80b700 | r128 g183 b0 | c54 m0 y100 k0 |
| 700 | #6a9700 | r106 g151 b0 | c54 m0 y100 k22 |
| 800 | #577c00 | r87 g124 b0 | c55 m8 y100 k39 |
| 900 | #446100 | r68 g97 b0 | c56 m12 y100 k57 |
| mINTEGRATION | PMS 347 | ||
| 500 | #009a44 | r0 g154 b68 | c93 m0 y100 k0 |
| 50 | #d9f0e3 | r217 g240 b227 | c17 m0 y15 k0 |
| 100 | #bfe6d0 | r191 g230 b208 | c29 m0 y25 k0 |
| 200 | #99d7b4 | r153 g215 b180 | c43 m0 y38 k0 |
| 300 | #66c28f | r102 g194 b143 | c61 m0 y56 k0 |
| 400 | #33ae69 | r51 g174 b105 | c74 m0 y74 k0 |
| 500 | #009a44 | r0 g154 b68 | c93 m0 y100 k0 |
| 600 | #00833a | r0 g131 b58 | c82 m7 y92 k40 |
| 700 | #006c30 | r0 g108 b48 | c83 m12 y92 k40 |
| 800 | #005927 | r0 g89 b39 | c84 m18 y93 k52 |
| 900 | #00451f | r0 g69 b31 | c86 m26 y93 k63 |
| mTS | PMS 3135 | ||
| 500 | #008eaa | r0 g142 b170 | c100 m0 y20 k0 |
| 50 | #d9eef2 | r217 g238 b242 | c17 m0 y6 k0 |
| 100 | #bfe3ea | r191 g227 b234 | c29 m0 y10 k0 |
| 200 | #99d2dd | r153 g210 b221 | c44 m0 y14 k0 |
| 300 | #66bbcc | r102 g187 b204 | c60 m6 y19 k0 |
| 400 | #33a5bb | r51 g165 b187 | c70 m9 y21 k8 |
| 500 | #008eaa | r0 g142 b170 | c100 m0 y20 k0 |
| 600 | #007991 | r0 g121 b145 | c79 m21 y22 k29 |
| 700 | #006377 | r0 g99 b119 | c81 m29 y27 k41 |
| 800 | #005262 | r0 g82 b98 | c84 m35 y32 k50 |
| 900 | #00404c | r0 g64 b76 | c87 m41 y38 k60 |
| mCONFERENCE | PMS 2173 | ||
| 500 | #0084d5 | r0 g132 b213 | c88 m31 y0 k0 |
| 50 | #d9edf9 | r217 g237 b249 | c18 m1 y1 k0 |
| 100 | #bfe0f5 | r191 g224 b245 | c29 m3 y1 k0 |
| 200 | #99ceee | r153 g206 b238 | c43 m6 y2 k0 |
| 300 | #66b5e6 | r102 g181 b230 | c59 m14 y0 k0 |
| 400 | #339ddd | r51 g157 b221 | c72 m25 y0 k0 |
| 500 | #0084d5 | r0 g132 b213 | c88 m31 y0 k0 |
| 600 | #0070b5 | r0 g112 b181 | c86 m48 y0 k0 |
| 700 | #005c95 | r0 g92 b149 | c89 m52 y7 k19 |
| 800 | #004c7a | r0 g76 b122 | c90 m54 y13 k35 |
| 900 | #003b60 | r0 g59 b96 | c93 m58 y18 k50 |
| mTEMPUS | PMS 2145 | ||
| 500 | #004ea8 | r0 g78 b168 | c98 m62 y0 k14 |
| 50 | #d9e4f2 | r217 g228 b242 | c18 m7 y2 k0 |
| 100 | #bfd3e9 | r191 g211 b233 | c29 m11 y4 k0 |
| 200 | #99b8dc | r153 g184 b220 | c44 m20 y4 k0 |
| 300 | #6695cb | r102 g149 b203 | c63 m34 y2 k0 |
| 400 | #3371b9 | r51 g113 b185 | c88 m51 y0 k0 |
| 500 | #004ea8 | r0 g78 b168 | c98 m62 y0 k14 |
| 600 | #00428f | r0 g66 b143 | c100 m76 y2 k8 |
| 700 | #003776 | r0 g55 b118 | c100 m75 y6 k28 |
| 800 | #002d61 | r0 g45 b97 | c100 m76 y10 k44 |
| 900 | #00234c | r0 g35 b76 | c100 m75 y14 k60 |
| mMOBILE | PMS 2726 | ||
| 500 | #485cc7 | r72 g92 b199 | c81 m70 y0 k0 |
| 50 | #e4e7f7 | r228 g231 b247 | c12 m8 y0 k0 |
| 100 | #d1d6f1 | r209 g214 b241 | c21 m13 y0 k0 |
| 200 | #b6bee9 | r182 g190 b233 | c33 m22 y0 k0 |
| 300 | #919ddd | r145 g157 b221 | c50 m36 y0 k0 |
| 400 | #6d7dd2 | r109 g125 b210 | c67 m50 y0 k0 |
| 500 | #485cc7 | r72 g92 b199 | c84 m66 y0 k0 |
| 600 | #3d4ea9 | r61 g78 b169 | c89 m72 y0 k0 |
| 700 | #32408b | r50 g64 b139 | c98 m82 y5 k0 |
| 800 | #293572 | r41 g53 b114 | c100 m88 y26 k9 |
| 900 | #20295a | r32 g41 b90 | c100 m91 y37 k26 |
Typografi
TIMEmSYSTEM’s primære skrifttype er Open Sans. Den skal anvendes hver gang, den er tilgængelig.
Når Open Sans ikke er tilgængelig, benyttes Calibri alternativt.
Open Sans
- 300 Light
- 400 Normal
- 600 Semi-Bold
- 700 Bold
- 800 Extra-Bold
- 300 Light Italic
- 400 Normal Italic
- 600 Semi-Bold Italic
- 700 Bold Italic
- 800 Extra-Bold Italic
Calibri
- 300 Light
- 400 Normal
- 700 Bold
- 300 Light Italic
- 400 Normal Italic
- 700 Bold Italic
Billedstil
Billeder bør udtrykke følelser, der stemmer overens med vores Voice and Tone politik
Brug billeder med deres fulde farve, eller påfør et farvelag, hvis du f.eks. vil bruge det som baggrund.
Forneden er nogle generelle retningslinjer.
- Brug billedmateriale, der er relevant for kontekst.
- Stræb efter billeder, der repræsenterer ægte historier.
- Alt billedmateriale og illustrationer bør bære præg af vores farver.
- Hold et fokuspunkt. Sørg for at et klart koncept formidles til brugeren i en mindeværdig måde.
- Opret en fordybende historie og en følelse af sammenhæng.
