Comments (22)
I'm hoping to open up a work item on crowdSPRING for this soon. Until then, I'll take submissions through this GitHub issue.
from pitchfx-site.
Hi,
Albert told me about this need for the website and I agreed to help out when I had the time. Here's a rough first draft for a logo:
from pitchfx-site.
Awesome. Looking good. That looks like something we could use on our twitter profile.
Any ideas for what could go on the site header and what could go on the favicon?
As far as artifacts go I think we'll need a transparent background svg for the header and a tiny PNG for the favicon.
from pitchfx-site.
Hi, for the site header you could possibly have a blurred out background of a baseball field/stadium (or something baseball-related) and overlay the logo on top in white text; plus any additional drawings (maybe graphs or numbers).
I'm imagining something fairly simple and clean like this: http://heathlife.co.uk/
What are your thoughts on how the site header should look?
Eric
from pitchfx-site.
For the homepage we already have the stadium images. We could put the logo
on top of that. I was assuming we'd put it in the navbar like this, but I
like making it more prominent on the home page like you suggest.
Still though, for player pages we'd need something that fits in the navbar,
kind of like that site does on pages like this.
http://heathlife.co.uk/workshops
from pitchfx-site.
Hi!
Albert told me about this website as well--and maybe if you're interested here's an icon that I put together, maybe if you'd like you can integrate @etai07 text into it? Just an idea (:
the concept behind the base design was the swing rate visual representation found for baseball players (this particular was a snippet of joe mauer's modified).
from pitchfx-site.
Thanks Jodi. These are really great and I appreciate the work.
I think I'd lean towards the simplicity of @etai07's design for the main logo. I really like Jodi's baseball/heatmap for a 404 page though so please leave it here for that.
As we use these we'll add notes on our attribution.md page.
@etai07, Could we get some artifacts posted for your image?
- 16x16 png with just the B for the favicon
- lengthwise brand/logo that I can use on the navbar - this is probably an SVG of just the baseballmod text with a transparent background
- SVG of your sample above that I can use on Twitter.
Thanks much.
from pitchfx-site.
I made a 16x16 and 32x32 png; as well as the logo above converted to .svg format.
How large should the image be for the navbar? I was thinking of putting the "B" symbol and "baseballmod" all on the same line so they read straight across.
svg file:https://drive.google.com/file/d/0B-dzoLqFJY1KWUM1RnBhSkEtZDg/edit?usp=sharing
from pitchfx-site.
Thanks @etai07 and @jodiewychan! The navbar should handle about 45px height. @etai07, were you thinking of adding the 'B' symbol next to BaseballMod.com? Or maybe using your 'B' design for the whole phrase 'BaseballMod.com'?
from pitchfx-site.
I think the logo next to the baseballmod name would look redundant. Since
the logo encapsulates the b and m I think it should be left out of the
header.
Feel free to present both options though.
L
On Apr 27, 2014 12:05 PM, "Albert Lyu" [email protected] wrote:
Thanks @etai07 https://github.com/etai07 and @jodiewychanhttps://github.com/jodiewychan!
The navbar should handle about 45px height. @etai07https://github.com/etai07,
were you thinking of adding the 'B' symbol next to BaseballMod.com? Or
maybe using your 'B' design for the whole phrase 'BaseballMod.com'?Reply to this email directly or view it on GitHubhttps://github.com//issues/58#issuecomment-41502158
.
from pitchfx-site.
So I tried out the logo+ text and I agree it looks redundant so I just attached the text for the navbar. Let me know if there's anything that needs to be changed.
https://drive.google.com/file/d/0B-dzoLqFJY1KNF91TGozODV5VE0/edit?usp=sharing
from pitchfx-site.
Forgive me for being picky :). A couple of questions though..
- For the favicon.ico at the 16x16 size I can't tell that I'm looking at a letter. Something about the red on blue contrast and the thin letter pixel. Any ideas?
- For the header logo:
- it's offset left in the SVG
- colors? I liked the white for 'baseball' and red for 'mod'. Maybe that text is too thin too though?
from pitchfx-site.
It's okay, I'm prepared to make modifications as needed.
So I made the "white line" of the "B" thicker to make it stand out more: not sure if this makes it better.
But if not I could try making the background darker to bring out the contrast; although I'm not sure if that would match with the color scheme of your current website.
For the header logo, I wasn't sure about the colors so I just left them black. Here's the updated site header with the right colors (hopefully). What do you mean by the logo is offset in the left?
https://drive.google.com/file/d/0B-dzoLqFJY1KOUJvVHpreVBXVkE/edit?usp=sharing
from pitchfx-site.
Regarding the offset, it seems like you're exporting more than just the svg. Notice in Inkscape below, the document is wider than the graphic.
I'm thinking we should drop the .com too. I liked your original baseballmod
standalone.
from pitchfx-site.
Hi, so I changed the colors to match the logo, and edited the canvas size:
https://drive.google.com/file/d/0B-dzoLqFJY1KaGpUNlpfOFJMNzA/edit?usp=sharing
from pitchfx-site.
Thanks @etai07. Looks good right?
I'll push this out to the site sometime today. How do you want to be mentioned on the attribution page? With you twitter logo, email, github page, linkedIn? Let me know.
from pitchfx-site.
The favicon isn't readable enough yet though.
Check out some of these favicons
http://bootswatch.com/favicon.ico
http://baseballmod.com/favicon.ico
https://www.facebook.com/favicon.ico
from pitchfx-site.
The new navbar looks great, @etai07!
from pitchfx-site.
thanks @albertlyu
for site attribution...just state whatever I helped make/design?
also for the favicon, I tried some new designs, what do you guys think?
from pitchfx-site.
Eh, BM isn't great. I try to use BBM when I can to avoid the "bowel movement" abbreviation :).
I like your original design. But maybe the line weight and the colors were making it unreadable. If it were all white on blue would it be cleaner?
from pitchfx-site.
@etai07 , I just pushed my favorite favicon.ico out to the live site so you can get a look at it. I think maybe it is good enough, but feel free to polish it up if you want to make anything about it cleaner.
from pitchfx-site.
Hi, the site looks really good and the favicon looks decent.
I think the all white looks alot cleaner so I have it here as well as another copy with red outline with white.
Let me know if there's anything else you need: it was a pleasure to work with you.
from pitchfx-site.
Related Issues (20)
- New Domain/Site Name HOT 3
- New Zone Charts - BABIP, wOBA, etc. HOT 27
- Improve Filters on Mobile
- Improve Heatmap Pickers for Mobile HOT 1
- Whiff % is showing 0% for all pitches HOT 3
- Heatmap for Called Strikes? HOT 9
- Standardize max heat for charts HOT 1
- Group the different pitch heatmaps HOT 5
- Add totals to pitch table HOT 2
- Improve discoverability on the home page HOT 22
- Pitch Count Heatmap HOT 16
- Site down: Tried accessing roster API with invalid team HOT 3
- Highcharts heatmaps HOT 3
- Use bower to install highcharts/highmaps
- Choose a color pallete for batted ball trajectories HOT 2
- Choose a color pallete for pitch types HOT 1
- Clarify team buttons on home page HOT 2
- Datepicker default date range off? HOT 1
- Roster not returning when last game was rained out HOT 2
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from pitchfx-site.