Skip to content

Latest commit

 

History

History
68 lines (39 loc) · 1.58 KB

README.md

File metadata and controls

68 lines (39 loc) · 1.58 KB
Raw

Logo Study

A logo text selector tool. A single page packed with google fonts, and example text /styles applied.

Scanning the options, should reveal a logo font that "is right".

This uses Bootstrap & Google fonts, a selection on popular ones.

Requires

less compiler.

Watch ./less compile to ./css

Getting Started

Example text, A sample text is used and is split into a head(h) and tails(t) word(s). To control styling/design we apply styles to head, tail or both. Use padding-left/right to control h/t spacing.

Examples:

  • Head: 'talk' Tail: 'Mountains'

      talkMountains

  • Head: 'Helix' Tail: 'App'

    HelixApp

  • Head: 'Mercedes' Tail: 'Racing Division'

    MercedesRacing Division

  • Sample Row

    talkMountains

Files to edit, all three of them:

  • style.less Make changes to fonts requested
  • logo-study.html to edit the text and css font classes tested.
  • logo.less Make changes to the styles for each combination of logo-##

Todo: Automate the font/container styling ( dry ).

Todo: Add text font snippet/combinations.

Influencers

I struggled on fonts till I began following and reading [Jarrods] 1 work. Watching a [video] 2 made the light bulb come on.

LICENSE

MIT