Primary lockup
On dark backgrounds
Reference / brand assets
Valley Computers brand assets — logo files, colours and usage.
Please use these versions rather than older artwork.
01 / Logo
Use the lockup that fits the surface.
The current system includes two full lockups and a favicon for compact spaces. There is no separate mark-only file in the current asset set.
Light-background lockup
On white / light backgrounds
Favicon / mark crop
Favicon — small spaces and browser tabs
Download
SVG files keep the mark crisp at any size.
02 / Colour
A small, disciplined palette.
The site tokens are authored in OKLCH. The hex values shown are practical screen references; use the token value when working in the website.
Primary navy
Deep navy
#071221
--color-ink
oklch(0.18 0.035 255)
Interface signal blue
#00A8C7
--color-signal
oklch(0.67 0.13 215)
Soft signal blue
#C4EDF7
--color-signal-soft
oklch(0.92 0.045 215)
Graphite / dark neutrals
Graphite
#18222F
--color-graphite
oklch(0.25 0.028 255)
Muted ink
#5A6472
--color-muted-ink
oklch(0.5 0.025 255)
Brand green accent
Valley green
#0A961E
Current logo SVG
Logo source colour
Light neutrals
Canvas
#F0F4F9
--color-canvas
oklch(0.965 0.008 255)
Paper
#F7FAFF
--color-paper
oklch(0.985 0.008 255)
White
#FCFEFF
--color-white
oklch(0.995 0.004 255)
Line
#CDD5E0
--color-line
oklch(0.87 0.018 255)
Green note: Valley green is the single brand accent. Use it sparingly for the mark and small points of emphasis.
03 / Typography
Clear type. Useful hierarchy.
Keep the type straightforward and legible. The site uses one display face for hierarchy and one reading face for longer copy.
Manrope
Technology that keeps its word.
Weights 500–800 · display headings, navigation labels, and short statements.
Source Sans 3
Reliable infrastructure and practical support for the work in front of you.
Weights 400–700 · body copy, descriptions, forms, and supporting details.
04 / Usage
Keep the system recognisable.
- 01
Give the logo clear space on every side; keep nearby type, rules, and imagery out of that space.
- 02
Never stretch, rotate, redraw, or recolour the logo artwork.
- 03
Use the primary lockup on dark backgrounds and the light-background lockup on white or light surfaces.
- 04
Keep the green to the logo and restrained accents; it should not become a competing colour field.
- 05
When in doubt, use the primary lockup and preserve its proportions.