THE VISUAL IDENTITY OF
A guide to the elements that make our brand recognizable, consistent, and distinctly ours.
Explore the guidelines ↓WELCOME TO TEMSALET KITCHEN
A visual identity guideline is a reference document that defines how a brand should look and feel across different applications. It brings together the brand’s visual elements—such as the logo, colors, typography, imagery, and graphic elements—and explains how to use them consistently.
THE PURPOSE
Use this guideline as a reference whenever creating brand materials to ensure every expression of Temsalet Kitchen feels connected.
01 — THE SIGNATURE
The logo is one of the most recognizable parts of our identity. Use the approved variations and follow the guidance below to preserve their integrity.
01.1 / PRIMARY SYMBOL
Our sun symbol is the core signifier of the brand. It should be the main logo used wherever Temsalet Kitchen is represented, including favicons, packages, menus, and posters.
01.2 / WORDMARK
The wordmark can be used when the brand name needs a more prominent role. Its distinctive lettering brings a retro-inspired character while maintaining a playful and approachable feel.
01.3 / SECONDARY LOGO
This variation of our logo can be used for packages, brand seals, and social media.
01.4 / CLEAR SPACE
Clear space protects the logo from surrounding text and graphics. The clear space around our wordmark is defined by the letter “e” from the wordmark, measured around the edge of the logo.
01.5 / CO-BRANDING
Both our wordmark and symbol can be co-branded. Duplicate the logo clear-space measurement and place it between partner marks.
01.6 / PLACEMENT
The wordmark may be centered or placed at the bottom of brand imagery. The symbol may be placed at the top, in the center, or at the top-right of horizontal documents.
01.7 / MINIMUM SIZE
Minimum-size recommendations help preserve clarity across digital and print applications.
01.8 / LOGO COLORS
Our logos must only use the primary brand colors: mustard and green. Black and white may be used only when brand colors cannot be reproduced or for specific accessibility needs.
PLEASE AVOID
Do not distort, rotate, recolor, rearrange, or add elements to the logo. Its orientation, color, and composition should remain as shown in the approved artwork.
READY-TO-USE FILES
Use the original artwork files whenever creating brand materials. Add your actual files to the matching public/assets paths.
02 — THE PALETTE
Our palette establishes a cohesive and recognizable visual identity. Consistent use helps create a memorable association with Temsalet Kitchen.
02.1 / COLOR PAIRING
Use the combinations shown in the original guideline as the reference for text and supporting elements. Avoid combinations that create insufficient contrast or do not work harmoniously. Do not introduce colors outside the brand palette.
02.2 / COLOR HIERARCHY
The guideline recommends a distribution of 40%, 40%, 15%, and 5%. Treat these percentages as a guide while maintaining the intended hierarchy.
02.3 / COLOR SCHEMES
Use the palette combinations as a starting point for graphics, social media content, marketing materials, and posters.
03 — THE VOICE IN TYPE
Typography is a key part of our visual identity. Use the typefaces and hierarchy consistently across print and digital materials.
PRIMARY TYPEFACE / DISPLAY
Display · Headings · Sub-headings
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
Aa Bb
BODY TYPEFACE / INFORMATION
Body · Information · Paragraphs
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
Use Regular for body copy. Italic and Bold can highlight a word or phrase.
Regular Aa Bb Cc
Italic Aa Bb Cc
Bold Aa Bb Cc
03.1 / TYPE-SIZE RELATIONSHIP
Subheadlines should be no larger than 33% of the ascender height of the headline. Body copy should be no larger than 50% of the cap height of subheadlines.
03.2 / LEADING & TRACKING
Leading is the space between lines of text. Tracking is the space between letters. Use appropriate spacing on the primary typeface to keep headings readable and visually balanced.
04 — SUPPORTING ELEMENTS
Brand assets add texture, personality, and recognition to the visual identity. Use them as supporting elements rather than substitutes for the logo.
04.1 / BRAND PATTERNS
Use the approved patterns as supporting brand graphics. Add the final usage notes for each pattern here.
04.2 / ICONOGRAPHY
This brand icon is used when specifically identifying fasting foods on the website and in infographics.
READY-TO-USE FILES
Add the approved source files to the matching folders in your public directory.
05 — THE BRAND IN PICTURES
Photography examples and guidance can be added here as the brand direction is finalized.
05.1 / BRAND PHOTOGRAPHY
Add photography direction, image examples, and preferred treatments here.
05.2 / OVERLAYS
Add overlay colors, opacity guidance, and examples here.
06 — THE BRAND IN THE FEED
Social media.
A consistent social presence helps the brand remain recognizable across platforms. Complete the specifications and examples as they become available.
06.1 / ASPECT RATIO
Format for each platform.
Add approved dimensions and safe-area guidance for each social format.
06.2 / GRAPHICS
Graphic language.
Add templates and rules for social media graphic compositions.
06.3 / TEXT ON PHOTOGRAPH
Keep text readable.
Add guidance for type placement, contrast, and image selection.
06.4 / GRID LAYOUT
A considered feed.
Add grid rhythm, post sequencing, and layout examples.
06.5 / SOCIAL MEDIA EXAMPLES
Putting the system together.
Add approved examples of social media posts and campaigns here.