Header image

Upload or pick an image below. To swap it later: click the image, then Replace in the toolbar. Delete the image to show just the background colour. Landscape images work best.

de-PICT Issue 07 rogue header

Header settings (only shows in the editor)

Change a value in the Value column, then click Preview to see it. Leave the Setting column as it is. Empty or invalid values use the default.

SettingValueWhat it does
Background colour#2f3006Shows behind the image, or on its own if no image is added. Any colour code, e.g. #D29E15
Image darkness (%)25Darkens the image so the logo stands out. 0 = no darkening, 60 = very dark
Logo colour (white/black)whiteColour of the de-PICT wordmark
Logo starting width (% of screen width)35How wide the logo is when the page first loads
Logo final width (% of screen width)92How wide the logo ends up once you have scrolled through the header
Logo position down (%)500 = top, 50 = middle, 100 = bottom
Scroll length (screens)1.5How far you scroll while the logo grows. Bigger = slower
Image zoom-out (yes/no)yesyes = the image eases out slightly as you scroll
Smoothness (1 = none, 10 = very smooth)7How gently the logo follows your scrolling
Mouse dot (on/off)onon = a small round dot follows the mouse (desktop only), off = no dot
Mouse dot colour#2f3006Colour of the mouse dot. Any colour code, e.g. #2f3006

ISSUE 07 | SUBMISSIONS ARE NOW OPEN!

rogue architecture that refuses to conform

ISSUE 07 | 'rogue' architecture that refuses to conform:

Any questions? Please email sona@architecture.com.au