2025
Art direction
Brand Indentity
Packaging
AfterSKIN
Skin recovery, after hours
Concept skincare brand focused on post-heat and post-exposure skin recovery. Exploring the moment after effort, after heat, when skin needs to reset. Project: Personal concept
Figma
Photoshop
Blender
CONCEPT
AFTER SKIN explores the moment after effort, heat or exposure. When performance stops, recovery begins. The brand is built around a dual system Heat and Cold responding to different states of the skin. Visuals translate physical sensation into color, texture and contrast.
Heat / Cold System
HEAT
Post-heat recovery care
Designed to support skin recovery after heat exposure, friction or intense effort.Focused on hydration, barrier repair and overnight regeneration.
COLD
Cooling reset care
Created to soothe overheated or stressed skin after cold, contrast or environmental exposure.Helps restore comfort and rebalance skin temperature.
Products
Each product line features distinct packaging that reflects its function.
HEAT products use warm gradient accents for protection and endurance, while COLD products use cool tones for recovery and restoration.
HEAT RANGE
Designed to soothe, cool and rebalance skin after exposure.
HEAT 01 · After Heat Serum
Post-heat skin recovery
HEAT 02 · Night Cream
Barrier protection
HEAT 03 · Hydration Mist
Endurance hydration
COLD RANGE
Designed to support skin recovery after heat, effort and prolonged exposure.
HEAT 01 · Cool Recovery Serum
Cooling reset serum
HEAT 02 · Morning Balm
Instant cooling
HEAT 03 · Cooling Spray
Restorative care
Product focus
Designed to act when the skin needs it most.
After Heat Serum
Post-heat skin recovery.
- Strengthens skin barrier overnight
- Supports skin recovery during rest
- Helps prevent moisture loss
COOL RECOVERY SERUM
Cooling reset serum
- Strengthens skin barrier overnight
- Supports skin recovery during rest
- Helps prevent moisture loss
DESIGN SYSTEM
Logo System
Designed to support skin recovery in every condition.
Primary Logo
Horizontal logo without line
Vertical Logo
The gradient version is used as an expressive element for campaigns and digital content.
Logo accent · Heat line
Logo accent · Cold line
Color system
Neutral Base
Black
HEX: #000000
White
HEX: #FFFFFF
Charcoal
HEX: #505050
Silver
HEX: #C1C1C1
Onyx
HEX: #0A0A0A
Graphite
HEX: #292929
Heat Gradient
Purple
#69136C
Red
#C61A10
Orange
#F15407
Yellow
#C61A10
Cold Gradient
Yellow
#48CC23
Blue
#4486E3
Dark Blue
#281276
Black
#OOOOOO
Color is used as an emotional cue rather than a structural constraint.
Font Type
Primary — Brand & Headings
CAL SANS
ABCDEFGHIJKLMNOPQRSTUVWXYZ
0123456789
Secondary — Body & UI
Inter
ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz
0123456789 .,;:!?&()[]@#*
Typography Hierarchy
H1 · Brand / Hero
CARE FOR THE AFTER
Cal Sans / Uppercase / Letter spacing +5% / Usage: slogans, poster, hero site
H2 · Product / Section
ENDURANCE HYDRATION
Cal Sans / Uppercase / Letter spacing +5% / Usage: nom de produit, titres de section
H3 · Supporting title
Prolonged hydration under extreme heat
Inter / Semi-Bold / Usage: key benefit, accroches secondaires
Body · Text / Info
A lightweight formula designed to support skin recovery after intense heat exposure.
Inter / Regular / Usage: key descriptif, packaging backs, site
Caption / Tech
50 ml · Dermatologically tested
Inter / Semi-Bold / Uppercase / Small size / Letter spacing + 10% / Usage: infos techniques, INCI / ml / warnings
Grid & Layout System
Modular Spacing
20 px • Micro pacing
(text to text, label spacing)
40 px • Standard spacing
(text to image, block spacing)
80 px • Section spacing
(major separation, margins)
Exemple
Text + Image
Eodem tempore etiam Hymetii praeclarae indolis viri negotium est actitatum, cuius hunc novimus esse textum. cum Africam pro consule regeret Carthaginiensibus victus inopia iam lassatis, ex horreis Romano populo destinatis frumentum dedit, pauloque postea cum provenisset segetum copia, integre sine ulla restituit mora.
40px
Texte interne + Text + Text
Eodem tempore
etiam
Eodem tempore etiam Hymetii praeclarae indolis viri negotium est actitatum, cuius hunc novimus esse textum. cum Africam pro consule regeret Carthaginiensibus victus inopia iam lassatis, ex horreis Romano populo destinatis frumentum dedit, pauloque postea cum provenisset segetum copia, integre sine ulla restituit mora.
Eodem tempore etiam Hymetii praeclarae indolis viri negotium est actitatum, cuius hunc novimus esse textum. cum Africam pro consule regeret Carthaginiensibus victus inopia iam lassatis, ex horreis Romano populo destinatis frumentum dedit, pauloque postea cum provenisset segetum copia, integre sine ulla restituit mora.
80px
20px
Grille desktop
A flexible grid system ensures consistency across digital and print formats.
Grille poster
Grille social
The same grid logic adapts to multiple formats.
APPLICATIONS
A cohesive visual language applied across print, digital and product communication.
Art Direction / Packaging / 3D / Digital
2026
BACK
Home
Image Direction & Motion
Image driven direction rooted in music, fashion and contemporary culture.
© 2026 TecTecBeurk . All Rights Reserved.
HOME
project
ABOUT
2025
Art direction
Brand Indentity
Packaging
AfterSKIN
Skin recovery, after hours
Concept skincare brand focused on post-heat and post-exposure skin recovery.Exploring the moment after effort, after heat, when skin needs to reset.Project: Personal concept
Figma
Photoshop
Blender
CONCEPT
AFTER SKIN explores the moment after effort, heat or exposure. When performance stops, recovery begins. The brand is built around a dual system Heat and Cold responding to different states of the skin. Visuals translate physical sensation into color, texture and contrast.
Heat / Cold System
HEAT
Post-heat recovery care
Designed to support skin recovery after heat exposure, friction or intense effort.Focused on hydration, barrier repair and overnight regeneration.
COLD
Cooling reset care
Created to soothe overheated or stressed skin after cold, contrast or environmental exposure.Helps restore comfort and rebalance skin temperature.
Products
Each product line features distinct packaging that reflects its function. HEAT products use warm gradient accents for protection and endurance, while COLD products use cool tones for recovery and restoration.
HEAT RANGE
Designed to soothe, cool and rebalance skin after exposure.
HEAT 01 · After Heat Serum
Post-heat skin recovery
HEAT 02 t Night Cream
Barrier protection
HEAT 03 · Hydration Mist
Endurance hydration
COLD RANGE
Designed to support skin recovery after heat, effort and prolonged exposure.
HEAT 01 · Cool Recovery Serum
Cooling reset serum
HEAT 02 · Morning Balm
Instant cooling
HEAT 03 · Cooling Spray
Restorative care
Product focus
Designed to act when the skin needs it most.
After Heat Serum
Post-heat skin recovery.
- Strengthens skin barrier overnight
- Supports skin recovery during rest
- Helps prevent moisture loss
COOL RECOVERY SERUM
Cooling reset serum
- Strengthens skin barrier overnight
- Supports skin recovery during rest
- Helps prevent moisture loss
DESIGN SYSTEM
Logo System
Designed to support skin recovery in every condition.
Primary Logo
Horizontal logo without line
Vertical Logo
The gradient version is used as an expressive element for campaigns and digital content.
Logo accent · Heat line
Logo accent · Cold line
Color system
Neutral Base
Black
HEX: #000000
Onyx
HEX: #0A0A0A
White
HEX: #FFFFFF
Graphite
HEX: #292929
Charcoal
HEX: #505050
Silver
HEX: #C1C1C1
Heat Gradient
Purple
#69136C
Red
#C61A10
Orange
#F15407
Yellow
#C61A10
Cold Gradient
Yellow
#48CC23
Blue
#4486E3
Dark Blue
#281276
Black
#OOOOOO
Color is used as an emotional cue rather than a structural constraint.
Font Type
Primary — Brand & Headings
CAL SANS
ABCDEFGHIJKLMNOPQRSTUVWXYZ
0123456789
Secondary — Body & UI
Inter
ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz
0123456789 .,;:!?&()[]@#*
Typography Hierarchy
H1 · Brand / Hero
CARE FOR THE AFTER
Cal Sans / Uppercase / Letter spacing +5% / Usage: slogans, poster, hero site
H2 · Product / Section
ENDURANCE HYDRATION
Cal Sans / Uppercase / Letter spacing +5% / Usage: nom de produit, titres de section
H3 · Supporting title
Prolonged hydration under extreme heat
Inter / Semi-Bold / Usage: key benefit, accroches secondaires
Body · Text / Info
A lightweight formula designed to support skin recovery after intense heat exposure.
Inter / Regular / Usage: key descriptif, packaging backs, site
Caption / Tech
50 ml · Dermatologically tested
Inter / Semi-Bold / Uppercase / Small size / Letter spacing + 10% / Usage: infos techniques, INCI / ml / warnings
Grid & Layout System
Modular Spacing
20 px • Micro pacing
(text to text, label spacing)
40 px • Standard spacing
(text to image, block spacing)
80 px • Section spacing
(major separation, margins)
Exemple
Text + Image
Eodem tempore etiam Hymetii praeclarae indolis viri negotium est actitatum, cuius hunc novimus esse textum. cum Africam pro consule regeret Carthaginiensibus victus inopia iam lassatis, ex horreis Romano populo destinatis frumentum dedit, pauloque postea cum provenisset segetum copia, integre sine ulla restituit mora.
40px
Texte interne + Text + Text
Eodem tempore etiam
Eodem tempore etiam Hymetii praeclarae indolis viri negotium est actitatum, cuius hunc novimus esse textum. cum Africam pro consule regeret Carthaginiensibus victus inopia iam lassatis, ex horreis Romano populo destinatis frumentum dedit, pauloque postea cum provenisset segetum copia, integre sine ulla restituit mora.
Eodem tempore etiam Hymetii praeclarae indolis viri negotium est actitatum, cuius hunc novimus esse textum. cum Africam pro consule regeret Carthaginiensibus victus inopia iam lassatis, ex horreis Romano populo destinatis frumentum dedit, pauloque postea cum provenisset segetum copia, integre sine ulla restituit mora.
80px
20px
Grille desktop
A flexible grid system ensures consistency across digital and print formats.
Grille poster
Grille social
The same grid logic adapts to multiple formats.
APPLICATIONS
A cohesive visual language applied across print, digital and product communication.
Art Direction / Packaging / 3D / Digital
2026
BACK
Home
Image Direction & Motion
Image driven direction rooted in music, fashion and contemporary culture.
© 2026 TecTecBeurk . All Rights Reserved.
HOME
project
ABOUT
2025
Art direction
Brand Indentity
Packaging
AfterSKIN
Skin recovery, after hours
Concept skincare brand focused on post-heat and post-exposure skin recovery.Exploring the moment after effort, after heat, when skin needs to reset.Project: Personal concept
Figma
Photoshop
Blender
CONCEPT
AFTER SKIN explores the moment after effort, heat or exposure. When performance stops, recovery begins. The brand is built around a dual system Heat and Cold responding to different states of the skin. Visuals translate physical sensation into color, texture and contrast.
Heat / Cold System
HEAT
Post-heat recovery care
Designed to support skin recovery after heat exposure, friction or intense effort.Focused on hydration, barrier repair and overnight regeneration.
COLD
Cooling reset care
Created to soothe overheated or stressed skin after cold, contrast or environmental exposure.Helps restore comfort and rebalance skin temperature.
Products
Designed to support skin recovery in every condition.
HEAT
Designed to soothe, cool and rebalance skin after exposure.
HEAT 01 · After Heat Serum
Post-heat skin recovery
HEAT 02 · Night Cream
Barrier protection
HEAT 03 · Hydration Mist
Endurance hydration
COLD RANGE
Designed to support skin recovery after heat, effort and prolonged exposure.
HEAT 01 · Cool Recovery Serum
Cooling reset serum
HEAT 02 · Morning Balm
Instant cooling
HEAT 03 · Cooling Spray
Restorative care
Product focus
Designed to act when the skin needs it most.
After Heat Serum
Post-heat skin recovery.
- Strengthens skin barrier overnight
- Supports skin recovery during rest
- Helps prevent moisture loss
COOL RECOVERY SERUM
Cooling reset serum
- Strengthens skin barrier overnight
- Supports skin recovery during rest
- Helps prevent moisture loss
DESIGN SYSTEM
Logo System
The logo system is designed to adapt across formats while maintaining a strong and consistent identity.
Primary Logo
Horizontal logo without line
Vertical Logo
The gradient version is used as an expressive element for campaigns and digital content.
Logo accent · Heat line
Logo accent · Cold line
Color system
Neutral Base
Black
HEX: #000000
Silver
HEX: #C1C1C1
Charcoal
HEX: #505050
Onyx
HEX: #0A0A0A
Graphite
HEX: #292929
White
HEX: #FFFFFF
Heat Gradient
Purple
#69136C
Red
#C61A10
Orange
#F15407
Yellow
#FCA811
Cold Gradient
Yellow
#48CC23
Blue
#4486E3
Dark Blue
#281276
Black
#OOOOOO
Color is used as an emotional cue rather than a structural constraint.
Font Type
Primary — Brand & Headings
CAL SANS
ABCDEFGHIJKLMNOPQRSTUVWXYZ
0123456789
Secondary — Body & UI
Inter
ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz
0123456789 .,;:!?&()[]@#*
Typography Hierarchy
H1 · Brand / Hero
CARE FOR THE AFTER
Cal Sans / Uppercase / Letter spacing +5% / Usage: slogans, poster, hero site
H2 · Product / Section
ENDURANCE HYDRATION
Cal Sans / Uppercase / Letter spacing +5% / Usage: nom de produit, titres de section
H3 · Supporting title
Prolonged hydration under extreme heat
Inter / Semi-Bold / Usage: key benefit, accroches secondaires
Body · Text / Info
A lightweight formula designed to support skin recovery after intense heat exposure.
Inter / Regular / Usage: key descriptif, packaging backs, site
Caption / Tech
50 ml · Dermatologically tested
Inter / Semi-Bold / Uppercase / Small size / Letter spacing + 10% / Usage: infos techniques, INCI / ml / warnings
Grid & Layout System
Modular Spacing
20 px • Micro pacing
(text to text, label spacing)
40 px • Standard spacing
(text to image, block spacing)
80 px • Section spacing
(major separation, margins)
Exemple
Text + Image
Eodem tempore etiam Hymetii praeclarae indolis viri negotium est actitatum, cuius hunc novimus esse textum. cum Africam pro consule regeret Carthaginiensibus victus inopia iam lassatis, ex horreis Romano populo destinatis frumentum dedit, pauloque postea cum provenisset segetum copia, integre sine ulla restituit mora.
40px
Texte interne + Text + Text
Eodem tempore etiam
Eodem tempore etiam Hymetii praeclarae indolis viri negotium est actitatum, cuius hunc novimus esse textum. cum Africam pro consule regeret Carthaginiensibus victus inopia iam lassatis, ex horreis Romano populo destinatis frumentum dedit, pauloque postea cum provenisset segetum copia, integre sine ulla restituit mora.
Eodem tempore etiam Hymetii praeclarae indolis viri negotium est actitatum, cuius hunc novimus esse textum. cum Africam pro consule regeret Carthaginiensibus victus inopia iam lassatis, ex horreis Romano populo destinatis frumentum dedit, pauloque postea cum provenisset segetum copia, integre sine ulla restituit mora.
80px
20px
Grille desktop
A flexible grid system ensures consistency across digital and print formats.
Grille poster
Grille social
The same grid logic adapts to multiple formats.
APPLICATIONS
A cohesive visual language applied across print, digital and product communication.
Art Direction / Packaging / 3D / Digital
2026
BACK
Home
Image Direction & Motion
Image driven direction rooted in music, fashion and contemporary culture.
© 2026 TecTecBeurk . All Rights Reserved.