Delivery/

Brand guidelines deck

Generated from Fernlight v1.0.0 tokens and components · updates when the system changes

Edit source tokens Export .pptx · soon
Version 1.0

Brand
Guidelines

Fernlight01
Contents
  1. 1.0Introduction
  2. 2.0Logo
  3. 3.0Colour & themes
  4. 4.0Typography
  5. 5.0Components
  6. 6.0Applications
Fernlight Brand Guidelines02
2.1Logo lockupMark and wordmark together. Use on teal, ink or paper only.
03
fernlight
2.2ClearspaceKeep 1× the mark height clear on every side.
04
1×1×fernlight
3.1Primary coloursEach swatch is a primitive token in the system.
05
Paperneutral.0
#F7F5F0
Tealteal.600
#0F766E
Inkneutral.900
#10201D
Coralcoral.500
#E8735A
3.2Light and darkThe action colour shifts to teal.400 in dark for 9.5:1 contrast.
06
LightContinueaction → teal.600
DarkContinueaction → teal.400
4.1Primary typefaceIBM Plex Sans for interface and print.
07
Aa
Light 300Regular 400Medium 500Semibold 600
4.2Type scale8 steps, 12–40 px. Tokens: font.size.*
08
Create a workspace Invite your team You can change these settings later. Step 1 of 3
5.1Core componentsRendered from the delivered React source.
09
PrimarySecondaryLink
Riverside Ops
CheckedOn
6.0

Applications

Fernlight Brand Guidelines10
6.1OnboardingFrom the Playground example screen.
11
Create your workspaceContinue
6.2Known gapsCarried from the validation report.
12
  • GapDate picker not yet in system
  • ReviewCoral on photography
  • ReviewToast reduced motion