Color palette
All tokens from css/theme.css :root.
Primary / Accent
Text
Surface / Border / Selection
Gradients
Reusable gradient backgrounds.
Typography
Aglet Sans (display) and Ballinger (body) — bundled in fonts/. TypeKit version is also imported via theme.css.
Aglet Sans · Display
ExtraLight 200
Discover the world around you.
Light 300
Discover the world around you.
Regular 400
Discover the world around you.
SemiBold 600
Discover the world around you.
Bold 700
Discover the world around you.
Ultra 800
Discover the world around you.
Black 900
Discover the world around you.
Ballinger · Body
Regular
Kiwrious is a low-cost science kit that connects to a browser. The platform is used by schools across New Zealand to make data-driven discovery accessible in any classroom.
Bold
Kiwrious is a low-cost science kit that connects to a browser. The platform is used by schools across New Zealand to make data-driven discovery accessible in any classroom.
Type Scale (Aglet Sans Bold)
48 / Hero
The quick brown fox
36 / Display
The quick brown fox
28 / H2
The quick brown fox
20 / H3
The quick brown fox
16 / Body
The quick brown fox
14 / Small
The quick brown fox
12 / Caption
The quick brown fox
Shadows
Elevation tokens.
--box-shadow-none
--shadow-default
--shadow-card
Border radius
none
small · 5px
medium · 10px
large · 15px
round · 50px
Opacity scale
100%
81% · very-high
75% · high
70% · medium-high
60% · medium
50% · light
Brand logos
Kiwrious_logo_gradient_wide.svg
Kiwrious_logo_gradient_wide_animated.svg
Kiwrious_logo_white_wide.svg
Brand hexagons
Color tokens used as hex tile backgrounds.
dark_blue_hexagon.svg
light_blue_hexagon.svg
green_hexagon.svg
light_green_hexagon.svg
yellow_hexagon.svg
red_hexagon.svg
pink_hexagon.svg
purple_hexagon.svg
soft_hexagon_blank.svg
Sensor graphics
graphics/air_sensor.png
graphics/colour_sensor.png
graphics/conductivity_sensor.png
graphics/heartrate_sensor.png
graphics/humidity_sensor.png
graphics/temperature_sensor.png
graphics/uv_sensor.png
graphics/meter_sensor.svg
Icon_hex_colour_sound.svg
Icon_hex_colour_sound_ripple.svg
UI graphics & illustrations
graphics/Bitmap.svg
graphics/circuit_blue.svg
graphics/circuit_green.svg
graphics/circuit_z_blue.svg
graphics/circuit_combined_green_blue.svg
graphics/combined_circuit_right.png
graphics/heart.svg
graphics/oval_blue.svg
graphics/three_rounds_blue.svg
graphics/meter_blue.svg
graphics/speaker.svg
graphics/Footer_Left.png
graphics/Footer_Right.png
graphics/register_left_graphic.png
graphics/register_right_graphic.png
graphics/register_footer_left.png
graphics/register_footer_right.png
curved_bg.svg
yellow_curved_bg.svg
wavy_line.svg
sensors_kit_bg.svg
footer_bg.svg
header_fill.svg
header_fill_bottom.svg
header_fill_layer.svg
play_btn.svg
play_btn_ripple.svg
play_btn_ripple_white.svg
menu_icon.svg
download_icon.svg
checkbox_check_icon.svg
plus.svg
plus_thin.svg
laptop.svg
zally.svg
zally_hand.svg
Zally_1.svg
Partner brands
brands/uoa@2x.png
brands/AHLab_Logo.png
brands/ABI_logo.png
brands/CIE_logo.png
brands/MERW_logo.jpg
brands/ESW-SCP-VC-RGB@2x.png
brands/cloud_9.png
brands/logo-x2@2x.png
brands/Group 3@2x.png
brands/Group 29@2x.png
School logos
schools/baradene_logo.png
schools/bird_logo.png
schools/eggs_logo.png
schools/flat_lux_logo.png
schools/kings_logo.png
schools/mags_logo.png
schools/mangawahi_beach.png
schools/panmure_bridge_logo.png
Team avatars
alaeddin
andrew
chamod
dawn
deviana
elliott
fiona
haimo
jiashuo
juan
phil
priyarshi
qin
sankha
sonia
suranga
xinke
yvonne
News imagery
news/news_2020_jun_10.jpg
news/news_2020_jun_10.png
news/news_2020_sep_12.png
Photography & campaign imagery
header_background_image.jpg
header_sensors.png
discover_together_bg.png
footer_background.png
laptop_with_sensors.jpg
kiwrious.jpg
schools.jpg
students.jpg
supporting_teachers.jpg
wider_community.JPG
whiteborad_learning.JPG
inspiring_fearless_thumb.JPG
inspiring_fearless_t_ugQpO.jpg
text_slider_img_1.jpg
yellow_curved_bg.jpg
20151126_NZStory_Furnwear_Room_096.jpg
20151126_nzstory_fur_l7Are.jpg
Rectangl_Copy_56.jpg
Rectangle_Copy_45.png
laptop.png
left_books.png
right_books.png
flow_chart.png
flow_chart_mobile.png
process.png
process_mobile.png
video_thumb.png
Favicon set
Multi-platform icons in img/favicon/.
16
32
96
android 72
android 96
android 144
android 192
apple 57
apple 76
apple 120
apple 152
apple 180
ms 144
ms 310
Social icons
Color and white variants.
On light
On dark