LMNQ Creative Studio
Brand
Guideline.
A living reference for maintaining visual consistency across all LMNQ touchpoints — from motion graphics and visual identity to digital products and print collateral.
color palette01
primary
Accent
#FC521F
CTA, active states, highlights
base
Background
#0A0A0A
Page background, base layer
surface
Surface
#111111
Cards, panels, elevated areas
text
Text Primary
#E0E0E0
Headings, body text
structure
Border
#222222
Dividers, card borders, grid lines
Text Dim
#666666
Secondary text, labels
Text Muted
#444444
Tertiary text, metadata
alt
Surface Alt
#161616
Separators, secondary panels
category colors01-b
Motion
#FC521F
Design
#A0A0FF
Game
#80FFA0
Edu
#FFD080
Illust
#FF80C0
typography02
Navigation, headings, labels, metadata, buttons
Space Mono
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 — . , : ; ! ? &
abcdefghijklmnopqrstuvwxyz
0123456789 — . , : ; ! ? &
Body text, descriptions, paragraphs
DM Sans
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 — . , : ; ! ? &
abcdefghijklmnopqrstuvwxyz
0123456789 — . , : ; ! ? &
Hero statements, philosophy quotes
Cormorant Garamond
Sculpteur de lumière
Available weight variations
Space Mono Regular 400
Space Mono Bold 700
Space Mono Italic 400
DM Sans Light 300
DM Sans Regular 400
DM Sans Medium 500
type scale02-b
Hero TitleSculpteur de lumière.
Section TitleProject Overview
Body TextCreative direction, motion graphics, and visual identity.
Card TitleTAKO♾️TAKOVER
Nav / Labelworks index about contact
Meta / Tagmotion · 2026 · cover corp.
logo & mark03
dark backgroundlight backgroundsurface contextaccent contextmin 1.5x mark height1.5xfavicon / mark03-b
48px
32px
18px
on light
spacing system04
8px
xs
16px
sm
24px
md
32px
lg
40px
xl
48px
2xl — page pad
64px
3xl
80px
4xl — section
motion & easing05
Primary Ease
cubic-bezier(0.16, 1, 0.3, 1)
Page transitions, hover effects, card transforms
Fade
ease — 0.5s–0.6s
Scroll reveals, opacity transitions
Quick
0.15s–0.25s linear
Background color, row highlights
0.15sRow hover background
0.2sColor transitions, cursor opacity
0.3sNav underlines, border color, filter transitions
0.35s–0.4sCTA hover, card info reveal, letter-spacing expansion
0.5s–0.6sScroll reveal (translateY + opacity), thumbnail scale
0.7sGallery image zoom on hover
components06
Buttons
Tags / Filters
allmotiondesignillustgame
card pattern — visual grid06-b
motion
TAKO♾️TAKOVER
Ninomae Ina'nis — COVER Corp.
motion
VIOLET
Ninomae Ina'nis — COVER Corp.
motion
Daydream
Ouro Kronii — COVER Corp.
card pattern — list view06-c
01TAKO♾️TAKOVERCOVER Corp.motion2026
02TEMARICOVER Corp.motion—
03VIOLETCOVER Corp.motion—
voice & philosophy07
Sculpteur de lumière.
— A sculptor of light.
Always trying to understand how light shapes the way we feel.
Tone
Quiet confidence. Sincere over flashy. The voice should feel like a calm conversation — approachable but intentional. Never boastful.
Principle
Being understood matters more than being impressive. Every motion and color choice begins with: "what will the person watching feel?"
Detail
The same care, no matter the scale. Even the parts no one might notice — those small details make the whole feel complete.
grid & layout08
Grid System
Columns3-column (works) / 2-column (detail, about)
Grid Gap2px (var(--grid-gap))
Page Padding48px horizontal
Nav Height52px (var(--nav-h))
Card Ratios
Standard16:10 (featured grid)
Index Card4:3 (works index)
Wide Card8:3 (span 2 columns)
Tall Card3:4 (span 2 rows)