Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Does Tachyons have a Logo? #5

Closed
nelsonic opened this issue Feb 15, 2017 · 5 comments
Closed

Does Tachyons have a Logo? #5

nelsonic opened this issue Feb 15, 2017 · 5 comments

Comments

@nelsonic
Copy link
Member

nelsonic commented Feb 15, 2017

Busy updating the "Stack Diagram": dwyl/technology-stack#1
for "New Stack" dwyl/technology-stack#37
and was wondering if Tachyons has a Logo... 🤔
When I visit http://tachyons.io/ all I see is:
image

Which is very "clean" and "functional" ... but also "unbranded".
CC: @mrmrs 😉

@nelsonic
Copy link
Member Author

found: https://sites.google.com/site/teaminvestigatetachyons/
image
So I took the Lithium Atom Logo
Converted it to PNG: http://svgtopng.com/
Then replaced the "O" in the "TACHYONS" and get:
tachyons-logo-new
I agree it's not particularly good, but we need something for a presentation tomorrow.
we can always update later when there's something better. 👍

@mrmrs
Copy link
Member

mrmrs commented Feb 15, 2017 via email

@nelsonic
Copy link
Member Author

@mrmrs that's way bettererer! thanks! updating now!
image

@justgage
Copy link

This should totally be on the homepage.

@nelsonic
Copy link
Member Author

nelsonic commented May 4, 2017

tachyons-intro-image

Combination of:
https://github.com/dwyl/learn-tachyons/blame/2eda33fc202c75e4210238b0c8b700985611dc4d/README.md#L6
and
http://mrmrs.io/gradients

code:

  <body class="bg-teal-gradient white h-100 h5">
    <h1 class="tc ttu f-headline lh-solid mt4 mb0 pb0">Tachyons</h1>
    <h3 class="tc fw1 f3">CSS for designing faster than the speed of light</h3>
    <style>
    .bg-teal-gradient { /** from: http://mrmrs.io/gradients/ **/
      background: rgba(57,204,204,1);
      background: -webkit-linear-gradient(top, rgba(57,204,204,1) 0%, rgba(34,122,122,1) 100%);
      background: linear-gradient(to bottom, rgba(57,204,204,1) 0%, rgba(34,122,122,1) 100%);
    }
    </style>
  </body>

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

3 participants