Hyphen

Hyphen is a portfolio template for design engineers, product designers who code and front-end developers who design. Its whole idea is the hyphen. Two words sit on one line, joined by a hyphen that is a thin window onto a project. As you scroll the window opens, and the words on either side narrow on the typeface's width axis instead of shrinking or wrapping, until the picture fills the screen.

What is included

- 12 pages: Home, Work, Case study, About, Services, Service, Journal, Journal post, Contact, Legal, 404, Style guide

- 8 CMS collections: Projects, Services, Experience, Testimonials, Journal, Process, FAQs, Legal

- 7 code components with plain controls: Hyphen, Hyphen Index, Hyphen Chain, Hyphen Nav, Widths, Wide Title, Preloader

- 3 canvas components with variants: Button, Submit Button, FAQ Row

- 9 colour styles and 10 text styles; change them and the whole site follows, the code components included

- A variable font file with a width axis, bundled, so the signature movement works out of the box

- A working contact form with sending, sent and failed states