styleQuiver brand sheet
A heavy Q whose tail is an arrow. The letter is the logo, so the name and the mark are one thing. Ink, bone and a single vermilion.
You are looking at direction A: the fletched Q. The bar at the top of every page switches the whole site to another one.
Logo
Using the mark
Ink on bone or bone on ink, with the fletching and the head in vermilion. One colour where colour is not possible. Keep clear space of half the Q on every side. Smallest size: 16 pixels as the icon, 20 pixels tall as the bare mark.
Files: brand/logo-a in the repo, drawn from the GPT Image sheet. In the wordmark the mark stands in for the letter Q.
Palette
The public ground.
Panels, inputs and the quiet chapter.
The third light field, for when two bone fields would meet.
Type, the Q, and the ground of the members area.
The second dark field.
The arrow. As a field it carries ink, never bone.
Vermilion that can carry bone text: the one action.
Pairs that pass AA
Ink on bone 17.3:1. Bone on ink 17.3:1. Ink on vermilion 5.6:1. Bone on deep vermilion #C92A02 4.9:1. Bone on bright vermilion fails (3.3:1), so vermilion fields take ink.
Type
Schibsted Grotesk Black, display
Draw a look.
Headlines, figures, prices and the wordmark at weight 900. Tracking -0.045em, leading 0.95. Free from Google Fonts (OFL).
Schibsted Grotesk, text
Every look has a clip to watch and the recipe that makes it.
One family. Body at 18 to 20 pixels, weight 400, with 650 for names and labels. Nothing smaller than 16.
Do and don’t
Do
- Let ink and bone do the work. Vermilion is the arrow: use it once per screen.
- Give a colour a whole surface. One field, one ink, edge to edge.
- Set headlines heavy and tight, two lines at most.
- Let the look clips be the only other colour on a page.
- Say it in plain words. "Draw a look", and then say what it is.
Don’t
- No second accent colour. If a page needs one, it needs a picture.
- No bone text on bright vermilion. Use ink, or the deep vermilion.
- Do not turn, flip or recolour the arrow, or draw the Q in another weight.
- No gradients, glows or shadows.
- Do not put the mark on a look clip. Give it plain ground.