Design DNA & styling

Question 1

What is Design DNA?

Accepted Answer

Design DNA is the engine that decides what your site looks like — palette, typography, spacing, layout, motion. It exists so two projects never look identical.

Question 2

Why does Design DNA matter?

Accepted Answer

Generic AI websites all look the same. Design DNA pushes back against the purple-gradient-on-white template and gives every project a unique direction.

Question 3

Can I change my project's Design DNA?

Accepted Answer

Yes. Open Design, DNA and pick a new direction or remix the current one. The AI regenerates the design system to match.

Question 4

Can I lock specific design choices?

Accepted Answer

Yes. Lock any token — colour, font, radius — and the AI works around it. Useful when a brand guideline is non-negotiable.

Question 5

Can I generate Design DNA from a brand image?

Accepted Answer

Yes. Drop a logo or brand image in Design, DNA, From image. The AI extracts a palette and proposes matching typography.

Question 6

How does the typography system work?

Accepted Answer

Design DNA picks a heading and body font pair plus a type scale. You can swap either font from Design, Typography.

Question 7

Is dark mode supported out of the box?

Accepted Answer

Yes. Every Design DNA direction ships with a balanced dark variant. Toggle from Design, Theme.

Question 8

What is anti-template mode?

Accepted Answer

A Design DNA option that explicitly avoids common AI layouts (hero-grid-cta-footer) and pushes for asymmetric, magazine-style or bento compositions.

Question 9

Can I add custom CSS to a project?

Accepted Answer

Yes. Design, Custom CSS lets you add scoped overrides. The Coach warns when overrides break the theme contract.

Question 10

Can I export the design tokens?

Accepted Answer

Yes. Design, Tokens, Export produces a JSON file with every colour, font, size and motion value, ready for Figma or your design system.

Question 11

Can I import tokens from Figma?

Accepted Answer

Yes. Design, Tokens, Import accepts a Style Dictionary or Tokens Studio JSON file. Conflicts are flagged before import.

Question 12

Can I change the layout style of a page?

Accepted Answer

Yes. On any page click Layout and pick from the available compositions. Design DNA filters out options that conflict with your direction.

Question 13

How does motion work in Blanca's Builder sites?

Accepted Answer

Motion follows the Design DNA motion style: subtle, balanced or expressive. You can disable motion globally for accessibility from Design, Motion.

Question 14

Are generated sites accessible by default?

Accepted Answer

Yes. Colour contrast, focus rings, keyboard navigation and reduced-motion are validated by automated checks before any preview.

Question 15

Is right-to-left layout supported?

Accepted Answer

Yes. The system flips layouts for Arabic and other RTL languages automatically. Mirroring of icons and progress bars is handled by the design system.

Question 16

Are there pre-made design presets?

Accepted Answer

Yes. Design, Presets includes vetted starting points by industry. Each preset is a Design DNA snapshot you can remix freely.

Question 17

Can I change the tone of generated copy?

Accepted Answer

Yes. Brief, Tone lets you pick from a set of voices. The Coach regenerates copy on demand to match.

Question 18

Can I share a Design DNA between projects?

Accepted Answer

Yes. Save the DNA as a snapshot and apply it to another project. Useful for keeping a multi-site brand consistent.

Question 19

Can I revert a design change I do not like?

Accepted Answer

Yes. Every accepted design change creates a snapshot. Design, History lets you compare and revert to any earlier version.

Question 20

Can I give the Coach feedback on a design?

Accepted Answer

Yes. Right-click any element and choose Comment. The Coach uses your feedback when it regenerates that area.