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

Create new App.css template #3

Open
mrzacsmith opened this issue Sep 14, 2020 · 6 comments
Open

Create new App.css template #3

mrzacsmith opened this issue Sep 14, 2020 · 6 comments

Comments

@mrzacsmith
Copy link
Owner

Create a new App.css template removing the CRA styling and special CSS, including:

  • Lambda logo
  • Lambda text and colors
  • Styling to match Lambda School
@DomBruno
Copy link
Contributor

Before the rebrand, Lambda had an extensive and useful style guide that gave color codes and specified fonts.

This is all that's publicly available at this time.

@DomBruno
Copy link
Contributor

Color codes:
#lightseagreen
#sandybrown
#royalblue
#black
#salmon
#firebrick
#darkgray
#darkslategrey

Fonts:
https://klim.co.nz/retail-fonts/tiempos-headline/
https://www.onlinewebfonts.com/download/88f10bf18a36407ef36bf30bc25a3618

@mphelps1978
Copy link
Contributor

mphelps1978 commented Oct 4, 2020

I'd like to take this alongside #4 , seeing's how they go hand in hand. Will have Draft PR in a few.. Assuming these need to go in the /templates directory?

@mphelps1978
Copy link
Contributor

Tiempos Headline is a paid font.. I'll find a substitute for it in the meantime, but once this is live, may consider asking LS if it can be used from wherever they have it hosted from..

@mphelps1978
Copy link
Contributor

Going to have to make some modifications to the template for App.js as well, nothing major, just re-arranging some things to make it look a little cleaner

mphelps1978 added a commit to mphelps1978/mzs-lambda-react that referenced this issue Oct 4, 2020
creates App.css template file for issue mrzacsmith#3
@mphelps1978 mphelps1978 mentioned this issue Oct 4, 2020
3 tasks
@mphelps1978
Copy link
Contributor

mphelps1978 commented Oct 4, 2020

https://codesandbox.io/s/hopeful-chaum-jfjz6 for a preview

There's 2 options for the graphic here.. We could use the LS Logo, or we could use the "All-In" patch that's referenced in the Branding article.. I went with the LS Logo for now, - here's a comparison image for the patch.. Keep in mind, the patch is something that I actually made, as I don't have access to a fully transparent one..
Screenshot_221

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

No branches or pull requests

3 participants