Brand system / v1.0
Official guidelines
A system for clarity, ownership and engineered confidence.
This living reference defines how CreaLore looks, speaks and moves across digital products and communications.
01 / Logo
Coral is the active signature.
Use the light file logo on light backgrounds and the dark file logo on dark backgrounds. Preserve generous clear space and never recolor, stretch or add effects.
02 / Color
Restrained by default. Coral when consequential.
Coral
#FF5C42Deep teal
#0F4C5CLight teal
#5AAFC4Anthracite
#1A1D21Warm white
#FAF7F203 / Typography
Figtree carries the system. Bitter gives it a voice.
Bitter is reserved for H1, page headers and H2/record titles. Never use it for buttons, forms, tables or body copy.
Bitter 600
Engineering
with ownership.
Page titleBitter 600
24 / 30Record or H2 titleBitter 600
17 / 24Section titleFigtree 600
14 / 20Content bodyFigtree 400
15 / 22Compact contentFigtree 400–600
14 / 20Navigation and controlsFigtree 400–600
13 / 20MetadataFigtree 400–500
13 / 18Micro technical labelsFigtree 400–500
12 / 1604 / Motion
Movement explains structure.
Use motion to reveal hierarchy, preserve spatial continuity or confirm consequence.
- Interface transitions stay below 300ms.
- Prefer transform and opacity.
- No bounce, ambient loops or decorative drift.
- Reduced motion preserves every meaning and action.