MILYSEC
Brand assets — logos, colours, typography, and usage guidelines.
Logo
Full wordmark lockup
Usage guidelines
- Use on dark or white backgrounds only
- Maintain clear space equal to the logo height on all sides
- Do not recolour, stretch, or rotate the logo
- Do not place on busy backgrounds without sufficient contrast
Colours
Primary Green
#14F195rgb(20, 241, 149)CTAs, highlights, primary brand
Purple
#9945FFrgb(153, 69, 255)Accents, gradients, secondary brand
#0A0F0A
Dark Background
#0A0F0Argb(10, 15, 10)Page background (dark mode)
#0F1410
Mid Background
#0F1410rgb(15, 20, 16)Card backgrounds, sections
#FFFFFF
White
#FFFFFFrgb(255, 255, 255)Body text, headings
#F0F4F0
Light Background
#F0F4F0rgb(240, 244, 240)Page background (light mode)
Brand gradient
linear-gradient(to right, #14F195, #9945FF)Typography
MoonWalk
Display / Headings — custom brand typeface
MILYSEC
Fast. Web. App.
ABCDEFGHIJKLMNOPQRSTUVWXYZ
0123456789 !@#$%&*
CSS
font-family: 'MoonWalk', sans-serif;Inter
Body / UI — Google Fonts
The quick brown fox
jumps over the lazy dog
abcdefghijklmnopqrstuvwxyz ABCDEFGHIJKLMNOPQRSTUVWXYZ
0123456789 — !@#$%^&*()_+-=[]|;:,./
CSS
font-family: 'Inter', sans-serif;Type Scale
Display
96px
Milysec
H1
60px
Milysec
H2
36px
Milysec
H3
24px
Milysec
Body
16px
Milysec
Small
14px
Milysec