Design System
The rules for how we design, build, and communicate—honouring craft at every step.
01. Introduction
The single source of truth for Creatifind’s visual and verbal identity. It ensures that every output—human or AI—creates a cohesive, premium brand experience.
Internal designers, developers, and AI agents. If you are building for Creatifind, follow these rules strictly.
Design Ethos
Minimal yet Expressive
We favour simplicity to let the craft shine. Clean layouts prevent design from overpowering the work.
Function & Beauty
Beauty emerges from clarity. We avoid ornamentation that adds complexity without enhancing comprehension.
Timelessness
Trends fade; craft endures. We aim for an aesthetic that will still look fresh in ten years.
02. Brand Strategy
What is Creatifind?
Creatifind is a craft-first design studio for artisans. We combine bespoke brand identity with story-driven digital experiences to help makers turn their passion into a sustainable livelihood.
We are NOT: A high-volume agency, a contest site, or a generic marketing shop.
Positioning Statement
"Elevating artisans through refined branding and storytelling."
We champion authenticity, sustainability, and community, delivering refined work at a human pace.
Target Audience
- Solo Makers: Transforming a passion into a professional brand.
- Small Craft Brands: Scaling production while maintaining authenticity.
- Artisan Collectives: Seeking community visibility and shared growth.
Core Values
Honest expression. We never exaggerate or mask the care that craft requires.
Quality is our north star. We champion skilled hands over mass production.
We respect the planet. We prioritise ethical practices and low-waste operations.
03. Identity
The visual anchor of our brand. Always treat the mark with respect—maintain clear space and never alter the geometry.
Clear Space & Sizing
Desktop headers, hero sections, and slide decks.
Standard navigation, footers, and mobile headers.
Critical constraint. Below 90px, switch to the Mark.
Clear Space Rule: Maintain padding equal to the height of the "c" letterform on all sides. This ensures the logo is never crowded by other elements or text.
04. Colors
Our palette is built for contrast and impact. Coquelicot drives action, while Soot provides a premium, noise-free canvas.
Primary Action. High-energy orange. Use for primary buttons, highlights, and calls to action.
Primary Background. A warm, rich black. Used for standard backgrounds to create premium depth.
Text & Contrast. Primary text color on Soot. Used sparingly for backgrounds to create zones of focus.
Surface. Slightly lighter than Soot. Used for cards, sidebars, and UI surfaces.
05. Typography
Our "Modern Boutique" scale uses Cabinet Grotesk for character and General Sans for utility. Zodiak applies subtle elegance.
Headlines, Impact, Display. Distinct ink traps.
UI, Body, Labels. Clean and geometric.
Accents, Quotes. Use sparingly.
Type Reference
06. Layout & Spacing
A refined 7-step modular scale that provides smoother transitions than the traditional geometric (2×) scale. Values are optimized for 1080p screens and scale up for higher resolutions.
Spacing Tokens
Base values (left) are optimized for 1080p screens (1920×1080). On 1440p+ screens (≥2000px viewport), values automatically scale up (right) for proportional visual balance.
07. Components
Reusable blocks that ensure consistency. Verify if a component exists before building a new one.
Buttons
08. Tone & Voice
Warm, Respectful, and Knowledgeable. We speak like humans, not corporate copy.
Tone Qualities
- Partnership: We are a studio, not a factory. We speak as collaborators in the maker's journey.
- Depth: We value "depth over breadth". Explain the *why* and the *how* behind the work.
- Honest: We never exaggerate. We present the work with care, clarity, and integrity.
Voice Techniques
- Storytelling: Highlight the process and materials ("reclaimed wood", "earthen homes").
- Deliberate Pace: Avoid "rush" language. Use words like "refine", "craft", "evolve".
- Positive Framing: Focus on the value of the handmade ("character", "patience").
Writing Style
On-Site Examples
"Timeless Craft. Modern Storytelling."
"We speak the language of makers because we've dedicated our practice to the artisan economy."
"01. Listen. 02. Concept. 03. Refine. 04. Launch."
"Craft Brand Foundation."
"404. We're still refining this piece."
09. AI Usage Rules
Directives for Autonomous Agents generating assets for Creatifind.
# Semantic HTML Use `section`, `article`, `header` tags. No div soup.
# Class Names Reuse `ds-card`, `ds-grid`, `btn-primary`. Do not create new classes.
# If Unsure Default to the simplest implementation. Calm confidence = clear code.